dialog[open] {
  display: flex;
  flex-direction: column;
}

dialog {
  gap: 0.25rem;
  width: min(100%, 450px);
  padding: 1rem;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  background: var(--background-color);
  overflow-x: hidden;
}

dialog.large {
  width: calc(100vw - 2rem);
  height: calc(100vh - 2rem);
}

dialog::backdrop {
  display: none;
}

dialog:modal {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
}

dialog img {
  box-shadow: inset 0 0 0px 1000px var(--backlight-color, var(--accent-color));
  border-radius: 0.5rem;
}

dialog p img {
  height: 20px;
  display: inline-flex;
  margin-right: 5px;
  margin-bottom: -4px;
  text-decoration: none;
}

dialog .version-string {
  margin: -75px auto 45px 17.5px;
  width: fit-content;
  z-index: 1;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 7px;
}

dialog .version-string p {
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  background: linear-gradient(0, white 45%, transparent);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

dialog .version-string code {
  font-size: 10px;
}

dialog .menu-icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 7.5px;
  padding-top: 5px;
}

dialog .menu-icons > * {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid var(--surface-color);
  border-radius: 5px;
  min-width: calc((100% - 15px) / 3);
  font-size: 25px;
  padding: 10px;
  opacity: 0.75;
  transition: 0.25s;
}

dialog .menu-icons > *:hover,
dialog .menu-icons > *.active {
  background: var(--surface-color);
  opacity: 1;
  transition: 0.25s;
}

dialog .menu-icons > *.active {
  pointer-events: none;
}

dialog:has(label) label {
  margin-top: 5px;
}

div[data-modal-page] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

div[data-modal-menu] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
}

div[data-modal-buttons] {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}

div[data-modal-actions] {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

div[data-modal-actions] > button {
  flex: 1;
}

dialog > button[data-modal-view]:not(.icon),
dialog > button[data-logout],
dialog > button[data-sync],
dialog > button[data-welcome],
dialog > button[data-report-bug],
dialog > button[data-my-bug-reports],
dialog > button[data-suggestions],
dialog > button[data-my-suggestions] {
  text-align: unset;
}

dialog[data-modal-page="settings"] button:not(.icon) {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}

dialog[data-modal-page="settings"] > * button:not(.icon) {
  justify-content: center;
}

div.modeless {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  pointer-events: none;
  background: var(--background-color);
  text-align: center;
}

div.modeless > h2 {
  font-size: 3em;
  font-weight: normal;
}

p.tooltip {
  pointer-events: none;
  padding: 0.25em 0.5em;
  border-radius: 0.5rem;
  color: var(--accent-text-color);
  background-color: var(--accent-color);
}

div[data-color-input] {
  position: relative;
}

div[data-color-input] > input {
  padding-left: 2.25em;
  width: 100%;
}

div[data-color-input] > input[type="color"] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}

div[data-color-input] > div[data-color-preview] {
  position: absolute;
  width: 1.75em;
  height: 1.75em;
  top: 0.25em;
  left: 0.25em;
  border-radius: 0.25em;
}

div[data-color-input] > div[data-color-preview]:hover {
  cursor: pointer;
}

@keyframes fadeIn {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}

/* @keyframes loadCounter {
  0% {
    background: linear-gradient(45deg, var(--text-color) 0%, transparent 10%);
  }
  10% {
    background: linear-gradient(45deg, var(--text-color) 10%, transparent 30%);
  }
  20% {
    background: linear-gradient(45deg, var(--text-color) 20%, transparent 50%);
  }
  30% {
    background: linear-gradient(45deg, var(--text-color) 30%, transparent 60%);
  }
  40% {
    background: linear-gradient(45deg, var(--text-color) 40%, transparent 70%);
  }
  50% {
    background: linear-gradient(45deg, var(--text-color) 50%, transparent 80%);
  }
  60% {
    background: linear-gradient(45deg, var(--text-color) 60%, transparent 90%);
  }
  70% {
    background: linear-gradient(45deg, var(--text-color) 70%, transparent 100%);
  }
  80% {
    background: linear-gradient(45deg, var(--text-color) 80%, transparent 100%);
  }
  90% {
    background: linear-gradient(45deg, var(--text-color) 90%, transparent 100%);
  }
  100% {
    background: linear-gradient(45deg, var(--text-color) 100%, transparent 100%);
  }
} */

@keyframes loader-bar-back-forth {
  0% {
    transform: translate(-100%);
  }

  50% {
    transform: translate(250%);
  }

  to {
    transform: translate(-100%);
  }
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--surface-color);
  z-index: 9999;
  opacity: 0;
  transition: 0.5s opacity;
}

.loader > * {
  animation: fadeIn 1s ease-in-out infinite alternate;
}

.loader.active {
  display: flex;
  opacity: 1;
  transition: 0.5s opacity;
}

.loader .loader-bar-wrapper {
  position: absolute;
  margin-bottom: -100px;
  width: 120px;
  height: 4px;
  background: var(--accent-color);
  border-radius: 2px;
  overflow: hidden;
  animation: fadeIn 0.5s ease-out 0.25s both;
}

.loader .loader-bar {
  height: 100%;
  width: 40%;
  background: var(--accent-text-color);
  border-radius: 2px;
  animation: loader-bar-back-forth 2s ease-in-out infinite;
}

[tooltip],
[aria-label] {
  position: relative;
  cursor: pointer;
}

[tooltip]::after,
[aria-label]::after {
  content: attr(tooltip);
  position: absolute !important;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--accent-color);
  color: var(--accent-text-color);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  font-size: 0.875rem !important;
  font-family: "Figtree" !important;
  font-weight: normal !important;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease-in-out;
  z-index: 1000;
  line-height: normal;
}

[aria-label]::after {
  content: attr(aria-label) !important;
}

[tooltip][reverse]::after,
[aria-label][reverse]::after {
  top: unset;
  bottom: -1.5rem;
}

[tooltip]:hover::after,
[aria-label]:hover::after {
  opacity: 1;
  top: -2rem;
  transition: 0.2s ease-in-out;
}

[tooltip][reverse]:hover::after,
[aria-label][reverse]:hover::after {
  top: unset;
  bottom: -2rem;
}

*:has(> [tooltip]),
*:has(> [aria-label]) {
  position: relative;
  overflow: visible !important;
}

.island {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  height: fit-content;
  min-height: 65px;
  max-height: calc(100vh - 50px);
  width: calc((100vw - min(100%, 1000px)) / 2);
  min-width: min(100%, 350px);
  position: fixed;
  top: 25px;
  left: 25px;
  border: 1px dashed var(--text-color);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2.5px;
  overflow-y: scroll;
}

.island::-webkit-scrollbar {
  display: none;
}

.island:has(.extra)::before {
  content: "Use = to show extra fields";
  position: absolute;
  right: 20px;
}

.island:not(:has(h4))::before {
  content: "Not cached yet, try again soon";
}

.island.visible {
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
}

.island.visible:hover {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

.island:not(.visible) {
  pointer-events: none;
}

.island h5 {
  font-size: 1.25rem;
}

.island h6 {
  font-size: 1rem;
}

.island p {
  font-size: 1rem;
  font-weight: normal;
}

.island div {
  margin-top: 5px;
}

.island ul {
  padding-left: 1.5rem;
  margin-top: 5px;
}

.matrix {
  border: 1px solid var(--text-color);
  margin-top: 5px;
}

.matrix .matrix-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
}

.matrix .matrix-row:not(:last-child) {
  border-bottom: 1px solid var(--text-color);
}

.matrix .matrix-row .matrix-cell {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  height: var(--matrix-cell-height);
  width: var(--matrix-cell-width);
}

.matrix .matrix-row .matrix-cell:not(:last-child) {
  border-right: 1px solid var(--text-color);
}

.welcome-container {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  transition: 0.5s ease-in-out;
}

.welcome-container.active {
  background: var(--background-color);
  opacity: 1;
  transition: 0.5s ease-in-out;
}

.welcome-container::before {
  content: "";
  position: fixed;
  top: -50vh;
  height: 50vh;
  width: min(135%, 1600px);
  background: radial-gradient(var(--accent-color), transparent 65%);
  z-index: 10001;
  transition: top 0.5s ease-in-out;
}

.welcome-container.active::before {
  top: calc((-50vh / 2) - 110px);
  transition: top 0.5s ease-in-out;
}

body:has(.welcome-container.active) {
  overflow: hidden;
}

.welcome-container [step] {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 50px;
  flex-wrap: wrap;
  color: var(--text-color) !important;
  background: transparent;
  padding: 10vh 10vw;
  opacity: 0;
  margin-bottom: -100px;
  transition: 1s ease-in-out;
}

.welcome-container [step].center {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.welcome-container[step="1"] [step="1"],
.welcome-container[step="2"] [step="2"],
.welcome-container[step="3"] [step="3"],
.welcome-container[step="4"] [step="4"],
.welcome-container[step="5"] [step="5"],
.welcome-container[step="6"] [step="6"],
.welcome-container[step="7"] [step="7"],
.welcome-container[step="8"] [step="8"],
.welcome-container[step="9"] [step="9"],
.welcome-container[step="10"] [step="10"],
.welcome-container[step="11"] [step="11"] {
  opacity: 1;
  margin-bottom: 0px;
  z-index: 10000;
  transition: 1s ease-in-out;
}

.welcome-container > button,
.welcome-container [step] > button {
  background: var(--accent-color);
  color: var(--accent-text-color);
  border-radius: 5px;
  opacity: 0.75;
}

.welcome-container > button:hover,
.welcome-container > button:focus,
.welcome-container [step] > button:hover,
.welcome-container [step] > button:focus {
  opacity: 0.5;
  scale: 0.95;
}

.welcome-container:not([step="1"]) > button {
  position: fixed;
  left: 25px;
  bottom: 25px;
}

.welcome-container > p {
  position: fixed;
  right: 25px;
  bottom: 25px;
  color: var(--text-color);
}

.welcome-container:not([step]) > button,
.welcome-container[step="1"] > button,
.welcome-container[step="11"] > button,
.welcome-container:not([step]) > p,
.welcome-container[step="1"] > p,
.welcome-container[step="11"] > p {
  opacity: 0;
}

.welcome-container h1 {
  font-size: min(20vw, 100px);
  line-height: 1;
  margin-top: -0.5vh;
  background: linear-gradient(0, var(--text-color) 45%, transparent);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.welcome-container [step]:not(:has(.layout-chooser)) *:not(button):not(:has(> button)),
.welcome-container:not([step="11"]) [step="11"] button {
  pointer-events: none;
  user-select: none;
}

.welcome-container .themes-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}

.welcome-container .themes-grid button {
  min-width: min(250px, 100%);
  color: var(--text-color);
  background-color: var(--surface-color);
}

.welcome-container .themes-grid button[data-theme="default"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #fafafa;
  --surface-color: #e7e7e7;
  --accent-color: #424242;
  --accent-text-color: #ffffff;
  --error-color: #fa8796;
}

.welcome-container .themes-grid button:hover {
  color: var(--accent-text-color);
  background-color: var(--accent-color);
}

.welcome-container .themes-grid button.selected {
  border: 2.5px solid var(--accent-color);
}

.welcome-container .layout-chooser {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 50vw;
}

.welcome-container .layout-chooser .theme-preview {
  cursor: pointer;
}

.welcome-container .layout-chooser .theme-preview.selected,
.welcome-container .layout-chooser .theme-preview:hover {
  background-color: var(--surface-color);
}

.welcome-container .layout-chooser .theme-preview.selected .text-placeholder,
.welcome-container .layout-chooser .theme-preview:hover .text-placeholder {
  background-color: var(--text-color);
}

.welcome-container .layout-chooser .theme-preview.selected .control-placeholder,
.welcome-container .layout-chooser .theme-preview:hover .control-placeholder {
  background-color: var(--accent-color);
}

.welcome-container .layout-chooser .theme-preview.selected .control-placeholder.pill,
.welcome-container .layout-chooser .theme-preview:hover .control-placeholder.pill {
  border-radius: 100vh;
}

.welcome-container img,
.welcome-container picture,
.welcome-container video,
.welcome-container canvas,
.welcome-container svg {
  border-radius: 1rem;
}

@keyframes moveBefore {
  from {
    left: -20px;
  }
  to {
    left: -17.5px;
  }
}

@keyframes moveAfter {
  from {
    right: -20px;
  }
  to {
    right: -17.5px;
  }
}

.island-extends::before {
  content: "\F135";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -20px;
  height: -webkit-fill-available;
  align-items: center;
  align-content: center;
  animation: moveBefore 0.5s ease-in-out infinite alternate;
}

.island-extends::after {
  content: "\F12C";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: -20px;
  height: -webkit-fill-available;
  align-items: center;
  align-content: center;
  animation: moveAfter 0.5s ease-in-out infinite alternate;
}

.island-extends-item {
  position: relative;
  width: fit-content;
  max-width: 95%;
  font-weight: bold;
}

.island-extends-item::after {
  content: "\F12C";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: -20px;
  height: -webkit-fill-available;
  align-items: center;
  align-content: center;
  animation: moveAfter 0.5s ease-in-out infinite alternate;
}

.topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: -webkit-fill-available;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(
      35deg,
      #dd6317de,
      #dd6417de 20px,
      transparent 10px,
      transparent 40px
    ),
    black;
  color: white;
  line-height: 17px;
  z-index: 999;
  height: 33px;
  transition: 0.25s margin-top;
}

.topbar span {
  background: black;
  padding: 5px 10px;
  border-radius: 5px;
}

.topbar span i {
  color: darkorange;
}

:root:not(:hover) .topbar {
  margin-top: -33px;
  transition: 0.25s margin-top;
}

body:has(.topbar) {
  transition: 0.25s padding-top;
}

:root:hover:has(.topbar) body {
  padding-top: 83px;
  transition: 0.25s padding-top;
}

body:has(.topbar) .island {
  transition:
    0.25s top,
    0.25s max-height;
}

:root:hover:has(.topbar) .island {
  max-height: calc(100vh - 80px);
  top: 58px;
  transition:
    0.25s top,
    0.25s max-height;
}

body:has(.topbar) .checker.horizontal .column:last-child {
  transition: 0.25s top;
}

:root:hover:has(.topbar) .checker.horizontal .column:last-child {
  top: 63px;
  transition: 0.25s top;
}

.ai-manager .ai-activation {
  width: -webkit-fill-available;
  background: var(--surface-color);
  border: 1px dotted var(--accent-color);
  padding: 15px 17.5px 12px 17.5px;
  border-radius: 5px;
}

.ai-manager .ai-activation.success {
  background: mediumseagreen;
  border: 1px dotted white;
  color: white;
}

.ai-manager .ai-activation.warning {
  background: darkorange;
  border: 1px dotted white;
  color: white;
}

.ai-manager .ai-activation.error {
  background: indianred;
  border: 1px dotted white;
  color: white;
}

.ai-manager .ai-activation button {
  color: var(--text-color);
  margin-top: 5px;
  margin-bottom: 5px;
}

.ai-manager .ai-activation button:hover {
  color: var(--accent-text-color);
}

.ai-manager .ai-activation .info {
  width: -webkit-fill-available;
  background: var(--surface-color);
  padding: 10px 12px 7.5px 12px;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: var(--text-color);
}

.ai-manager label,
.ai-manager textarea {
  width: -webkit-fill-available;
}

.ai-manager label:has(input) {
  margin-top: 0.5em;
}

.ai-manager textarea:not([disabled]) {
  resize: vertical;
}

.ai-manager textarea[disabled] {
  opacity: 0.5;
}

.alert {
  display: flex;
  flex-direction: row;
  padding: 0.5em 0.75em 0.5em 0.5em;
  border: none;
  border-radius: 0.5rem;
  border-left: 4px solid;
  background-color: var(--surface-color);
  gap: 0.75rem;
  margin-bottom: 0.5em;
}

.alert.separate {
  flex-direction: column;
  gap: 0.5rem;
}

.alert.full {
  flex-direction: column;
  gap: 0.6rem;
}

.alert:has(> div div p[hidden]),
.alert:has(> div div p[hidden]) > div {
  align-items: center;
}

.alert img {
  width: 150px;
  height: fit-content;
  border-radius: 5px;
}

.alert.separate img {
  width: 250px;
}

.alert.full img {
  width: 100%;
  height: auto;
}

.alert > div {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: -webkit-fill-available;
  flex-wrap: wrap;
}

.alert > div div {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.alert > div > i {
  margin-left: 0.5em;
}

.alert button {
  background-color: var(--accent-color);
  color: var(--accent-text-color);
  margin-left: auto;
}

.alert button:hover {
  background-color: var(--background-color);
  color: var(--text-color);
}

@media screen and (max-width: 600px) {
  .alert {
    flex-direction: column;
    padding: 0.5em;
  }

  .alert > div {
    margin: 0;
  }

  .alert button {
    width: -webkit-fill-available !important;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: -webkit-fill-available;
  margin-top: 5px;
}

.pagination button {
  height: 30px !important;
  width: 30px !important;
  min-width: unset !important;
  min-height: unset !important;
}

.pagination .current-page {
  padding: 0 10px;
}

.pagination .current-page label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.pagination .current-page input {
  background: none;
  padding: 0 5px;
  height: unset;
  min-height: unset;
  width: unset;
  min-width: unset;
  text-align: end;
  field-sizing: content;
  border-radius: 5px;
}

.pagination .current-page input:not(:hover):not(:focus) {
  padding: 0;
  appearance: textfield;
  -moz-appearance: textfield;
}

.pagination .current-page input:not(:hover):not(:focus)::-webkit-inner-spin-button,
.pagination .current-page input:not(:hover):not(:focus)::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[data-modal-page="store"] {
  gap: 10px;
  opacity: 1;
  transition: 0.25s background-color;
  overflow-x: hidden;
}

[data-modal-page="store"] .theme-store-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}

[data-modal-page="store"] .theme-store-search,
[data-modal-page="store"] .theme-icon-filters {
  display: flex;
  gap: 10px;
}

[data-modal-page="store"] .theme-icon-filters {
  flex-wrap: wrap;
}

[data-modal-page="store"] .theme-icon-filters button[aria-pressed="true"] {
  color: var(--accent-text-color);
  background: var(--accent-color);
  border: 2px solid var(--accent-text-color);
}

[data-modal-page="store"] .theme-store-controls input,
[data-modal-page="store"] .theme-store-controls select {
  min-width: 0;
  color: var(--text-color);
  background: var(--surface-color);
  border: 2px solid var(--accent-color);
  border-radius: 6px;
  padding: 8px 10px;
}

[data-modal-page="store"] .theme-store-controls input {
  flex: 1;
}

[data-modal-page="store"] .theme-store-controls select {
  width: 145px;
}

[data-modal-page="store"]::-webkit-scrollbar {
  width: 12px !important;
}

[data-modal-page="store"]::-moz-scrollbar {
  width: 28px !important;
}

[data-modal-page="store"]:has(.promo button:hover),
[data-modal-page="store"]:has(.themes-grid .theme-item button:hover) {
  color: transparent;
  background-color: transparent;
  box-shadow: none;
  overflow-y: hidden;
  padding-right: 28px;
  transition: 0.25s background-color;
}

[data-modal-page="store"]:has(.promo button:hover) .theme-item:not(:has(button:hover)),
[data-modal-page="store"]:has(.promo button:hover) [data-modal-buttons],
[data-modal-page="store"]:has(.themes-grid .theme-item button:hover) .promo,
[data-modal-page="store"]:has(.themes-grid .theme-item button:hover)
  .theme-item:not(:has(button:hover)),
[data-modal-page="store"]:has(.themes-grid .theme-item button:hover) [data-modal-buttons],
[data-modal-page="store"]:has(.themes-grid .theme-item button:hover) > button,
[data-modal-page="store"]:has(.themes-grid .theme-item button:hover) .theme-store-controls {
  opacity: 0;
  transition: 0.25s opacity;
}

[data-modal-page="store"] > b {
  margin-top: 5px;
  margin-bottom: -5px;
}

[data-modal-page="store"] .promo {
  padding: 25px 35px;
  background: linear-gradient(90deg, var(--background-color) 0%, var(--surface-color) 100%);
  background-position: center 60% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: 15px;
  border: 4px solid var(--accent-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

[data-modal-page="store"] .promo::before {
  content: "Featured";
  color: var(--text-color);
  font-size: 20px;
  font-weight: bold;
  text-shadow: 0 0 10px var(--background-color);
}

[data-modal-page="store"] .promo:has(button:hover) {
  background-image: none !important;
  border-color: transparent;
}

[data-modal-page="store"] .promo:has(button:hover)::before {
  opacity: 0;
}

[data-modal-page="store"] .promo .promo-inner {
  color: var(--text-color);
  background: var(--surface-color);
  width: fit-content;
  padding: 15px 25px;
  font-size: 50px;
  font-weight: 500;
  line-height: 50px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 3px solid var(--accent-color);
}

[data-modal-page="store"] .promo .promo-inner i {
  font-size: 0.75em;
}

[data-modal-page="store"] .promo button {
  color: var(--text-color);
  border: 2px solid var(--accent-color);
  transition: background-color 0.25s ease-in-out;
}

[data-modal-page="store"] .promo button:hover {
  color: var(--accent-text-color);
  transition: background-color 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 10px;
}

[data-modal-page="store"] .themes-grid .theme-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--text-color);
  padding: 20px 15px;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--background-color) 0%, var(--surface-color) 100%);
  background-color: var(--background-color);
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border: 2px solid var(--accent-color);
  transition: border-right-width 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid .theme-item:hover {
  border-right-width: 15px;
  transition: border-right-width 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid .theme-item .theme-popularity {
  display: flex;
  gap: 2.5px;
  position: absolute;
  top: 15px;
  right: 20px;
}

[data-modal-page="store"] .themes-grid .theme-item:has(i.hd) .theme-popularity,
[data-modal-page="store"] .themes-grid .theme-item:has(i.random) .theme-popularity,
[data-modal-page="store"] .themes-grid .theme-item:has(i.animated) .theme-popularity,
[data-modal-page="store"] .themes-grid .theme-item:has(i.pattern) .theme-popularity,
[data-modal-page="store"] .themes-grid .theme-item:has(i.colorized) .theme-popularity,
[data-modal-page="store"] .themes-grid .theme-item:has(i.audio) .theme-popularity {
  top: 40px;
}

[data-modal-page="store"] .themes-grid .theme-item.suggest-theme {
  border: 2px dashed var(--text-color) !important;
  background: transparent !important;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid .theme-item.suggest-theme:hover {
  background: var(--surface-color) !important;
  transition: background-color 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid .theme-item.suggest-theme i {
  position: relative !important;
  margin: auto;
  padding: 0;
  top: 0;
  left: 0;
}

[data-modal-page="store"]
  .themes-grid
  .theme-item
  i:not(.bi-people-fill):not(.hd):not(.animated):not(.pattern):not(.colorized):not(.random):not(
    .audio
  ) {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 50px;
  opacity: 0.2;
  transition: opacity 0.25s ease-in-out;
}

[data-modal-page="store"]
  .themes-grid
  .theme-item:hover
  i:not(.bi-people-fill):not(.hd):not(.animated):not(.pattern):not(.colorized):not(.random):not(
    .audio
  ) {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid .theme-item i.hd {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 25px;
}

[data-modal-page="store"] .themes-grid .theme-item i.random {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 17.5px;
}

[data-modal-page="store"] .themes-grid .theme-item i.animated,
[data-modal-page="store"] .themes-grid .theme-item i.pattern,
[data-modal-page="store"] .themes-grid .theme-item i.colorized,
[data-modal-page="store"] .themes-grid .theme-item i.audio {
  position: absolute;
  top: 12.5px;
  right: 20px;
  font-size: 20px;
}

[data-modal-page="store"] .themes-grid .theme-item:has(i.hd) i.random,
[data-modal-page="store"] .themes-grid .theme-item:has(i.hd) i.animated,
[data-modal-page="store"] .themes-grid .theme-item:has(i.hd) i.pattern,
[data-modal-page="store"] .themes-grid .theme-item:has(i.hd) i.colorized,
[data-modal-page="store"] .themes-grid .theme-item:has(i.hd) i.audio,
[data-modal-page="store"] .themes-grid .theme-item:has(i.animated) i.pattern,
[data-modal-page="store"] .themes-grid .theme-item:has(i.animated) i.colorized,
[data-modal-page="store"] .themes-grid .theme-item:has(i.animated) i.audio,
[data-modal-page="store"] .themes-grid .theme-item:has(i.pattern) i.colorized {
  right: 50px;
}

[data-modal-page="store"] .themes-grid .theme-item:has(i.hd):has(i.animated) i.colorized,
[data-modal-page="store"] .themes-grid .theme-item:has(i.hd):has(i.pattern) i.colorized,
[data-modal-page="store"] .themes-grid .theme-item:has(i.animated):has(i.pattern) i.colorized,
[data-modal-page="store"] .themes-grid .theme-item:has(i.hd):has(i.animated) i.audio {
  right: 75px;
}

[data-modal-page="store"]
  .themes-grid
  .theme-item:has(i.hd):has(i.animated):has(i.pattern)
  i.colorized {
  right: 100px;
}

[data-modal-page="store"] .themes-grid .theme-item h5,
[data-modal-page="store"] .themes-grid .theme-item p,
[data-modal-page="store"] .themes-grid .theme-item small {
  background: none;
  text-shadow: 0 0 10px var(--background-color);
}

[data-modal-page="store"] .themes-grid .theme-item button {
  color: var(--text-color);
  margin-top: auto;
  transition: background-color 0.25s ease-in-out;
}

[data-modal-page="store"] .themes-grid .theme-item small {
  margin-bottom: 5px;
}

[data-modal-page="store"] .themes-grid .theme-item:not(:has(small)) p {
  margin-bottom: 5px;
}

[data-modal-page="store"] .themes-grid .theme-item:has(.hd, .random, .audio) h5 {
  max-width: calc(100% - 45px);
}

[data-modal-page="store"] .themes-grid .theme-item:has(.hd):has(.random) h5 {
  max-width: calc(100% - 75px);
}

[data-modal-page="store"] .themes-grid .theme-item button:hover {
  color: var(--accent-text-color);
  transition: background-color 0.25s ease-in-out;
}

[data-modal-page="store"] .promo[data-theme="default"],
[data-modal-page="store"] .themes-grid .theme-item[data-theme="default"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #fafafa;
  --surface-color: #e7e7e7;
  --accent-color: #424242;
  --accent-text-color: #ffffff;
  --error-color: #fa8796;
}

[data-modal-page="store"] .themes-grid .theme-item:has(i.colorized) * {
  z-index: 1;
}

[data-modal-page="store"] .themes-grid .theme-item:has(i.colorized) h5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% / 3);
  height: 100%;
  backdrop-filter: hue-rotate(-90deg);
  z-index: -1;
  border-radius: 8px 0 0 8px;
}

[data-modal-page="store"] .themes-grid .theme-item:has(i.colorized) h5::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% / 3);
  height: 100%;
  backdrop-filter: hue-rotate(90deg);
  z-index: -1;
  border-radius: 0 8px 8px 0;
}

[data-modal-page="store"] .cost-info {
  margin-top: 10px;
}

[data-modal-page="store"] .cost-info i {
  margin-left: -20px;
}

[data-manual-reset-cache] {
  margin-top: 10px;
}

details.section {
  align-items: stretch;
}

summary {
  display: block;
  font-size: 1.75rem;
  font-weight: bold;
  cursor: pointer;
}

summary::after {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\F10E";
  transition: transform 0.25s ease-in-out;
  margin-left: 10px;
  transform: scale(-1, 1);
}

.segment-marked-for-review-count {
  display: flex;
  gap: 5px;
  margin-left: auto;
}

canvas[disabled] {
  cursor: not-allowed;
  opacity: 0.75;
  pointer-events: none;
}

#live-drawing-periods {
  width: 100%;
}

.sessions {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(300px - 5px));
  gap: 7.5px;
  width: 100%;
}

.sessions .session {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  transition: opacity 0.25s ease-in-out;
}

.sessions .session.clearing {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
}

.sessions .session .meta {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 2px 5px;
  background: var(--accent-color);
  color: var(--accent-text-color);
  font-size: 10px;
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

@media (max-width: 1024px) and (min-width: 900px) {
  .sessions {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .sessions {
    grid-template-columns: repeat(1, 1fr);
  }
}

.sessions .session .overlays {
  display: flex;
  gap: 5px;
  position: absolute;
  background: transparent;
  bottom: 5px;
  left: 5px;
  transition: opacity 0.25s ease-in-out;
}

.sessions .session .overlays button {
  background: var(--background-color);
}

.sessions .session:not(:hover) .overlays {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease-in-out;
}

[data-modal-page="draw-session-viewer"] .sessionCanvases {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
}

body > video {
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  user-select: none;
  pointer-events: none;
  z-index: -1;
}
[data-theme="classic"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #303946;
  --surface-color: #424f61;
  --accent-color: #059fff;
  --accent-text-color: #ffffff;
  --error-color: #f84747;
}

[data-theme="abyss"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #000000;
  --surface-color: #1f1f22;
  --accent-color: #059fff;
  --accent-text-color: #ffffff;
  --error-color: #f84747;
}

[data-theme="graphite"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #1f1f1f;
  --surface-color: #2d2f30;
  --accent-color: #444d58;
  --accent-text-color: #ffffff;
  --error-color: #f84747;
}

[data-theme="blizzard"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #cde7f5;
  --surface-color: #abd0e6;
  --accent-color: #71b2d3;
  --accent-text-color: #2c2c2c;
  --error-color: #ce7474;
}

[data-theme="sage"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #bacbb0;
  --surface-color: #a0b395;
  --accent-color: #5c8a5b;
  --accent-text-color: #2c2c2c;
  --error-color: #b85f5f;
}

[data-theme="dune"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #cbc3af;
  --surface-color: #b7ac93;
  --accent-color: #917856;
  --accent-text-color: #2c2c2c;
  --error-color: #bd5858;
}

[data-theme="rose"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #f4dbd8;
  --surface-color: #e0c4c0;
  --accent-color: #ae817c;
  --accent-text-color: #2c2c2c;
  --error-color: #b42222;
}

[data-theme="lavender"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #c3c0e5;
  --surface-color: #aca8d4;
  --accent-color: #7e78be;
  --accent-text-color: #2c2c2c;
  --error-color: #b85f5f;
}

[data-theme="cream"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #f1e8db;
  --surface-color: #ddd3c6;
  --accent-color: #505f45;
  --accent-text-color: #ffffff;
  --error-color: #b85f5f;
}

[data-theme="ravenclaw"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #202944;
  --surface-color: #29365e;
  --accent-color: #f0b569;
  --accent-text-color: #2c2c2c;
  --error-color: #b85f5f;
}

[data-theme="hufflepuff"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #dbba71;
  --surface-color: #c7a65e;
  --accent-color: #2c2c2c;
  --accent-text-color: #ffffff;
  --error-color: #923737;
}

[data-theme="slytherin"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #1b3530;
  --surface-color: #224941;
  --accent-color: #cae7e1;
  --accent-text-color: #2c2c2c;
  --error-color: #b85f5f;
}

[data-theme="gryffindor"] {
  color-scheme: light;
  --text-color: #ffffff;
  --background-color: #6b242b;
  --surface-color: #852b34;
  --accent-color: #f3b84b;
  --accent-text-color: #2c2c2c;
  --error-color: #f76161;
}

[data-theme="catppuccin-latte"] {
  color-scheme: light;
  /* Text */
  --text-color: #4c4f69;
  /* Base */
  --background-color: #eff1f5;
  /* Surface0 */
  --surface-color: #ccd0da;
  /* Rosewater */
  --accent-color: #dc8a78;
  /* Text */
  --accent-text-color: #4c4f69;
  /* Red */
  --error-color: #d20f39;
}

[data-theme="catppuccin-frappe"] {
  color-scheme: dark;
  /* Text */
  --text-color: #c6d0f5;
  /* Base */
  --background-color: #303446;
  /* Surface0 */
  --surface-color: #414559;
  /* Overlay0 */
  --accent-color: #737994;
  /* Text */
  --accent-text-color: #c6d0f5;
  /* Red */
  --error-color: #e78284;
}

[data-theme="catppuccin-macchiato"] {
  color-scheme: dark;
  /* Text */
  --text-color: #cad3f5;
  /* Base */
  --background-color: #24273a;
  /* Surface0 */
  --surface-color: #363a4f;
  /* Overlay0 */
  --accent-color: #6e738d;
  /* Text */
  --accent-text-color: #cad3f5;
  /* Red */
  --error-color: #ed8796;
}

[data-theme="catppuccin-mocha"] {
  color-scheme: dark;
  /* Text */
  --text-color: #cdd6f4;
  /* Base */
  --background-color: #1e1e2e;
  /* Surface0 */
  --surface-color: #313244;
  /* Overlay0 */
  --accent-color: #6c7086;
  /* Text */
  --accent-text-color: #cdd6f4;
  /* Red */
  --error-color: #f38ba8;
}

[data-theme="stealth"] {
  color-scheme: dark;
  --text-color: #f2f2f2;
  --background-color: #0a0a0a;
  --surface-color: #141414;
  --accent-color: #f2f2f2;
  --accent-text-color: #1c1c1c;
  --error-color: #eb324b;
  --backlight-color: #141414;
}

/* Seasonal */

[data-theme="halloween"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #000;
  --surface-color: #cc5a2a;
  --accent-color: #7c2700;
  --accent-text-color: #fff;
  --error-color: #cc5a2a;
  background: url(https://assets.vssfalcons.com/store/backdrop/halloween.png) !important;
}

[data-theme="halloween-classic"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #2c173d;
  --surface-color: #cc5a2a;
  --accent-color: #d6b7e7;
  --accent-text-color: #2c2c2c;
  --error-color: #d7f066;
}

/* Special */

[data-theme="dune-2"] {
  color-scheme: dark;
  --text-color: #d8d6d3;
  --background-color: #242220;
  --surface-color: #2e2c2a;
  --accent-color: #1455b6;
  --accent-text-color: #cbd9ff;
  --error-color: #8b2626;
}

/* Faisal N's Custom Themes (Source: faisaln.com) */

[data-theme="synthwave"] {
  color-scheme: dark;
  --text-color: #2de2e6;
  --background-color: #0d0221;
  --surface-color: #920075;
  --accent-color: #540d6e;
  --accent-text-color: #2de2e6;
  --error-color: #ea1b2d;
  --backlight-color: #ff00ec;
}

[data-theme="synthwave-2077"] {
  color-scheme: dark;
  --text-color: #c1d3e0;
  --background-color: #101116;
  --surface-color: #15151f;
  --accent-color: #00d4b2;
  --accent-text-color: #082b29;
  --error-color: #ea1b2d;
  --backlight-color: #00ffef;
}

[data-theme="synthwave-2077-solarized"] {
  color-scheme: dark;
  --text-color: #00d4b2;
  --background-color: #101116;
  --surface-color: #082b29;
  --accent-color: #00d4b2;
  --accent-text-color: #082b29;
  --error-color: #ea1b2d;
  --backlight-color: #00ffef;
}

[data-theme="casino"] {
  color-scheme: dark;
  --text-color: white;
  --background-color: red;
  --surface-color: black;
  --accent-color: yellow;
  --accent-text-color: black;
  --error-color: red;
  --backlight-color: yellow;
}

[data-theme="kfc"] {
  color-scheme: dark;
  --text-color: white;
  --background-color: black;
  --surface-color: #ff0029;
  --accent-color: white;
  --accent-text-color: black;
  --error-color: red;
  --backlight-color: yellow;
}

[data-theme="neon-red"] {
  color-scheme: dark;
  --text-color: #ff1d50;
  --background-color: #450015;
  --surface-color: #5c001a;
  --accent-color: #b70033;
  --accent-text-color: #ffffff;
  --error-color: #b90024;
}

[data-theme="strawberry"] {
  color-scheme: light;
  --text-color: #ff6084;
  --background-color: #ffc7d8;
  --surface-color: #f4e6ec;
  --accent-color: #ff6691;
  --accent-text-color: #ffffff;
  --error-color: #b90024;
}

.atreides-logo {
  display: none;
}

body[data-theme="dune-2"] .atreides-logo {
  display: unset;
}

body[data-theme="dune-2"] .header > .virtual-checker-logo {
  display: none;
}

/* Premium Themes */

[data-theme="jellyfish"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #000067;
  --surface-color: #213e8e;
  --accent-color: #054dc6;
  --accent-text-color: #7bace5;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/jellyfish.png) !important;
}

[data-theme="jellyfish-2"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #000815;
  --surface-color: #5f74e3;
  --accent-color: #575ed3;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/jellyfish-2.png) !important;
}

[data-theme="jellyfish-pro"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #000815;
  --surface-color: #5f74e3;
  --accent-color: #575ed3;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/jellyfish-pro.png) !important;
}

[data-theme="black-sand"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #1f1f1f;
  --surface-color: #2d2f30;
  --accent-color: #444d58;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/black-sand.png) !important;
}

[data-theme="blizzard-pro"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #cde7f5;
  --surface-color: #abd0e6;
  --accent-color: #71b2d3;
  --accent-text-color: #2c2c2c;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/blizzard-pro.png) !important;
}

[data-theme="sage-pro"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #bacbb0;
  --surface-color: #a0b395;
  --accent-color: #5c8a5b;
  --accent-text-color: #2c2c2c;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/sage-pro.png) !important;
}

[data-theme="sandy-beach"] {
  color-scheme: light;
  --text-color: #f0f0f0;
  --background-color: #9c8460;
  --surface-color: #574832;
  --accent-color: #a58d6b;
  --accent-text-color: #2c2c2c;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/sandy-beach.png) !important;
}

[data-theme="rose-pro"] {
  color-scheme: dark;
  --text-color: #ffffff;
  --background-color: #f30837;
  --surface-color: #d74d4d;
  --accent-color: #ff6767;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/rose-pro.png) !important;
}

[data-theme="lavender-pro"] {
  color-scheme: light;
  --text-color: #e8e8e8;
  --background-color: #b996d6;
  --surface-color: #a88ada;
  --accent-color: #866ed5;
  --accent-text-color: #d7d7d7;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/lavender-pro.png) !important;
}

[data-theme="stealth-2"] {
  color-scheme: dark;
  --text-color: #f2f2f2;
  --background-color: #818181;
  --surface-color: #5e5047;
  --accent-color: #4c4746;
  --accent-text-color: #f2f2f2;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/stealth-2.png) !important;
}

[data-theme="synthwave-pro"] {
  color-scheme: dark;
  --text-color: #2de2e6;
  --background-color: #0d0221;
  --surface-color: #920075;
  --accent-color: #540d6e;
  --accent-text-color: #2de2e6;
  --error-color: #ea1b2d;
  --backlight-color: #ff00ec;
  background: url(https://assets.vssfalcons.com/store/backdrop/synthwave-pro.png) !important;
}

[data-theme="aeroplane"] {
  color-scheme: dark;
  --text-color: #f2f2f2;
  --background-color: #0a0a0a;
  --surface-color: #141414;
  --accent-color: #f2f2f2;
  --accent-text-color: #1c1c1c;
  --error-color: #eb324b;
  --backlight-color: #141414;
  background: url(https://assets.vssfalcons.com/store/backdrop/aeroplane.png) !important;
}

[data-theme="lavender-2"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #d9c4ed;
  --surface-color: #b68cc9;
  --accent-color: #825895;
  --accent-text-color: #e4e4e4;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/lavender-2.png) !important;
}

[data-theme="rainy-day"] {
  color-scheme: dark;
  --text-color: #dedede;
  --background-color: #203c26;
  --surface-color: #3a9cb7;
  --accent-color: #2d8ba5;
  --accent-text-color: #e4e4e4;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/rainy-day.png) !important;
}

[data-theme="snow"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #c1becc;
  --surface-color: #87acc9;
  --accent-color: #9cb7d2;
  --accent-text-color: #474747;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/snow.png) !important;
}

[data-theme="shells"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #f1e8db;
  --surface-color: #ddd3c6;
  --accent-color: #b28766;
  --accent-text-color: #2c2c2c;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/shells.png) !important;
}

[data-theme="tides"] {
  color-scheme: dark;
  --text-color: #fafafa;
  --background-color: #112628;
  --surface-color: #204445;
  --accent-color: #2e9993;
  --accent-text-color: #fafafa;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/tides.png) !important;
}

[data-theme="northern-lights"] {
  color-scheme: dark;
  --text-color: #dedede;
  --background-color: #08161f;
  --surface-color: #104943;
  --accent-color: #1e644a;
  --accent-text-color: #e4e4e4;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/northern-lights.png) !important;
}

[data-theme="galaxy"] {
  color-scheme: dark;
  --text-color: #dee3fc;
  --background-color: #0d1627;
  --surface-color: #526aa2;
  --accent-color: #6269af;
  --accent-text-color: #dee3fc;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/galaxy.png) !important;
}

[data-theme="galaxy-2"] {
  color-scheme: dark;
  --text-color: #e5e4cd;
  --background-color: #0a141e;
  --surface-color: #755853;
  --accent-color: #bb9890;
  --accent-text-color: #e5e4cd;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/galaxy-2.png) !important;
}

[data-theme="milky-way"] {
  color-scheme: dark;
  --text-color: #a89c90;
  --background-color: #171719;
  --surface-color: #5c606c;
  --accent-color: #a5978e;
  --accent-text-color: #171719;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/milky-way.png) !important;
}

[data-theme="siege"] {
  color-scheme: dark;
  --text-color: #f5e3a4;
  --background-color: #0d1806;
  --surface-color: #3e160b;
  --accent-color: #b57c49;
  --accent-text-color: #ede5a9;
  --error-color: #cb5a4f;
  background: url(https://assets.vssfalcons.com/store/backdrop/siege.png) !important;
}

[data-theme="snowflakes"] {
  color-scheme: light;
  --text-color: #2c2c2c;
  --background-color: #79bddf;
  --surface-color: #d2d4da;
  --accent-color: #73b9dc;
  --accent-text-color: #e7e4ec;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/snowflakes.png) !important;
}

[data-theme="chocolate-hearts"] {
  color-scheme: light;
  --text-color: #ffffff;
  --background-color: #ff2352;
  --surface-color: #d50035;
  --accent-color: #fd1e54;
  --accent-text-color: #ffffff;
  --error-color: #b90024;
  --backlight-color: #d50035;
  background: url(https://assets.vssfalcons.com/store/backdrop/chocolate-hearts.png) !important;
}

[data-theme="chocolate-hearts-2"] {
  color-scheme: light;
  --text-color: #ff3462;
  --background-color: #e9eae5;
  --surface-color: #f4e6ec;
  --accent-color: #cc0039;
  --accent-text-color: #ffffff;
  --error-color: #b90024;
  background: url(https://assets.vssfalcons.com/store/backdrop/chocolate-hearts-2.png) !important;
}

[data-theme="rocket-league"] {
  color-scheme: light;
  --text-color: #ffffff;
  --background-color: #006e37;
  --surface-color: #0043b6;
  --accent-color: #eb9100;
  --accent-text-color: #ffffff;
  --error-color: #b90024;
  background: url(https://assets.vssfalcons.com/store/backdrop/rocket-league.png) !important;
}

[data-theme="rocket-league-2"] {
  color-scheme: light;
  --text-color: #ffffff;
  --background-color: #a66400;
  --surface-color: #003248;
  --accent-color: #2567ff;
  --accent-text-color: #ffffff;
  --error-color: #b90024;
  background: url(https://assets.vssfalcons.com/store/backdrop/rocket-league-2.png) !important;
}

[data-theme="rocket-league-ice"] {
  color-scheme: light;
  --text-color: #fffffb;
  --background-color: #8c88a2;
  --surface-color: #295486;
  --accent-color: #db131f;
  --accent-text-color: #2c2c2c;
  --error-color: #db131f;
  background: url(https://assets.vssfalcons.com/store/backdrop/rocket-league-ice.png) !important;
}

[data-theme="rocket-league-synthwave"] {
  color-scheme: dark;
  --text-color: #f3e24a;
  --background-color: #0d0221;
  --surface-color: #0061cc;
  --accent-color: #811b80;
  --accent-text-color: #2de2e6;
  --error-color: #ea1b2d;
  background: url(https://assets.vssfalcons.com/store/backdrop/rocket-league-synthwave.png) !important;
}

[data-theme="friends"] {
  color-scheme: dark;
  --text-color: #f6f8df;
  --background-color: #3d386e;
  --surface-color: #2f8170;
  --accent-color: #660940;
  --accent-text-color: #f8f3d9;
  --error-color: #ea1b2d;
  background: url(https://assets.vssfalcons.com/store/backdrop/friends.png) !important;
}

[data-theme="lebron"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #000;
  --surface-color: #6a6665;
  --accent-color: #fff;
  --accent-text-color: #000;
  --error-color: #e21b00;
  --backlight-color: #6a6665;
  background: url(https://assets.vssfalcons.com/store/backdrop/lebron.jpg) !important;
}

[data-theme="lebron-pro"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #000;
  --surface-color: #2d0000;
  --accent-color: #e21b00;
  --accent-text-color: #000;
  --error-color: #e21b00;
  background: url(https://assets.vssfalcons.com/store/backdrop/lebron-pro.jpg) !important;
}

[data-theme="messi"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #25b5ff;
  --surface-color: #276cf9;
  --accent-color: #efee87;
  --accent-text-color: #000;
  --error-color: #ee1c36;
  --backlight-color: #276cf9;
  background: url(https://assets.vssfalcons.com/store/backdrop/messi.png) !important;
}

[data-theme="messi-neymar"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #21221d;
  --surface-color: #335280;
  --accent-color: #f3dc15;
  --accent-text-color: #70161d;
  --error-color: #a21b2a;
  background: url(https://assets.vssfalcons.com/store/backdrop/messi-neymar.jpg) !important;
}

[data-theme="one-piece"] {
  color-scheme: light;
  --text-color: #191a1c;
  --background-color: #a1b8ae;
  --surface-color: #c4b58c;
  --accent-color: #9d5053;
  --accent-text-color: #fff;
  --error-color: #9d5053;
  background: url(https://assets.vssfalcons.com/store/backdrop/one-piece.jpg) !important;
}

[data-theme="super-mario"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #5e7ef9;
  --surface-color: #1c2546;
  --accent-color: #d42404;
  --accent-text-color: #fff;
  --error-color: #d42404;
  background: url(https://assets.vssfalcons.com/store/backdrop/super-mario.jpg) !important;
}

[data-theme="black-ice"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #080808;
  --surface-color: #00988a;
  --accent-color: #b2d3cf;
  --accent-text-color: #00110f;
  --error-color: #eb324b;
  --backlight-color: #00988a;
  background: url(https://assets.vssfalcons.com/store/backdrop/black-ice.jpg) !important;
}

[data-theme="mountains"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #06518c;
  --surface-color: #12232e;
  --accent-color: #1881c2;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/mountains.jpg) !important;
}

[data-theme="cherry-blossoms"] {
  color-scheme: light;
  --text-color: #240d0c;
  --background-color: #005aa9;
  --surface-color: #e5cbe8;
  --accent-color: #c673a9;
  --accent-text-color: #ffffff;
  --error-color: #9e3b39;
  background: url(https://assets.vssfalcons.com/store/backdrop/cherry-blossoms.png) !important;
}

[data-theme="cherry-blossoms-2"] {
  color-scheme: light;
  --text-color: #401f0d;
  --background-color: #60a4e7;
  --surface-color: #ffbbcf;
  --accent-color: #c85b73;
  --accent-text-color: #ffffff;
  --error-color: #c32b28;
  background: url(https://assets.vssfalcons.com/store/backdrop/cherry-blossoms-2.png) !important;
}

[data-theme="fruit"] {
  color-scheme: light;
  --text-color: #3c2d00;
  --background-color: #f0f0f0;
  --surface-color: #ffd179;
  --accent-color: #7fb92c;
  --accent-text-color: #ffffff;
  --error-color: #f27606;
  background: url(https://assets.vssfalcons.com/store/backdrop/fruit.png) !important;
}

[data-theme="apple"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #97cdfb;
  --surface-color: #fd3135;
  --accent-color: #c4060d;
  --accent-text-color: #ffffff;
  --error-color: #fd3135;
  background: url(https://assets.vssfalcons.com/store/backdrop/apple.png) !important;
}

[data-theme="avocado"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #0d0c06;
  --surface-color: #486f10;
  --accent-color: #202e09;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/avocado.png) !important;
}

[data-theme="blueberry"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #fff;
  --surface-color: #111a39;
  --accent-color: #719ed7;
  --accent-text-color: #16213d;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/blueberry.png) !important;
}

[data-theme="banana"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #080202;
  --surface-color: #eac02b;
  --accent-color: #c88e00;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/banana.png) !important;
}

[data-theme="coconut"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #000;
  --surface-color: #744532;
  --accent-color: #965a38;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/coconut.png) !important;
}

[data-theme="dragon-fruit"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #080703;
  --surface-color: #cc3559;
  --accent-color: #fa4899;
  --accent-text-color: #ffffff;
  --error-color: #cc3559;
  background: url(https://assets.vssfalcons.com/store/backdrop/dragon-fruit.png) !important;
}

[data-theme="grape"] {
  color-scheme: light;
  --text-color: #0d0603;
  --background-color: #58a7ec;
  --surface-color: #d2d064;
  --accent-color: #b9bc01;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/grape.png) !important;
}

[data-theme="kiwi"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #080928;
  --surface-color: #070826;
  --accent-color: #7a1;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/kiwi.png) !important;
}

[data-theme="kumquat"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #010001;
  --surface-color: #db8820;
  --accent-color: #dfd5ab;
  --accent-text-color: #db8820;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/kumquat.png) !important;
}

[data-theme="lemon"] {
  color-scheme: light;
  --text-color: #3c2d00;
  --background-color: #edc01f;
  --surface-color: #ffe643;
  --accent-color: #b08a0c;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/lemon.png) !important;
}

[data-theme="lime"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #8abb08;
  --surface-color: #71d63a;
  --accent-color: #429119;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/lime.png) !important;
}

[data-theme="mango"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #663910;
  --surface-color: #d38e03;
  --accent-color: #eca200;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/mango.png) !important;
}

[data-theme="orange"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #f7a830;
  --surface-color: #fdbc00;
  --accent-color: #fe5504;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/orange.png) !important;
}

[data-theme="peach"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #0e0108;
  --surface-color: #d25151;
  --accent-color: #e8c54c;
  --accent-text-color: #0d0007;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/peach.png) !important;
}

[data-theme="pear"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #4e4333;
  --surface-color: #5b7400;
  --accent-color: #da9e7a;
  --accent-text-color: #1d2d13;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/pear.png) !important;
}

[data-theme="pineapple"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #030502;
  --surface-color: #3c523b;
  --accent-color: #e58532;
  --accent-text-color: #ffffff;
  --error-color: #97390e;
  background: url(https://assets.vssfalcons.com/store/backdrop/pineapple.png) !important;
}

[data-theme="pomegranate"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #121117;
  --surface-color: #97162c;
  --accent-color: #2a1115;
  --accent-text-color: #ffffff;
  --error-color: #901115;
  background: url(https://assets.vssfalcons.com/store/backdrop/pomegranate.png) !important;
}

[data-theme="raspberry"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #4c0003;
  --surface-color: #ff444a;
  --accent-color: #650c0f;
  --accent-text-color: #ffffff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/raspberry.png) !important;
}

[data-theme="raspberry-blueberry"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #cfae99;
  --surface-color: #9f0115;
  --accent-color: #1b3550;
  --accent-text-color: #ffffff;
  --error-color: #d7011b;
  background: url(https://assets.vssfalcons.com/store/backdrop/raspberry-blueberry.png) !important;
}

[data-theme="strawberry-pro"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #000;
  --surface-color: #d80106;
  --accent-color: #5a8527;
  --accent-text-color: #ffffff;
  --error-color: #c80000;
  background: url(https://assets.vssfalcons.com/store/backdrop/strawberry-pro.png) !important;
}

[data-theme="watermelon"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #020200;
  --surface-color: #688335;
  --accent-color: #efd25b;
  --accent-text-color: #070500;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/watermelon.png) !important;
}

[data-theme="watermelon-2"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #030502;
  --surface-color: #4d9553;
  --accent-color: #063857;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/watermelon-2.png) !important;
}

[data-theme="watermelon-pro"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #500;
  --surface-color: #ee4839;
  --accent-color: #d3190d;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/watermelon-pro.png) !important;
}

[data-theme="coconut-tree"] {
  color-scheme: light;
  --text-color: #343427;
  --background-color: #fffffc;
  --surface-color: #a38b68;
  --accent-color: #5f962b;
  --accent-text-color: #343427;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/coconut-tree.png) !important;
}

[data-theme="calm-palm"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #719faf;
  --surface-color: #338aa3;
  --accent-color: #3c5104;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/calm-palm.png) !important;
}

[data-theme="japan"] {
  color-scheme: light;
  --text-color: #b18445;
  --background-color: #1c2011;
  --surface-color: #3b1500;
  --accent-color: #865e23;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/japan.png) !important;
}

[data-theme="wood"] {
  color-scheme: light;
  --text-color: #5b260e;
  --background-color: #b8753e;
  --surface-color: #d27a41;
  --accent-color: #9b5236;
  --accent-text-color: #f7c080;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/wood.png) !important;
}

[data-theme="sugar-bites"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #54df5d;
  --surface-color: #ce6c61;
  --accent-color: #97245d;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/sugar-bites.png) !important;
}

[data-theme="cookies"]:not(.force) {
  color-scheme: light;
  --text-color: #922406;
  --background-color: #fff;
  --surface-color: #f9e2b9;
  --accent-color: #d17121;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/cookies.png) !important;
  background-size: 100px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

[data-theme="pandas"]:not(.force) {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #61aa8d;
  --surface-color: #318060;
  --accent-color: #fff;
  --accent-text-color: #000;
  --error-color: #eb324b;
  --backlight-color: #318060;
  background: url(https://assets.vssfalcons.com/store/backdrop/pandas.png) !important;
  background-size: 300px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

[data-theme="balloon"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #6ba78b;
  --surface-color: #4f9230;
  --accent-color: #c7f185;
  --accent-text-color: #2b4e1f;
  --error-color: #eb324b;
  --backlight-color: #4f9230;
  background: url(https://assets.vssfalcons.com/store/backdrop/balloon.png) !important;
}

[data-theme="balloon-pro"] {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #99cdf2;
  --surface-color: #3261dc;
  --accent-color: #6fa9f9;
  --accent-text-color: #111956;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/balloon-pro.png) !important;
}

[data-theme="balloons"]:not(.force) {
  color-scheme: light;
  --text-color: #d71064;
  --background-color: #ffcdea;
  --surface-color: #f9abda;
  --accent-color: #fd62a3;
  --accent-text-color: #ffcdea;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/balloons.png) !important;
  background-size: 300px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

[data-theme="bats"]:not(.force) {
  color-scheme: light;
  --text-color: #fff;
  --background-color: #ff855e;
  --surface-color: #303030;
  --accent-color: #ff855e;
  --accent-text-color: #020101;
  --error-color: #ff855e;
  background: url(https://assets.vssfalcons.com/store/backdrop/bats.png) !important;
  background-size: 300px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

[data-theme="spider-webs"]:not(.force) {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #676566;
  --surface-color: #484848;
  --accent-color: #b6440e;
  --accent-text-color: #fff;
  --error-color: #b6440e;
  background: url(https://assets.vssfalcons.com/store/backdrop/spider-webs.png) !important;
  background-size: 300px !important;
  background-repeat: repeat !important;
  background-attachment: fixed !important;
}

[data-theme="pumpkins"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/pumpkins.png) !important;
}

[data-theme="pumpkins-2"] {
	color-scheme: light;
	--text-color: #fff;
	--background-color: #4b0700;
	--surface-color: #cd5e13;
	--accent-color: #f78d23;
	--accent-text-color: #fff;
	--error-color: #4b0700;
  background: url(https://assets.vssfalcons.com/store/backdrop/pumpkins-2.png) !important;
}

[data-theme="pumpkins-pro"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/pumpkins-pro.png) !important;
}

[data-theme="snowy-window"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/snowy-window.png) !important;
}

[data-theme="ornaments"] {
  color-scheme: light;
  --text-color: #020804;
  --background-color: #b1a284;
  --surface-color: #c3ab8d;
  --accent-color: #9f0c18;
  --accent-text-color: #efbb96;
  --error-color: #9f0c18;
  background: url(https://assets.vssfalcons.com/store/backdrop/ornaments.png) !important;
}

[data-theme="ornaments-2"] {
  color-scheme: dark;
  --text-color: #fdfdfd;
  --background-color: #2d2d2d;
  --surface-color: #941406;
  --accent-color: #74b339;
  --accent-text-color: #080901;
  --error-color: #941406;
  background: url(https://assets.vssfalcons.com/store/backdrop/ornaments-2.png) !important;
}

[data-theme="ornaments-pro"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #030303;
  --surface-color: #cda500;
  --accent-color: #b31103;
  --accent-text-color: #fff;
  --error-color: #b31103;
  background: url(https://assets.vssfalcons.com/store/backdrop/ornaments-pro.png) !important;
}

[data-theme="tree-frost"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/tree-frost.png) !important;
}

[data-theme="winter-mountain"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/winter-mountain.png) !important;
}

[data-theme="winter-mountain-2"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/winter-mountain-2.png) !important;
}

[data-theme="winter-forest-path"] {
  background: url(https://assets.vssfalcons.com/store/backdrop/winter-forest-path.png) !important;
}

/* Animated Themes */

[data-theme="waterfall"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #0f5d4e;
  --surface-color: #49ab95;
  --accent-color: #78cab8;
  --accent-text-color: #14302a;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/waterfall.png) !important;
}

[data-theme="water"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #3c4552;
  --surface-color: #a79485;
  --accent-color: #2b333e;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/water.png) !important;
}

[data-theme="snowstorm"] {
  color-scheme: light;
  --text-color: #4190e2;
  --background-color: #afd7ff;
  --surface-color: #c0dfff;
  --accent-color: #367ec2;
  --accent-text-color: #fff;
  --error-color: #eb324b;
  background: url(https://assets.vssfalcons.com/store/backdrop/snowstorm.png) !important;
}

[data-theme="usa"] {
  color-scheme: dark;
  --text-color: #fff;
  --background-color: #193d62;
  --surface-color: #9f244a;
  --accent-color: #193d62;
  --accent-text-color: #fff;
  --error-color: #9f244a;
  --backlight-color: #9f244a;
  background: url(https://assets.vssfalcons.com/store/backdrop/usa.png) !important;
}

[data-theme="synthwave-terrain"] {
  color-scheme: dark;
  --text-color: #14f5f5;
  --background-color: #020105;
  --surface-color: #690095;
  --accent-color: #e68450;
  --accent-text-color: #fff;
  --error-color: #c66180;
  background: url(https://assets.vssfalcons.com/store/backdrop/synthwave-terrain.png) !important;
}
@font-face {
  font-family: "ultinoid";
  src: url("/assets/ultinoid-DlExtZXg.woff");
}

@font-face {
  font-family: "typerwriter";
  src: url("/assets/typerwriter-D-tjTFTD.woff2");
}

[data-theme="butterfly"] {
  color-scheme: light;
  --text-color: #000000;
  --background-color: #9d87da;
  --surface-color: #ffffff;
  --accent-color: #000000;
  --accent-text-color: #ffffff;
  --error-color: #cb2b25;
  --backlight-color: #9d87da;
  background-image: url("/assets/background-DfrkLJ2H.png") !important;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

.virtual-checker-butterfly {
  display: none;
}

body[data-theme="butterfly"] {
  background-image: url("/assets/background-DfrkLJ2H.png");
}

body[data-theme="butterfly"] .checker {
  font-family: "typerwriter";
  font-weight: normal;
}

body[data-theme="butterfly"] .virtual-checker-butterfly {
  display: unset;
}

body[data-theme="butterfly"] .header > .virtual-checker-logo {
  display: none;
}

body[data-theme="butterfly"] :is(.header, .checker) {
  background-color: transparent;
}

body[data-theme="butterfly"] [data-button-select] {
  background-color: var(--surface-color);
}

body[data-theme="butterfly"] :is(.header, .checker > h1, .checker > label) {
  color: #ffffff;
}

body[data-theme="butterfly"] .header h1 {
  font-family: "ultinoid";
  font-size: 2.5rem;
  font-weight: normal;
}

body[data-theme="butterfly"] .checker > h1 {
  animation: glow 1.5s linear infinite alternate;
}

body[data-theme="butterfly"] dialog {
  color: #ffffff;
}

body[data-theme="butterfly"] :is(button, kbd, code, input, select, textarea) {
  color: #000000;
  font-family: inherit;
}

body[data-theme="butterfly"] .code-input {
  color: unset;
}

body[data-theme="butterfly"] button:hover {
  color: #ffffff;
}

img.star {
  pointer-events: none;
  position: fixed;
  background-color: transparent;
  top: -30px;
}

@keyframes glow {
  from {
    text-shadow: none;
  }
  from {
    text-shadow: 0 0 5px white;
  }
}
[data-theme="festive"] {
  color-scheme: light;
  --text-color: #242424;
  --background-color: #e2c08e;
  --surface-color: #f3cb8e;
  --accent-color: #f0b73c;
  --accent-text-color: #242424;
  --error-color: #e451da;
  --red: #f75e5e;
  --green: #42b970;
}

[data-theme="festive"] button:nth-child(odd):not(button[data-theme]) {
  --surface-color: var(--green);
}

[data-theme="festive"] button:nth-child(even):not(button[data-theme]) {
  --surface-color: var(--red);
}

[data-theme="festive"]
  :is(
    button,
    input,
    textarea,
    select,
    dialog,
    [data-answer-mode="choice"],
    #answer-textarea-container,
    math-field
  ) {
  border: 0.125rem solid #242424;
}

[data-theme="festive"] #submit-button {
  height: 2.25rem;
  background: linear-gradient(-45deg, white 25%, var(--red) 25% 50%, white 50% 75%, var(--red) 75%);
  background-size: 2rem 2rem;
  font:
    bold 16px "Segoe Script",
    "Figtree",
    sans-serif;
  animation: scroll 0.5s linear infinite forwards;
  animation-play-state: paused;
}

[data-theme="festive"] #submit-button:is(:hover, :focus) {
  color: var(--text-color);
  animation-play-state: running;
}

[data-theme="festive"] #answer-input {
  border: none;
}

[data-theme="festive"] #answer-textarea-container:has(#answer-input:focus) {
  outline: none;
  box-shadow: 0 0 0 0.125rem var(--accent-color) inset;
  transition: box-shadow 100ms ease;
}

@keyframes scroll {
  from {
    background-position: 0 0;
  }

  to {
    background-position: 2rem 0;
  }
}

img.snowflake {
  pointer-events: none;
  position: fixed;
  background-color: transparent;
  top: -30px;
  width: 50px;
}
body:not([data-theme="daily"]) .daily-theme-roll {
  display: none !important;
}

[data-theme="daily"] {
  color-scheme: var(--daily-theme-color-scheme, dark);
  --text-color: var(--daily-theme-text-color, #ffffff);
  --background-color: var(--daily-theme-background-color, #243447);
  --surface-color: var(--daily-theme-surface-color, #182330);
  --accent-color: var(--daily-theme-accent-color, #91c8ef);
  --accent-text-color: var(--daily-theme-accent-text-color, #182330);
  --error-color: var(--daily-theme-error-color, #eb324b);
  background: var(--daily-theme-full, none) center / cover no-repeat !important;
}

[data-modal-page="store"] .theme-item[data-theme="daily"] {
  grid-area: 1 / 1 / 3 / 2;
  background: var(--daily-theme-thumb, var(--daily-theme-full, none)) center / cover no-repeat !important;
}

[data-modal-page="store"] :is(.theme-item, .promo)[data-theme="daily"] .daily-theme-copyright,
.daily-theme-wallpaper-copyright {
  color: #ffffff;
  background: #000c;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 1.4;
  text-shadow: none;
}

.daily-theme-wallpaper-copyright {
  display: none;
  position: fixed;
  bottom: max(8px, env(safe-area-inset-bottom));
  right: max(8px, env(safe-area-inset-right));
  max-width: min(80vw, 480px);
  z-index: -1;
  pointer-events: none;
}

body[data-theme="daily"] > .daily-theme-wallpaper-copyright {
  display: block;
}