:root {
          --background-dark: var(--f001);
          --background-light: var(--f002);
        }

        /* **********
        * Showthread
        ******** */
        .scenetracker_user {
          display:inline-block;
        }
        .scenetracker_user:after {
          content: ", ";
        }
        .scenetracker_user:last-child:after {
          content: none;
        }

.trigger_showthread {
	color:#C9361A !important;
}

        .breadcrumbs li {
          display: inline-block;
        }
        .breadcrumbs li:after {
          content: ">";
          margin-left: 10px;
        }
        .breadcrumbs li:last-child:after {
          content: none;
        }

      
.scene_ucp.chara_item {
  margin-bottom: 28px;
  border: 1px solid var(--f008);
  background: var(--f002);
  flex: 1 1 calc(50% - 20px);
  max-width: calc(50% - 20px);
  min-width: 350px;
}

.scene_ucp.chara_item > h3 {
  font-family: var(--font-january);
  font-size: 16px;
  color: var(--f001);
  padding: 10px 16px;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 10px;
}

.scene_ucp.chara_item > h3 a {
  color: var(--f007);
}

.scene_ucp.chara_item > h3::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--f007);
  opacity: 0.5;
}

/* SZENEN-CONTAINER */
.scene_ucp.chara_item__scenes-con {
  max-height: 420px;
  overflow-y: auto;
  margin: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--f007) var(--f008);
}

.scene_ucp.chara_item__scenes-con::-webkit-scrollbar {
  width: 4px;
}

.scene_ucp.chara_item__scenes-con::-webkit-scrollbar-thumb {
  background: var(--f007);
}

/* SCENE BOX */
.sceneucp__scenebox.scene_ucp.chara_item__scene {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  padding: 10px 16px;
  border-bottom: 1px solid var(--f008);
  transition: background 0.15s;
}

.sceneucp__scenebox.scene_ucp.chara_item__scene:last-child {
  border-bottom: none;
}


.scene_ucp.chara_item__scene {
  background-color: var(--f002);
}

/* SCENE ITEMS — Basis */
.sceneucp__sceneitem {
  font-family: var(--font-zalando);
  font-size: 11px;
  color: var(--f001);
  padding: 3px 6px 3px 0;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  line-height: 1.4;
}

.sceneucp__sceneitem i {
  color: var(--f007);
  font-size: 10px;
  margin-top: 2px;
  flex-shrink: 0;
  width: 12px;
}

/* Titel */
.sceneucp__sceneitem.scene_title {
  grid-column: span 3;
  font-family: var(--font-january);
  font-size: 13px;
  font-weight: 700;
  color: var(--f001);
  padding-bottom: 6px;
  margin-bottom: 4px;
  border-bottom: 1px solid var(--f008);
  align-items: center;
}

.sceneucp__sceneitem.scene_title a {
  color: var(--f001);
  text-decoration: none;
}

.scenetracker__sceneitem scenethread scene_trigger {
	color:#C9361A;
}

.sceneucp__sceneitem.scene_title a:hover {
  color: var(--f007);
}

.sceneucp__sceneitem.scene_title a:after {
  content: none;
}

/* Status-Badge neben Titel */
.sceneucp__sceneitem.scene_title .statusbadge {
  margin-left: auto;
  font-family: var(--font-zalando);
  font-size: 9px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 2px 8px;
  border: 1px solid var(--f007);
  color: var(--f007);
  white-space: nowrap;
}

/* Last — volle Breite */
.sceneucp__sceneitem.scene_last {
  grid-column: span 3;
  font-size: 10px;
  color: var(--f004);
  padding-top: 5px;
  margin-top: 2px;
  border-top: 1px solid var(--f008);
}

/* Users — volle Breite */
.sceneucp__sceneitem.scene_users {
  grid-column: span 3;
}

/* Alert — volle Breite */
.sceneucp__sceneitem.scene_alert,
.sceneucp__sceneitem.scene_alert.certain,
.sceneucp__sceneitem.sceneinfos,
.sceneucp__sceneitem.scene_alert.always {
  grid-column: span 3;
}

.sceneucp__sceneitem.scene_alert i {
  color: var(--f007);
}

.sceneucp__scenealerts {
  color: var(--f001);
}

/* Profil — volle Breite */
.sceneucp__sceneitem.scene_profil {
  grid-column: span 3;
}

/* Infos */
.sceneucp__sceneitem.scene_infos {
  grid-column: span 3;
  display: flex;
  gap: 16px;
}

.sceneucp__sceneitem > .flexitem {
  padding: 2px 0;
}

.sceneucp__sceneitem > .flexitem.left {
  width: 40%;
}

/* OVERVIEW GRID */
.scene_ucp.overview_chara_con {
  gap: 24px;
 display: flex;
  flex-wrap: wrap;
}

/* ALERTS */
.scene_ucp.container.alerts {
  display: flex;
  justify-content: space-around;
  gap: 16px;
}

.scene_ucp.alerts_item {
  display: block;
  width: 48%;
}

/* FILTER */
.scene_ucp.scenefilteroptions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 24px;
}

.scene_ucp.scenefilteroptions h2 {
  width: 100%;
  font-family: var(--font-january);
  font-size: 15px;
  color: var(--f007);
  letter-spacing: 0.08em;
}

.scenefilteroptions__items {
  width: 32%;
  border: 1px solid var(--f008);
  padding: 10px 12px;
  font-size: 12px;
  color: var(--f001);
  box-sizing: border-box;
}

.scene_ucp.container {
  box-sizing: border-box;
}

/* SCENETRACKER PROFIL */
.scenetracker.scenebit.scenetracker_profil {
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
}

.scenetracker_profil .scenetracker__sceneitem.scene_title {
  width: 100%;
}

.scenetracker_profil .scenetracker__sceneitem {
  padding: 0 5px;
}
        /*****************
        **PROFIL
        *****************/ 
        .scenetracker.container {
          width: 90%;
          height: 400px;
          overflow: auto;
          margin: auto auto;
          background: var(--background-light);
          padding: 10px;
        }

        span.scentracker.month {
          margin-top:10px;
          width: 90%;
          font-weight: 600;
          font-size: 1.3em;
          border-bottom: 1px solid black;
          display: block;
        }

        .scenetracker.scenebit {
          padding-left: 10px;
          padding-right:20px;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
    font-size: 12px;
        }

        .scenetracker__sceneitem.scene_users {
          grid-column: 1 / -2;
          grid-row: 2;
        }

        .scenetracker__sceneitem.scene_title {
          grid-column: 1 / 2;
          grid-row: 2;
        }

        .scenetracker__sceneitem.scene_status {

        }

        .scenetracker__sceneitem.scene_date {

        }
        .scenetracker__sceneitem.scene_hide {
          grid-row: 2;
          grid-column: -1;
        }


        /*****************
        *Forumdisplay
        *****************/ 

     /*   .scenetracker_forumdisplay.scene_infos {
          display: grid;
          grid-template-columns: 1fr 2fr;
        } */

        .scenetracker_forumdisplay.scene_users.icon {
          grid-column: span 2;
        }

        /*********************
        *INDEX
        *********************/
* ── CHARACTER CONTAINER ── */
.scenetracker_index.character.container {
  width: var(--katf);
  max-height: 150px;
  overflow: auto;
  border: solid 1px var(--f004);
  border-left: solid 3px var(--f007);
}
.scenetracker_index.character.container::-webkit-scrollbar { width: 6px; }
.scenetracker_index.character.container::-webkit-scrollbar-track { background: var(--f008); }
.scenetracker_index.character.container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--f007), var(--f003));
  border-radius: 10px;
}

/* ── WRAPPER CONTAINER ── */
.scenetracker_index.wrapper_container {
  background-color: var(--background-light);
  border: solid 0px var(--f007);
  padding: 15px;
  font: 12px var(--font-zalando);
  color: var(--f001);
}

/* ── SCENE ITEM ROWS (alternating) ── */
.scenetracker_index.chara_item__scene:nth-child(odd) {
  background-color: var(--background-light);
  width: var(--katf);
}
.scenetracker_index.chara_item__scene:nth-child(even) {
  background-color: var(--background-light);
  width: var(--katf);
}

/* ── H1 — Section heading ── */
.scenetracker_index h1 {
  position: relative;
  font: italic 800 18px var(--font-january);
  line-height: 18px;
  color: var(--f001);
  z-index: 20;
  margin-bottom: 12px;
  padding-left: 15px;
}
.scenetracker_index h1:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--f007);
  margin-top: 8px;
}

/* ── CHARACTER BOX ── */
.scenetracker_index.character_box {
  background-color: var(--background-light);
  border: solid 1px var(--f007);
}

/* ── CLOSE POPUP ── */
.closepop {
  position: absolute;
  right: -5px;
  top: -5px;
width:var(--katf);
  height: 100%;
  z-index: 0;
}

/* ─────────────────────────────────────────
   SCENE INDEX BOX
───────────────────────────────────────── */

.sceneindex__scenebox.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: solid px var(--f007);
  border-left: solid px var(--f004);
  padding: 10px 14px;
  background: var(--f002);
}


/* ── SCENE TITLE ── */
.sceneindex__sceneitem.scene_title {
  padding-top: 5px;
  font: bold 12px var(--font-zalando);
  color: var(--f001);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  grid-row: 1;
  grid-column: 1;
  transition: 0.7s all;
}
.sceneindex__sceneitem.scene_title:hover {
  color: var(--f007);
}

/* ── SCENE USERS ── */
.sceneindex__sceneitem.scene_users {
  grid-column: 1 / -1;
  font: 11px var(--font-zalando);
  color: var(--f001);
  line-height: 18px;
}

/* ── SCENE STATUS / PLACE ── */
.sceneindex__sceneitem.scene_status.scene_place {
  grid-column: 3;
  grid-row: 1;
  font: bold 9px var(--font-zalando);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--f007);
}

/* ── SCENE PLACE / DATE ── */
.sceneindex__sceneitem.scene_place.scene_date {
  grid-column: 1 / -1;
  grid-row: 2;
  font: bold 9px var(--font-zalando);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--f001);
}
.sceneindex__sceneitem.scene_place.scene_date b {
  color: var(--f007);
  margin-right: 4px;
}

/* ── SCENE LAST ── */
.sceneindex__sceneitem.scene_last {
  grid-row: 1;
  grid-column: 2;
  padding-top: 5px;
  font: bold 9px var(--font-zalando);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--f007);
  text-align: right;
}

/* ── SCENE ALERT ── */
.sceneindex__sceneitem.scene_alert {
  grid-column: 4;
  grid-row: span 2;
  margin-right: 10px;
  font-size: 11px;
  color: var(--f007);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ─────────────────────────────────────────
   REMINDER BOX
───────────────────────────────────────── */

.scenetracker_reminder.box {
  margin-bottom: 20px;
  border: solid 1px var(--f004);
  border-top: solid 3px var(--f007);
  background: var(--f002);
}

.scenetracker_reminder.container {
  max-height: 100px;
  overflow: auto;
  padding: 10px 14px 10px 20px;
}
.scenetracker_reminder.container::-webkit-scrollbar { width: 6px; }
.scenetracker_reminder.container::-webkit-scrollbar-track { background: var(--f008); }
.scenetracker_reminder.container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--f007), var(--f003));
  border-radius: 10px;
}

/* ── REMINDER ITEMS ── */
.scenetracker_reminder.item {
  font: 12px 'Hind';
  color: var(--f001);
  line-height: 20px;
  position: relative;
  padding-left: 12px;
}
.scenetracker_reminder.item:before {
  content: "»";
  color: var(--f007);
  font-weight: bold;
  margin-right: 6px;
}

/* ── REMINDER CENTER TEXT ── */
span.senetracker_reminder.text {
  text-align: center;
  display: block;
  font: italic 800 14px 'Playfair Display';
  color: var(--f001);
  padding: 8px 0;
}
        /*calendar*/ 

        .calendar-container {
    overflow: visible;
    width: calc(33.33% - 30px);
    float: left;
    margin-left: 20px;
        }

    /*    .calendar-container .calendar {
          background-color: var(--background-light);
			color: var(--background-dark);
          width: 205px;
          padding-left: 5px;
          padding: 5px;
          border: 1px solid var(--f007);
        } */

.scenetracker-calendar  {
         background-color: var(--background-light);
    color: var(--background-dark);
    padding-left: 5px;
    padding: 5px;
    border: 1px solid var(--f007);
    margin: 3px 0px 0px 3px;
    height: 180px;
        }

        .calendar-container .calendar:first-child {
          padding: 0px;
        }

        /* For the month*/
        .month-indicator {
          text-transform: uppercase;
          font-weight: 700;
          text-align: center;
        }

        /* CSS grid used for the dates */
        .day-of-week,
        .date-grid {
          display: grid;
          grid-template-columns: repeat(7, 1fr);
        }

        /* Styles for the weekday/weekend header*/
        .day-of-week > * {
          font-size: 12px;
          font-weight: 700;
          text-align: center;
          margin-top: 5px;
        }

        /* Dates */
        .date-grid {
          margin-top: 0;
          text-align: center;
        }

        .calendar .day.old {
          opacity: 0.3;
        }

        .st_mini_scene {
          cursor: pointer;
          position: relative;
          display: inline-block;
          font-weight:bold;
        }


        .day.st_mini_scene.fullmoon {
          text-decoration: underline;
        }

        .st_mini_scene_show {
          opacity: 0;
          z-index: 300;
          width: 200px;
          display: block;
          font-size: 11px;
          padding: 5px 10px;
          text-align: center;
          background: var(--background-light);
          border: 5px solid var(--f007);
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          -ms-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -o-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0);
          position: absolute;
          left: -65px;
          bottom: 20px;
        }

        .st_mini_scene_show:before,.st_mini_scene_show:after {
          content: "";
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-top: 10px solid var(--f007);
          position: absolute;
          bottom: -13px;
          left: 59px;
        }

        .st_mini_scene:hover .st_mini_scene_show,a:hover .st_mini_scene_show {
          opacity: 1;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -o-transform: scale(1);
          -ms-transform: scale(1);
          transform: scale(1);
          background-color:var(--background-light);
        }

        .st_mini_scene_title {
          text-decoration: underline;
        }

        .st_mini_scenelink {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding-bottom: 4px;
        }
        #calsettings_button {
          grid-column: 1 / -1;
          justify-self: center;
        }

        .day.st_mini_scene.lastmonth {
          opacity: 0.1;
        }
        /* calendar-update - kommentar nicht entfernen */
        .scenetracker_cal_setting {
          width: 100%;
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 10px;
        }

        .scenetracker_cal_setting .scenefilteroptions__items {
          width: 100%;
        }



        .st_mini_scenelink {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          padding-bottom: 4px;
        }

        .st_mini_scenelink span {
          text-align: center;
        }

        #calsettings_button {
          grid-column: 1 / -1;
          justify-self: center;
        }
        /* update-userfilter - kommentar nicht entfernen */
        .scenefilteroptions__items.button {
            text-align: center;
            width: 100%;
        }


:root {
  --background-dark: var(--f001);
  --background-light: var(--f002);
}



/* Monatsname */
.month-indicator {
text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: var(--font-january);
    color: var(--f007);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--f008);
    margin-bottom: 4px;
    line-height: 25px;
}

/* Wochentage Header */
.day-of-week,
.date-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.day-of-week > * {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  margin-top: 5px;
  color: var(--f004);
  text-transform: uppercase;
}

/* Tage */
.date-grid {
  margin-top: 0;
  text-align: center;
}

.calendar .day.old {
  opacity: 0.25;
}

/* Tage mit Szenen */
.st_mini_scene {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-weight: bold;
  color: var(--f001);
}

.day.st_mini_scene.fullmoon {
  text-decoration: underline;
}

/* Popup */
.st_mini_scene_show {
  opacity: 0;
  z-index: 300;
  width: 200px;
  display: block;
  font-size: 11px;
  padding: 8px 12px;
  text-align: center;
  background: var(--f002);
  border: 1px solid var(--f007);
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: all .2s ease-in-out;
  transform: scale(0);
  position: absolute;
  left: -65px;
  bottom: 20px;
}

.st_mini_scene_show:before,
.st_mini_scene_show:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid var(--f007);
  position: absolute;
  bottom: -13px;
  left: 59px;
}

.st_mini_scene:hover .st_mini_scene_show,
a:hover .st_mini_scene_show {
  opacity: 1;
  transform: scale(1);
}

.st_mini_scene_title {
  text-decoration: underline;
  color: var(--f007);
}

.st_mini_scenelink {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 4px;
  gap: 2px;
}

.st_mini_scenelink a {
  color: var(--f003);
}

#calsettings_button {
  grid-column: 1 / -1;
  justify-self: center;
}

/* aktiver Ingame-Zeitraum */
.day.activeingame {
  background-color: var(--f009);
  border-radius: 2px;
}

/* Geburtstage */
.day.birthdaycal {
  color: var(--f00);
}

/* Plot */
.day.plot {
  background-color: var(--f007);
	color:var(--f002);
}

/*Event*/
.day.event {
  color: var(--f004);
}

/* eigene Szene */
.day.ownscene {
  background-color: var(--f008);
}


/* UCP Container Hauptbereich */
.scene_ucp.manage.alert_item {
  border: 1px solid var(--f008);
  background: var(--f002);
  margin-bottom: 24px;
}

/* H1 Titelzeile */
.scene_ucp.manage.alert_item > h1 {
  font-family: var(--font-january);
  font-size: 18px;
  color: var(--f001);
  background: var(--f002);
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.scene_ucp.manage.alert_item > h1::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--f007);
  opacity: 0.5;
}

.scene_ucp.manage.alert_item > h1 i {
  color: var(--f007);
  font-size: 15px;
}

/* Beschreibungstext */
.scene_ucp.manage.alert_item > p {
  font-family: var(--font-zalando);
  font-size: 12px;
  color: var(--f001);
  line-height: 1.6;
  padding: 14px 16px;
  border-bottom: 1px solid var(--f008);
}

.scene_ucp.manage.alert_item > p a {
  color: var(--f007);
  text-decoration: none;
}

.scene_ucp.manage.alert_item > p a:hover {
  color: var(--f001);
}

/* Filteroptionen innerhalb */
.scene_ucp.manage.alert_item .scene_ucp.scenefilteroptions {
  padding: 16px;
  margin-bottom: 0;
	display:flex;
}

/* Fieldset */
.scenefilteroptions__items fieldset {
  border: none;
  padding: 0;
}

.scenefilteroptions__items label {
  font-family: var(--font-zalando);
  font-size: 11px;
  font-weight: 600;
  color: var(--f001);
  letter-spacing: 0.03em;
  display: block;
  margin-bottom: 6px;
}

.scenefilteroptions__items input[type="radio"] {
  accent-color: var(--f007);
}

.scenefilteroptions__items input[type="radio"] + label {
  display: inline;
  font-weight: 400;
  color: var(--f001);
  margin-right: 10px;
}

.scenefilteroptions__items input[type="submit"] {
  margin-top: 10px;
  font-family: var(--font-zalando);
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid var(--f007);
  color: var(--f007);
  padding: 3px 12px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.scenefilteroptions__items input[type="submit"]:hover {
  background: var(--f007);
  color: var(--f002);
}

.scenefilteroptions__items span {
  font-size: 10px;
  color: var(--f004);
}


/* FILTER SECTION — äußerer Wrapper */
.scene_ucp.scenefilteroptions {
  border: 1px solid var(--f008);
  background: var(--f002);
  margin-bottom: 24px;
  padding: 0;
  display: block;
}

/* H2 Titelzeile — gleich wie h3/h1 oben */
.scene_ucp.scenefilteroptions > h2 {
  font-family: var(--font-january);
  font-size: 16px;
  color: var(--f001);
  padding: 10px 16px;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 0;
}

.scene_ucp.scenefilteroptions > h2::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--f007);
  opacity: 0.5;
}

/* Form-Wrapper — innerer Border */
.scene_ucp.scenefilteroptions form {
  padding: 16px;
	display:flex;
}

.scene_ucp.scenefilteroptions.filter,
.scene_ucp.scenefilteroptions .scene_ucp.scenefilteroptions.filter {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  border: 1px solid var(--f008);
  padding: 16px;
  background: var(--f002);
}

/* Filter Items */
.scenefilteroptions__items.scenefilteroptions__items--filter {
  width: auto;
  border: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.scenefilteroptions__items.scenefilteroptions__items--filter label {
  font-family: var(--font-zalando);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--f004);
}

.scenefilteroptions__items.scenefilteroptions__items--filter select {
  font-family: var(--font-zalando);
  font-size: 12px;
  color: var(--f001);
  background: var(--f002);
  border: 1px solid var(--f008);
  padding: 4px 8px;
  cursor: pointer;
  appearance: auto;
}

.scenefilteroptions__items.scenefilteroptions__items--filter select:focus {
  outline: none;
  border-color: var(--f007);
}

/* Submit Button */
.scenefilteroptions__items.button {
  border: none;
  padding: 0;
  width: auto;
  display: flex;
  align-items: flex-end;
  margin-left: auto;
}

.scenefilteroptions__items.button input[type="submit"] {
  font-family: var(--font-zalando);
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid var(--f007);
  color: var(--f007);
  padding: 4px 16px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.scenefilteroptions__items.button input[type="submit"]:hover {
  background: var(--f007);
  color: var(--f002);
}