/* COMMON STYLES */

/* MEDIA PLACE HOLDER */
.box.location_pagebox .media.covermedia .uploadbt,
.box.event_pagebox .media.covermedia .uploadbt,
.box.location_pagebox .media.locationlogo .uploadbt,
.box.event_pagebox .media.eventlogo .uploadbt,
.box.contributororg_pagebox .media.contributororglogo .uploadbt {
  display: block;
}

.box.location_pagebox .media.covermedia .changemediaidbt,
.box.event_pagebox .media.covermedia .changemediaidbt,
.box.location_pagebox .media.locationlogo .changemediaidbt,
.box.event_pagebox .media.eventlogo .changemediaidbt,
.box.contributororg_pagebox .media.contributororglogo .changemediaidbt {
  display: none;
}

.box.location_pagebox .media.locationlogo[is-placeholder] .mediafootage,
.box.location_pagebox .media.covermedia[is-placeholder] .mediafootage,
.box.event_pagebox .media.covermedia[is-placeholder] .mediafootage,
.box.event_pagebox .media.eventlogo[is-placeholder] .mediafootage,
.box.contributororg_pagebox .media.contributororglogo[is-placeholder] .mediafootage {
  pointer-events: none;
  opacity: 0;
}

.box.location_pagebox .media.covermedia[is-placeholder]:before,
.box.location_pagebox .media.locationlogo[is-placeholder]:before,
.box.event_pagebox .media.covermedia[is-placeholder]:before,
.box.event_pagebox .media.eventlogo[is-placeholder]:before,
.box.contributororg_pagebox .media.contributororglogo[is-placeholder]:before {
  content: " ";
  position: absolute;
  background-image: url(../../../../data/media/placeholder_logo.jpg);
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.box.location_pagebox .media.covermedia[is-placeholder]:before {
  background-image: url(../../../../data/media/placeholder_cover.jpg);
}

.box.event_pagebox .media.covermedia[is-placeholder]:before {
  background-image: url(../../../../data/media/placeholder_cover2.jpg);
}


/* CONTRUBUTOR USER PAGE BOX */
.box.contributoruser_pagebox {
  padding: var(--padding);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3em;
  background: #f4f4f4;
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
}

.box.contributoruser_pagebox .admininfosec {
  width: 100%;
}

.box.contributoruser_pagebox *[input-name="psswrd_encrypted"] {
  display: none;
}

.box.contributoruser_pagebox .addboxbutton {
  font-size: 0.75em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* CONTRUBUTOR ORG PAGE BOX */
.box.contributororg_pagebox {
  padding: var(--padding);
}

.box.contributororg_pagebox .admininfosec {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.box.contributororg_pagebox .card {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.box.contributororg_pagebox .hiddensec {
  display: none;
}

.box.contributororg_pagebox .contributororglogo {
  width: 128px;
  height: 128px;
}

/* LOCATION PAGE BOX */

.box.location_pagebox {
  padding: var(--padding);
}

.box.location_pagebox .card {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.box.location_pagebox .hiddensec {
  display: none;
}

.box.location_pagebox .locationlogo {
  width: 128px;
  height: 128px;
}

.box.location_pagebox .covermedia {
  width: 100%;
}

.box.location_pagebox *[input-name="covercopyright"] {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  left: 4px;
  color: white;
  filter: drop-shadow(0px 0px 2px black);
  width: calc((100% + 2*var(--input-padding-left)) - 4px);
}

.box.location_pagebox .media.locationlogo {
  margin-bottom: 1em;

}

.box.location_pagebox .addboxbutton {
  margin-top: 1em;
  font-size: 0.75em;
  margin-bottom: 1em;
}


/* OG INFO BOX */
.box.og_infobox {
  width: 100%;
  display: flex;
  background: #e1e1e1;
  border-top: solid rgb(0 0 0 / 10%) 1px;
  padding: var(--padding);
  column-gap: 1em;
}

.box.og_infobox .og_image {
  width: 6em;
  height: 6em;
  flex-shrink: 0;
}

.box.og_infobox .mlw_og_description {
  width: calc(100% - 6em);
}

/* GALLERY BOX */
.gallerypopupbox {
  --svgiconbutton-wh: 2em;
}

.gallerybox .gallerythumbs {
  width: 100%;
  --make-rows-by-height: 64px;
  --row-padding-x: 8px;
  --row-padding-y: 8px;
}

body[is-cms] .gallerybox .gallerythumbs {
  --row-padding-y: 1em;
}

.gallerybox .gallerythumbbox .media,
.gallerybox .gallerythumbbox .mediafootage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gallerybox .gallerythumbbox .media .deletemediaidbt {
  display: none;
}

.gallerybox .gallerythumbbox .media .changemediaidbt {
  display: none;
}

.gallerybox .gallerythumbbox .media .uploadbt {
  --btwh: 20px
}

body[is-fe] .gallerybox .gallerythumbbox .mediafootage {
  pointer-events: none;
}

.gallerybox .gallerythumbbox *[input-name="caption"] {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  left: 4px;
  color: white;
}

body[is-cms] .gallerybox .gallerythumbbox *[input-name="caption"] {
  filter: drop-shadow(0px 0px 1px black);
}

.gallerybox .gallerythumbbox .mediafootage {
  opacity: 1 !important;
  clip-path: inset(0 round 4px);
}

.gallerybox .gallerythumbbox .media {
  /* background: black; */
}

.gallerybox .gallerythumbbox .mediafootage:not[iframe] {
  opacity: 1 !important;
  background: white;
  filter: contrast(0) brightness(2);
  transition: filter 0.3s;
}

.gallerybox .gallerythumbbox .mediafootage[is-loaded]:not[iframe] {
  filter: none;
}

.gallerybox .gallerythumbbox *[media-type="iframe"] .iframethumbimg {
  display: block;
  display: none;
}

.gallerybox .gallerythumbs>*[last-in-row] {
  margin-right: -7px;
}

* .gallerybox .gallerythumbbox[is-active] .media {
  opacity: 1;
  transition: opacity 0.1s 0.5s;
}

.gallerypopupbox[is-open]~* .gallerybox[is-open] .gallerythumbbox[is-active] .media {
  opacity: 0;
  transition: opacity 0s 0s;
}

.gallerybox .gallerythumbbox .mlw_caption {
  width: 100%;
  background: var(--bg-color);
}

.gallerypopupbox {
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: var(--abs-pos-y);
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: transparent;
  transition: background 0.6s, top 0.001s;
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  --thumb-tanslate-x: 0px;
  --thumb-tanslate-y: 0px;
  --thumb-scale-x: 0.2;
  --thumb-scale-y: 0.2;
}

.gallerypopupbox:before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  top: calc(100% + 1px);
}

.gallerypopupbox[is-open],
.gallerypopupbox[before-open] {
  position: fixed;
  top: 0;
  left: 0;
  transition: background 0.6s;
  opacity: 1;
  pointer-events: all;
  background: var(--bg-color);
}

.gallerypopupbox .svgiconbutton {
  opacity: 0;
  transition: opacity 0.0s 0.0s;
}

.gallerypopupbox[is-open] .svgiconbutton {
  opacity: 1;
  transition: opacity 0.6s 0.0s;
  --svgicon-size: 75%;
  --svgiconhit-tolerance: 0;
}

.gallerypopupbox[is-open] .mediasec .mediafootage {
  transition: none;
  transform: none;
  opacity: 1 !important;
}

.gallerypopupbox .galleryel[is-active-scrollsnap] .mediasec .mediafootage {
  transition: transform 0.6s, opacity 0.2s 0.6s;
}

.gallerypopupbox[before-open] .galleryel[is-active-scrollsnap] .mediasec .mediafootage {
  transition: transform 0.0s, opacity 0.0s;
}

.gallerypopupbox {
  opacity: 0 !important;
  transition: transform 0.6s, opacity 0.2s 0.6s;
}

.gallerypopupbox[sim-full-open],
.gallerypopupbox[is-open] {
  opacity: 1 !important;

}

.gallerypopupbox .mediasec .mediafootage {
  opacity: 0 !important;
}

.gallerypopupbox .galleryel[is-active-scrollsnap] .mediasec .mediafootage {
  transform: translate(var(--thumb-tanslate-x), var(--thumb-tanslate-y)) scale(var(--thumb-scale-x), var(--thumb-scale-y));
}

.gallerypopupbox[is-open] .galleryel[is-active-scrollsnap] .mediasec .mediafootage {
  transition: transform 0.6s, opacity 0s;
  transform: translate(0, 0) scale(1);
}

.gallerypopupbox[sim-full-open] .galleryel[is-active-scrollsnap] .mediasec .mediafootage {
  transition: none;
  transform: none;
  opacity: 1;
}

.gallerypopupbox .closebt {
  position: fixed;
  top: var(--padding);
  right: var(--padding);
}

.gallerypopupbox .scrollsnapnextbt {
  right: var(--padding);
}

.gallerypopupbox .scrollsnapprevbt {
  left: var(--padding);
}

body[device-mode="mobile"] .gallerypopupbox .scrollsnapnextbt,
body[device-mode="mobile"] .gallerypopupbox .scrollsnapprevbt {
  top: initial;
  bottom: 0;
  transform: none;
}

.gallerypopupbox .galleryels {
  width: 100%;
  height: 100%;
}

.gallerypopupbox .galleryels .galleryel {
  margin-top: auto;
  width: 100%;
  height: 100%;
  padding: calc(var(--padding) * 3);
  padding-top: calc(var(--padding) * 2.5);
  padding-bottom: calc(var(--padding) * 3);
}

body[device-mode="mobile"] .gallerypopupbox .galleryels .galleryel {
  padding-left: 1em;
  padding-right: 1em;
}

.gallerypopupbox .galleryels .galleryel .caption {
  position: absolute;
  overflow-y: auto;
  bottom: 0.5em;
  left: calc(4 * var(--padding));
  opacity: 0;
  font-size: 14px;
  text-align: center;
  width: calc(100% - 8 * var(--padding));
  height: calc(3 * var(--padding) - 1em);
  transition: opacity 0.3s 0s;
}

.gallerypopupbox[is-open] .galleryels[is-scrolling] .galleryel .caption {
  opacity: 0;
  transition: none;
}

.gallerypopupbox[is-open] .galleryels .galleryel .caption {
  opacity: 1;
}

.gallerypopupbox .galleryels .galleryel .caption p {
  margin-left: auto;
  margin-right: auto;
}

.gallerypopupbox .galleryels .galleryel .caption p:first-child {
  margin-top: auto;
}

.gallerypopupbox .galleryels .galleryel .caption p:last-child {
  margin-bottom: auto;
}

.gallerypopupbox .galleryels .galleryel .mediasec {
  width: 100%;
  height: 100%;
}

.gallerypopupbox .galleryels .galleryel .media {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: calc(100%);
  max-height: calc(100vh - 8em);
}

.gallerypopupbox .galleryels .galleryel .mediafootage {
  --object-fit: contain;
}

.gallerypopupbox .galleryels .galleryel .mediafootage:not[pseudoimg] {
  background: white;
}

.gallerypopupbox .galleryels .galleryel .mediafootage:not([is-yt-iframe]) {
  background-size: contain;
}

body[is-cms] .gallerybox .gallerythumbbox .mlw_caption {
  position: absolute;
  top: 100%;
  width: 100%;
  display: none;
}

body[is-cms] .gallerybox .gallerythumbbox[is-selected]>.mlw_caption {
  display: block;
}

/* PAGE INFO SEC */
.box .admininfosec {
  --stripe-c1: #fdecd3;
  --stripe-c2: #ffd780;
}

.box .admininfosec .sendloginbt {
  display: none;
}

.box[pageinfo-status="approved"] .admininfosec .sendloginbt {
  display: block;
}

.box[pageinfo-status="hidden"] .admininfosec {
  --stripe-c1: #c7cfd3;
  --stripe-c2: #b7c3c9;
}

.box[pageinfo-status="optin_pending"] .admininfosec {
  --stripe-c1: #F44336;
  --stripe-c2: #FFC107;
}

.box[pageinfo-status="approved"] .admininfosec {
  --stripe-c1: #bad0b3;
  --stripe-c2: #9fc4a5;
}

.box[pageinfo-status="cancelled"] .admininfosec {
  --stripe-c1: #ffb3b3;
  --stripe-c2: #ff6d72;
}

.box .admininfosec {
  padding: calc(var(--padding));
  --stripe-w: 4px;
  background: repeating-linear-gradient(-45deg, var(--stripe-c1) calc(var(--stripe-w) * 0), var(--stripe-c1) calc(var(--stripe-w) * 1), var(--stripe-c2) calc(var(--stripe-w) * 1), var(--stripe-c2) calc(var(--stripe-w) * 2));
  font-size: 0.9em;
  line-height: var(--line-height);
  display: flex;
  column-gap: 1em;
  row-gap: 0.5em;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1em;
  width: calc(100% - 2em);
  max-width: calc(1024px);
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--border-radius);
}

.box .admininfosec:before {
  content: "";
  position: absolute;
  top: calc(var(--padding)/2);
  left: calc(var(--padding)/2);
  width: calc(100% - var(--padding));
  height: calc(100% - var(--padding));
  background: var(--stripe-c1);
}

.box *[input-name="pageinfostatus"] {
  font-weight: 600;
}

.box *[input-name="pageinfostatus"] .dropdownitems {
  font-weight: 400;
}

.box .pageinfo {
  display: flex;
  flex-direction: column;
  row-gap: 0.5em;
}

/* EVENT PAGE BOX */
.pageoverlay[pagestyle-event] {
  background: #e1e1e1
}

.box.event_pagebox {
  margin-top: var(--padding);
  width: 100%;
  max-width: calc(1024px);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-bottom: var(--padding);
}

.box.event_pagebox *[input-name="_old_id"] {
  display: none;
}

.box.event_pagebox .gallerybox .gallerythumbs {
  width: 100%;
  --make-rows-by-height: 64px;
  --row-padding-x: 8px;
  --row-padding-y: 8px;
}

.box.event_pagebox .popoutslider+.thumbsec .gallerybox .gallerythumbs {
  --make-rows-by-height: 128px;
}

.box.event_pagebox *[input-name="covercopyright"] {
  position: absolute;
  bottom: 14px;
  --input-padding-offset: 0;
  width: 100%;
  left: 0;
  color: white;
  padding: 0.25em;
  border-radius: var(--border-radius);
  z-index: 23;
  font-size: 14px;
  font-weight: 600;
  line-height: 1em;
  text-align: center;
  filter: drop-shadow(0px 0px 2px black);
  display: flex;
  justify-content: center;
}

.box.event_pagebox *[input-name="covercopyright"]:before {
  content: "";
  width: calc(128px + 1em);
  flex-shrink: 0;
  margin-right: auto;
}

.box.event_pagebox *[input-name="covercopyright"]:after {
  content: "";
  width: calc(128px + 1em);
  flex-shrink: 999999;
  margin-left: auto;
}

.box.event_pagebox *[input-name="covercopyright"] .inputtextautosizerwrapper {
  outline: solid 0px #ffffff;


  outline-offset: 4px;
  height: fit-content;
}

.box.event_pagebox *[input-name="covercopyright"] *::placeholder {
  opacity: 0.85;
}

.box.event_pagebox *[input-name="covercopyright"] input[name="inputcovercopyright"] {
  text-align: center;
  width: 100%;
}

.box.event_pagebox .eventdates {
  display: flex;
  flex-direction: column;
  row-gap: 6px;
}

.box.event_pagebox .catgeriessec,
.box.event_pagebox .hashtagssec {
  display: flex;
  flex-direction: column;
  column-gap: 0.25em;
  row-gap: 0.25em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  align-items: flex-start;
  font-size: 0.9em;
  max-width: 100%;
}

.box.event_pagebox .catgeriessec .eventcategories,
.box.event_pagebox .hashtagssec .eventhashtags {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.25em;
  row-gap: 0.25em;
  max-width: 100%;
}

.box.event_pagebox .catgeriessec .eventcategories>*,
.box.event_pagebox .hashtagssec .eventhashtags>* {
  height: 2em;
  max-width: 100%;
}

.box.event_pagebox .catgeriessec .eventcategories>*:before,
.box.event_pagebox .hashtagssec .eventhashtags>*:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #eeeeee;
  border-radius: var(--border-radius);
  overflow: hidden;
}

.box.event_pagebox .catgeriessec .eventcategories .boxbts_listelwrapper>*,
.box.event_pagebox .hashtagssec .eventhashtags .boxbts_listelwrapper>* {
  margin: auto;
}

.box.event_pagebox .box.eventcoverbox .media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box.event_pagebox .thumbsec {
  padding-left: var(--padding);
  padding-right: var(--padding);
  background: white;
}

.box.event_pagebox .thumbsec .addboxbutton {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 0.75em;
}

.box.event_pagebox [location-type="onsite"],
.box.event_pagebox [location-type="online"] {
  display: none;
  flex-direction: inherit;
  row-gap: inherit;
}

.box.event_pagebox [input-name="locationtype"][input-value="online"]~[location-type="online"],
.box.event_pagebox [input-name="locationtype"][input-value="hybrid"]~[location-type="online"] {
  display: inherit;
}

.box.event_pagebox [input-name="locationtype"][input-value="onsite"]~[location-type="onsite"],
.box.event_pagebox [input-name="locationtype"][input-value="hybrid"]~[location-type="onsite"] {
  display: inherit;
}

.box.event_pagebox [input-name="locationtype"] {
  background: #ffffffb0;
  --input-padding-offset: 0;
  --input-height: 2em;
  font-size: var(--font-size);
}

.box.event_pagebox [input-name="locationtype"] .currentvalue {
  font-weight: 600;

}

/* EVENT DATE BOX */
.box.eventdatebox {
  width: 100%;
  padding: 0.5em 1em;
  background: #eeeeee;
  --btwh: 1.5em;
  border-radius: var(--border-radius);
  --input-height: 2em;
}

.box.eventdatebox *[input-type] {
  background: #ffffffb0;
  --input-padding-offset: 0;
}

.box.eventdatebox *[input-type="dateinput"] {
  --input-padding-offset: 0;
}

.box.eventdatebox .eventdaterow {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.box.eventdatebox .eventdaterow .inputswrapper {
  width: calc(100% - var(--btwh) * 1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5em;
  row-gap: 0.25em;
}

.box.eventdatebox .eventdaterow .vonbiswrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1em;
  row-gap: 0.25em;
}

.box.eventdatebox .eventdaterow .inputswrapper .vonwrap,
.box.eventdatebox .eventdaterow .inputswrapper .biswrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.25em;
  row-gap: 0.25em;
}

.box.eventdatebox .eventdaterow .datetimewrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.25em;
  row-gap: 0.25em;
}

.box.eventdatebox .vontext,
.box.eventdatebox .bistext {
  width: 2em;
  flex-shrink: 0;
}

.box.eventdatebox .eventdaterow .boxbtswrapper {
  width: calc(var(--btwh) * 1);
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.box.eventdatebox .eventdaterow .boxbtswrapper>*:first-child {
  margin-bottom: auto;
}

.box.eventdatebox .eventdaterow .boxbtswrapper>*:last-child {
  margin-top: auto;
}

.box.eventdatebox *[input-name="timetype"] {
  width: 275px;
}

.box.eventdatebox *[input-name="starttime"],
.box.eventdatebox *[input-name="enddate"],
.box.eventdatebox *[input-name="endtime"] {
  display: none;
}

.box.eventdatebox .eventdaterow .inputswrapper .vonwrap .vontext,
.box.eventdatebox .eventdaterow .inputswrapper .biswrap .bistext {
  opacity: 0;
}

.box.eventdatebox .eventdaterow .inputswrapper .vonwrap .vontext,
.box.eventdatebox .eventdaterow .inputswrapper .biswrap .bistext {
  color: #0000006b;
}

/* startend */
.box.eventdatebox *[input-value="startend"]~.vonbiswrap .vonwrap .vontext,
.box.eventdatebox *[input-value="startend"]~.vonbiswrap .biswrap .bistext {
  opacity: 1;
}

.box.eventdatebox *[input-value="startend"]~* *[input-name="starttime"],
.box.eventdatebox *[input-value="startend"]~* *[input-name="endtime"] {
  display: flex;
}

/* openend */
.box.eventdatebox *[input-value="openend"]~* *[input-name="starttime"] {
  display: flex;
}


/* severaldays */
.box.eventdatebox *[input-value="severaldays"]~* *[input-name="enddate"] {
  display: flex;
}

.box.eventdatebox *[input-value="severaldays"]~.vonbiswrap .vonwrap .vontext,
.box.eventdatebox *[input-value="severaldays"]~.vonbiswrap .biswrap .bistext {
  opacity: 1;
}

/* ATTACHMENT BOX */
.box.attachmentbox .media.attachment {
  height: var(--btwh);
}

.box.attachmentbox .deletemediaidbt {
  z-index: 999 !important;
}

body[is-fe] .box.attachmentbox .media.attachment {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .box.attachmentbox .content {
  text-decoration-line: underline;
}

.box.attachmentbox .media.attachment .changemediaidbt {
  display: none;
}

.box.attachmentbox .media.attachment .uploadbt {
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 0;
  background: transparent;
  --svgicon-position: left;
  display: block !important;
}

.box.attachmentbox .media.attachment .mediafootage:not([is-file]) {
  display: none;
}

.box.attachmentbox .media.attachment .mediafootage[is-file] {
  width: 100%;
  height: var(--btwh);
  z-index: 99;
  pointer-events: none;
}

.box.attachmentbox .media.attachment .mediafootage[is-file]>.svgicon {
  display: none;
}

body[is-cms] .box.attachmentbox .media.attachment[media-id=""]:after {
  content: "PDF / ZIP hochladen"
}

.box.attachmentbox .media.attachment .mediafootage[is-file]>.filename,
.box.attachmentbox .media.attachment[media-id=""]:after {
  line-height: var(--btwh);
  white-space: nowrap;
  height: var(--btwh);
  padding-left: calc(var(--btwh) + 4px);
  font-size: 14px;
  color: var(--ci-color);
}

/* PAGE PAGE BOX */
.page_pagebox {
  margin-top: 2em;
}

/* TEXTBOX */
.box.textbox {

  width: calc(100% - 2em);
  max-width: calc(800px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;

}

/* CMD BOX */
.cmdbox {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.cmdbox *[input-name="cmd"] {
  width: calc(100% - 2em);
  padding: 1em;
  height: 6em;
  font-size: 0.75em;
  line-height: 1em;
  box-sizing: content-box;
}

.cmdbox *[input-name="cmd"] textarea {
  background: #eeeeee;
}

.cmdbox .cmdresult {
  display: flex;
  flex-direction: column;
  pointer-events: none !important;
}

.cmdbox .cmdresult * {
  pointer-events: none !important;
}

.cmdbox iframe {
  width: 100%;
}

.cmdbox .cookiesettingbox {
  --bg-color: transparent;
  --color: currentColor;
  padding: 0;
  font-size: var(--font-size);
  width: calc(100% - 2em);
  max-width: calc(800px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

.cmdbox .cookiesettingbox .buttons {
  font-size: 1em;
}