/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer properties;
.pointer-events-none {
  pointer-events: none;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.-inset-1\.5 {
  inset: calc(calc(var(--arcane-spacing) / 2 * 3) * -1);
}
.-inset-arcane-touch-indicator {
  inset: calc(6px * -1);
}
.inset-x-2 {
  inset-inline: calc(var(--arcane-spacing));
}
.inset-y-0 {
  inset-block: 0px;
}
.-top-px {
  top: -1px;
}
.top-0 {
  top: 0px;
}
.bottom-1 {
  bottom: calc(var(--arcane-spacing) / 2);
}
.-left-arcane-switch-label {
  left: calc(40px * -1);
}
.-left-px {
  left: -1px;
}
.left-0 {
  left: 0px;
}
.left-arcane-switch-label {
  left: 40px;
}
.left-arcane-switch-off-left {
  left: 28px;
}
.z-arcane-slider-touching {
  z-index: 100;
}
.m-0 {
  margin: 0px;
}
.-mx-arcane-slider-input-hidden {
  margin-inline: calc(9px * -1);
}
.-mx-arcane-slider-value-hidden {
  margin-inline: calc(30px * -1);
}
.mx-0 {
  margin-inline: 0px;
}
.mx-0\.5 {
  margin-inline: calc(var(--arcane-spacing) / 4);
}
.mx-arcane-slider-pad {
  margin-inline: 7.5px;
}
.my-0 {
  margin-block: 0px;
}
.mr-px {
  margin-right: 1px;
}
.mb-2 {
  margin-bottom: calc(var(--arcane-spacing));
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.inline-block {
  display: inline-block;
}
.size-arcane-btn {
  width: 30px;
  height: 30px;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-0\.5 {
  height: calc(var(--arcane-spacing) / 4);
}
.h-arcane-btn {
  height: 30px;
}
.h-arcane-rect {
  height: 30px;
}
.h-arcane-slider-display {
  height: 4px;
}
.h-arcane-slider-gradient-display {
  height: 10px;
}
.h-arcane-switch-knob {
  height: 30px;
}
.h-arcane-tabs-item {
  height: calc(var(--arcane-spacing) * 3);
}
.h-arcane-timeline-bar {
  height: 10px;
}
.h-full {
  height: 100%;
}
.min-h-arcane-btn {
  min-height: 30px;
}
.\!w-arcane-slider-open {
  width: 400px !important;
}
.w-0 {
  width: 0px;
}
.w-3\/5 {
  width: calc(3/5 * 100%);
}
.w-arcane-slider-value {
  width: 60px;
}
.w-arcane-switch-label {
  width: 40px;
}
.w-arcane-switch-track {
  width: 70px;
}
.w-full {
  width: 100%;
}
.min-w-arcane-rect {
  min-width: 30px;
}
.min-w-arcane-slider-min {
  min-width: 100px;
}
.min-w-arcane-switch-track {
  min-width: 70px;
}
.grow {
  flex-grow: 1;
}
.cursor-pointer {
  cursor: pointer;
}
.flex-col {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.justify-center {
  justify-content: center;
}
.gap-0\.5 {
  gap: calc(var(--arcane-spacing) / 4);
}
.gap-2 {
  gap: calc(var(--arcane-spacing));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.rounded-arcane-btn {
  border-radius: 3px;
}
.rounded-arcane-touch-indicator {
  border-radius: 6px;
}
.rounded-md {
  border-radius: calc(var(--arcane-spacing) * 6 / 15);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-r-\[2px\] {
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-arcane-bg-light-1 {
  border-color: var(--arcane-bg-light-1);
}
.border-arcane-btn-border {
  border-color: var(--arcane-border-dark);
}
.border-arcane-btn-err {
  border-color: var(--arcane-color-red);
}
.border-arcane-hint {
  border-color: var(--arcane-hint);
}
.border-transparent {
  border-color: transparent;
}
.\!bg-arcane-bg-dark-1 {
  background-color: var(--arcane-bg-dark-1) !important;
}
.bg-arcane-bg {
  background-color: var(--arcane-bg);
}
.bg-arcane-bg-dark-1 {
  background-color: var(--arcane-bg-dark-1);
}
.bg-arcane-bg-light-1 {
  background-color: var(--arcane-bg-light-1);
}
.bg-arcane-btn-border {
  background-color: var(--arcane-border-dark);
}
.bg-arcane-hint {
  background-color: var(--arcane-hint);
}
.bg-arcane-hint-soft {
  background-color: rgba(var(--val-arcane-hint-rgb), 0.2);
}
.bg-transparent {
  background-color: transparent;
}
.\!bg-arcane-grad-btn-active {
  background-image: var(--arcane-gradient-button-active) !important;
}
.bg-arcane-grad-btn {
  background-image: var(--arcane-gradient-button);
}
.bg-arcane-grad-btn-active {
  background-image: var(--arcane-gradient-button-active);
}
.bg-arcane-grad-hint-pressed {
  background-image: var( --arcane-gradient-hint-pressed );
}
.bg-repeat {
  background-repeat: repeat;
}
.p-1 {
  padding: calc(var(--arcane-spacing) / 2);
}
.p-2 {
  padding: calc(var(--arcane-spacing));
}
.px-0\.5 {
  padding-inline: calc(var(--arcane-spacing) / 4);
}
.px-1 {
  padding-inline: calc(var(--arcane-spacing) / 2);
}
.px-arcane {
  padding-inline: var(--arcane-spacing);
}
.px-arcane-slider-input-px {
  padding-inline: 5px;
}
.px-arcane-slider-pad {
  padding-inline: 7.5px;
}
.py-0 {
  padding-block: 0px;
}
.py-0\.5 {
  padding-block: calc(var(--arcane-spacing) / 4);
}
.text-center {
  text-align: center;
}
.font-arcane-icon {
  font-family: 'Material Symbols Outlined', sans-serif;
}
.text-arcane-icon {
  font-size: 22px;
}
.text-arcane-normal {
  font-size: 1em;
}
.text-arcane-subtitle {
  font-size: 1em;
}
.text-arcane-timeline-indicator {
  font-size: 40px;
}
.text-arcane-title {
  font-size: 1.5em;
}
.leading-arcane-slider-value-hidden {
  --tw-leading: 30px;
  line-height: 30px;
}
.leading-arcane-switch-label {
  --tw-leading: 28px;
  line-height: 28px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.font-bold {
  --tw-font-weight: 700;
  font-weight: 700;
}
.font-normal {
  --tw-font-weight: 400;
  font-weight: 400;
}
.tracking-normal {
  --tw-tracking: 0em;
  letter-spacing: 0em;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-arcane-btn-err {
  color: var(--arcane-color-red);
}
.text-arcane-btn-text {
  color: var(--arcane-text-normal);
}
.text-arcane-hint {
  color: var(--arcane-hint);
}
.text-arcane-text {
  color: var(--arcane-text-normal);
}
.text-arcane-text-muted {
  color: var(--arcane-text-muted);
}
.opacity-0 {
  opacity: 0%;
}
.opacity-100 {
  opacity: 100%;
}
.\!shadow-arcane-btn-active {
  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0 1px 0 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-arcane-box-inset {
  --tw-shadow: var(--arcane-shadow-box-inset);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-arcane-btn {
  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15)), 0 1px 0 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-arcane-btn-active {
  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0 1px 0 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, ease);
  transition-duration: var(--tw-duration, 0s);
}
.\!duration-50 {
  --tw-duration: 50ms !important;
  transition-duration: 50ms !important;
}
.duration-0 {
  --tw-duration: 0ms;
  transition-duration: 0ms;
}
.duration-50 {
  --tw-duration: 50ms;
  transition-duration: 50ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.\!text-shadow-arcane-btn-active {
  text-shadow: var(--arcane-shadow-text-active) !important;
}
.text-shadow-arcane-btn {
  text-shadow: var(--arcane-shadow-text);
}
.text-shadow-arcane-btn-active {
  text-shadow: var(--arcane-shadow-text-active);
}
.group-hover\:text-arcane-hint {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--arcane-hint);
    }
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:-top-\[5px\] {
  &::before {
    content: var(--tw-content);
    top: calc(5px * -1);
  }
}
.before\:-right-\[3px\] {
  &::before {
    content: var(--tw-content);
    right: calc(3px * -1);
  }
}
.before\:-bottom-\[5px\] {
  &::before {
    content: var(--tw-content);
    bottom: calc(5px * -1);
  }
}
.before\:w-\[4px\] {
  &::before {
    content: var(--tw-content);
    width: 4px;
  }
}
.before\:bg-arcane-btn-border {
  &::before {
    content: var(--tw-content);
    background-color: var(--arcane-border-dark);
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:-top-\[4px\] {
  &::after {
    content: var(--tw-content);
    top: calc(4px * -1);
  }
}
.after\:-right-\[2px\] {
  &::after {
    content: var(--tw-content);
    right: calc(2px * -1);
  }
}
.after\:-bottom-\[4px\] {
  &::after {
    content: var(--tw-content);
    bottom: calc(4px * -1);
  }
}
.after\:w-\[2px\] {
  &::after {
    content: var(--tw-content);
    width: 2px;
  }
}
.after\:bg-arcane-btn-text {
  &::after {
    content: var(--tw-content);
    background-color: var(--arcane-text-normal);
  }
}
.hover\:bg-arcane-bg {
  &:hover {
    @media (hover: hover) {
      background-color: var(--arcane-bg);
    }
  }
}
.hover\:bg-arcane-bg-light-1 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--arcane-bg-light-1);
    }
  }
}
.hover\:bg-arcane-grad-btn-hover {
  &:hover {
    @media (hover: hover) {
      background-image: var(--arcane-gradient-button-hover);
    }
  }
}
.active\:bg-arcane-grad-btn-active {
  &:active {
    background-image: var(--arcane-gradient-button-active);
  }
}
.active\:shadow-arcane-btn-active {
  &:active {
    --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0 1px 0 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.active\:duration-50 {
  &:active {
    --tw-duration: 50ms;
    transition-duration: 50ms;
  }
}
.active\:text-shadow-arcane-btn-active {
  &:active {
    text-shadow: var(--arcane-shadow-text-active);
  }
}
:root, :host {
  --val-arcane-hint-rgb: var(--arcane-hint-rgb);
}
* {
  box-sizing: border-box;
}
body {
  background: var(--arcane-page-bg);
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-family: sans-serif;
}
body.touch-mode * {
  cursor: none !important;
}
.arcane-stage {
  width: 100%;
  height: 100%;
  background: var(--arcane-page-bg);
  color: var(--arcane-text-normal);
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
    }
  }
}
.arcane-theme-root {
  --arcane-page-bg: #f8f9fa;
  --arcane-color-green: #22863a;
  --arcane-color-red: #d73a49;
  --arcane-color-amber: #b08800;
  --arcane-bg-dark-1: #e9ecef;
  --arcane-bg: #ffffff;
  --arcane-bg-light-1: #f5f5f5;
  --arcane-border-dark: #c7c7c7;
  --arcane-border-light: #d7d7d7;
  --arcane-border-lighter: #eaecef;
  --arcane-border-lighterer: #f6f8fa;
  --arcane-hint: #4286f4;
  --arcane-hint-rgb: 0, 92, 197;
  --arcane-hint-dark-1: #2a77f3;
  --arcane-text-normal: #24292e;
  --arcane-text-active: #202020;
  --arcane-text-muted: #6a737d;
  --arcane-shadow-box-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  --arcane-shadow-text: 0 1px rgba(255, 255, 255, 0.7);
  --arcane-shadow-text-active: 0 1px rgba(255, 255, 255, 0.4);
  --arcane-gradient-button: linear-gradient(to bottom, #e1e4e8, #d1d5da);
  --arcane-gradient-button-hover: linear-gradient(to bottom, #d1d5da, #c1c6cc);
  --arcane-gradient-button-active: linear-gradient(to bottom, #b1b6bc, #d2d6da);
  --arcane-gradient-button-pressed-hover: linear-gradient(
    to bottom,
    #a1a6ac,
    #91969c
  );
  --arcane-gradient-hint-pressed: linear-gradient(to bottom, #438bff, #85b3ff);
  --arcane-spacing: 15px;
  --arcane-unit-height: 40px;
}
.arcane-theme-root.theme-dark {
  --arcane-page-bg: #333;
  --arcane-color-green: #98c379;
  --arcane-color-red: #e06c75;
  --arcane-color-amber: #d19a66;
  --arcane-bg-dark-1: #252524;
  --arcane-bg: #2a2a2b;
  --arcane-bg-light-1: #353638;
  --arcane-border-dark: #151516;
  --arcane-border-light: #1c1d1d;
  --arcane-border-lighter: #252524;
  --arcane-border-lighterer: #6b6b67;
  --arcane-hint: #4286f4;
  --arcane-hint-rgb: 66, 134, 244;
  --arcane-hint-dark-1: #2a77f3;
  --arcane-text-normal: #f3f3f5;
  --arcane-text-active: #ffffff;
  --arcane-text-muted: #777777;
  --arcane-shadow-box-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  --arcane-shadow-text: 0 -1px rgba(0, 0, 0, 0.7);
  --arcane-shadow-text-active: 0 -1px rgba(0, 0, 0, 0.4);
  --arcane-gradient-button: linear-gradient(to bottom, #4f5053, #343436);
  --arcane-gradient-button-hover: linear-gradient(to bottom, #5e6064, #393a3b);
  --arcane-gradient-button-active: linear-gradient(to bottom, #242525, #37383a);
  --arcane-gradient-button-pressed-hover: linear-gradient(
    to bottom,
    #282929,
    #414243
  );
  --arcane-gradient-hint-pressed: linear-gradient(to bottom, #2a77f3, #4286f4);
}
@media (prefers-color-scheme: dark) {
  .arcane-theme-root.theme-auto {
    --arcane-page-bg: #333;
    --arcane-color-green: #98c379;
    --arcane-color-red: #e06c75;
    --arcane-color-amber: #d19a66;
    --arcane-bg-dark-1: #252524;
    --arcane-bg: #2a2a2b;
    --arcane-bg-light-1: #353638;
    --arcane-border-dark: #151516;
    --arcane-border-light: #1c1d1d;
    --arcane-border-lighter: #252524;
    --arcane-border-lighterer: #6b6b67;
    --arcane-hint: #4286f4;
    --arcane-hint-rgb: 66, 134, 244;
    --arcane-hint-dark-1: #2a77f3;
    --arcane-text-normal: #f3f3f5;
    --arcane-text-active: #ffffff;
    --arcane-text-muted: #777777;
    --arcane-shadow-box-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    --arcane-shadow-text: 0 -1px rgba(0, 0, 0, 0.7);
    --arcane-shadow-text-active: 0 -1px rgba(0, 0, 0, 0.4);
    --arcane-gradient-button: linear-gradient(
      to bottom,
      #4f5053,
      #343436
    );
    --arcane-gradient-button-hover: linear-gradient(
      to bottom,
      #5e6064,
      #393a3b
    );
    --arcane-gradient-button-active: linear-gradient(
      to bottom,
      #242525,
      #37383a
    );
    --arcane-gradient-button-pressed-hover: linear-gradient(
      to bottom,
      #282929,
      #414243
    );
    --arcane-gradient-hint-pressed: linear-gradient(
      to bottom,
      #2a77f3,
      #4286f4
    );
  }
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-1 {
  inset: calc(var(--arcane-spacing) / 2);
}
.inset-y-0 {
  inset-block: 0px;
}
.left-0 {
  left: 0px;
}
.z-10 {
  z-index: 10;
}
.m-0 {
  margin: 0px;
}
.m-0\.25 {
  margin: calc(var(--arcane-spacing) / 8);
}
.control-grid-large {
  display: grid;
  grid-template-columns: [label-start] max-content [label-end input-1-start] max-content [input-1-end input-2-start] 1fr [input-2-end input-extra-start] max-content [input-extra-end];
  padding: var(--arcane-spacing);
  gap: var(--arcane-spacing);
  font-size: 0.8rem;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: calc(var(--arcane-spacing) / 2);
}
.h-\[20\%\] {
  height: 20%;
}
.h-dvh {
  height: 100dvh;
}
.h-full {
  height: 100%;
}
.max-h-\[420px\] {
  max-height: 420px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-timecode-min-height {
  min-height: var(--timecode-min-height);
}
.w-0 {
  width: 0px;
}
.w-full {
  width: 100%;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-pointer {
  cursor: pointer;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-start {
  align-items: flex-start;
}
.justify-center {
  justify-content: center;
}
.gap-0\.5 {
  gap: calc(var(--arcane-spacing) / 4);
}
.gap-0\.25 {
  gap: calc(var(--arcane-spacing) / 8);
}
.gap-1 {
  gap: calc(var(--arcane-spacing) / 2);
}
.gap-2 {
  gap: calc(var(--arcane-spacing));
}
.gap-px {
  gap: 1px;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.rounded-md {
  border-radius: calc(var(--arcane-spacing) * 6 / 15);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-4 {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-dotted {
  --tw-border-style: dotted;
  border-style: dotted;
}
.border-sigil-bg-light {
  border-color: var(--sigil-bg-light);
}
.border-sigil-border {
  border-color: var(--sigil-border);
}
.border-sigil-usage-blue-border {
  border-color: var(--sigil-usage-blue-border);
}
.border-sigil-usage-blue-selected-border {
  border-color: var(
    --sigil-usage-blue-selected-border
  );
}
.border-sigil-usage-orange-border {
  border-color: var(--sigil-usage-orange-border);
}
.border-timecode-usage-border {
  border-color: var(--timecode-usage-border);
}
.border-timecode-usage-foreground {
  border-color: var(--timecode-usage-foreground);
}
.bg-sigil-bg-dark {
  background-color: var(--sigil-bg-dark);
}
.bg-sigil-bg-light {
  background-color: var(--sigil-bg-light);
}
.bg-sigil-border {
  background-color: var(--sigil-border);
}
.bg-sigil-usage-blue-background {
  background-color: var(--sigil-usage-blue-background);
}
.bg-sigil-usage-blue-selected-background {
  background-color: var(
    --sigil-usage-blue-selected-background
  );
}
.bg-sigil-usage-orange-background {
  background-color: var(--sigil-usage-orange-background);
}
.bg-sigil-usage-red-background {
  background-color: var(--sigil-usage-red-background);
}
.bg-timecode-backdrop {
  background-color: oklch(
    from var(--timecode-usage-foreground) l c h / calc(alpha * 0.25)
  );
}
.bg-timecode-usage-foreground {
  background-color: var(--timecode-usage-foreground);
}
.p-0\.5 {
  padding: calc(var(--arcane-spacing) / 4);
}
.p-1 {
  padding: calc(var(--arcane-spacing) / 2);
}
.p-2 {
  padding: calc(var(--arcane-spacing));
}
.p-px {
  padding: 1px;
}
.px-1 {
  padding-inline: calc(var(--arcane-spacing) / 2);
}
.px-2 {
  padding-inline: calc(var(--arcane-spacing));
}
.py-0\.5 {
  padding-block: calc(var(--arcane-spacing) / 4);
}
.py-0\.25 {
  padding-block: calc(var(--arcane-spacing) / 8);
}
.pb-2 {
  padding-bottom: calc(var(--arcane-spacing));
}
.text-center {
  text-align: center;
}
.font-mono {
  font-family: var(--font-mono);
}
.text-\[80\%\] {
  font-size: 80%;
}
.text-\[120\%\] {
  font-size: 120%;
}
.text-arcane-normal {
  font-size: 1em;
}
.text-block-icon {
  font-size: max(
    2rem,
    min(calc(var(--size-aware-div-width) * 0.05), 5rem)
  );
}
.text-sigil-control {
  font-size: var(--sigil-control-font-size);
}
.text-timecode-adaptive {
  font-size: max(
    var(--timecode-min-height),
    min(
      calc(var(--size-aware-div-height) * 0.7),
      calc(var(--size-aware-div-width) * 0.13)
    )
  );
}
.font-bold {
  --tw-font-weight: 700;
  font-weight: 700;
}
.text-sigil-error-foreground {
  color: var(--sigil-error-foreground);
}
.text-sigil-foreground-muted {
  color: var(--sigil-foreground-muted);
}
.text-sigil-usage-blue-text {
  color: var(--sigil-usage-blue-text);
}
.text-sigil-usage-hint-foreground {
  color: var(--sigil-usage-hint-foreground);
}
.text-sigil-usage-orange-text {
  color: var(--sigil-usage-orange-text);
}
.text-sigil-usage-red-text {
  color: var(--sigil-usage-red-text);
}
.text-sigil-warning-foreground {
  color: var(--sigil-warning-foreground);
}
.text-timecode-usage-foreground {
  color: var(--timecode-usage-foreground);
}
.text-timecode-usage-foreground\! {
  color: var(--timecode-usage-foreground) !important;
}
.text-timecode-usage-text {
  color: var(--timecode-usage-text);
}
.italic {
  font-style: italic;
}
.no-underline {
  text-decoration-line: none;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-100 {
  opacity: 100%;
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.text-hint-gradient {
  background: linear-gradient( to bottom right, var(--sigil-usage-hint-gradient-light), var(--sigil-usage-hint-gradient-dark) );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.app-title-bar {
  app-region: drag;
}
.scrollbar-sigil {
  scrollbar-color: var(--sigil-bg-light) var(--sigil-border);
}
.writing-mode-vertical-rl {
  writing-mode: vertical-rl;
}
.group-hover\:bg-timecode-usage-selected-border {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--timecode-usage-selected-border);
    }
  }
}
.hover\:border-timecode-usage-selected-border {
  &:hover {
    @media (hover: hover) {
      border-color: var(--timecode-usage-selected-border);
    }
  }
}
.hover\:bg-sigil-usage-blue-selected-border {
  &:hover {
    @media (hover: hover) {
      background-color: var(
    --sigil-usage-blue-selected-border
  );
    }
  }
}
.hover\:bg-timecode-backdrop-hover {
  &:hover {
    @media (hover: hover) {
      background-color: oklch(
    from var(--timecode-usage-foreground) l c h / calc(alpha * 0.5)
  );
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.min-\[600px\]\:grid-cols-2 {
  @media (width >= 600px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.min-\[900px\]\:grid-cols-3 {
  @media (width >= 900px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
:root, :host {
  --val-arcane-hint-rgb: var(--arcane-hint-rgb);
  --font-mono: var(--font-mono);
}
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.z-sigil-select-content {
  z-index: 190;
}
.z-sigil-toolbar {
  z-index: 160;
}
.z-sigil-tooltip {
  z-index: 190;
}
.control-grid-pos-all {
  grid-column: input-1-start / input-extra-end;
  grid-row: auto / span 1;
}
.control-grid-pos-both {
  grid-column: input-1-start / input-2-end;
  grid-row: auto / span 1;
}
.control-grid-pos-extra {
  grid-column: input-extra-start / input-extra-end;
  grid-row: auto / span 1;
}
.control-grid-pos-first {
  grid-column: input-1-start / input-1-end;
  grid-row: auto / span 1;
}
.control-grid-pos-label {
  grid-column: label-start / label-end;
  grid-row: auto / span 1;
}
.control-grid-pos-row {
  grid-column: label-start / input-extra-end;
  grid-row: auto / span 1;
}
.control-grid-pos-second {
  grid-column: input-2-start / input-2-end;
  grid-row: auto / span 1;
}
.col-\[1\/span_1\] {
  grid-column: 1/span 1;
}
.col-\[2\/span_1\] {
  grid-column: 2/span 1;
}
.col-\[3\/span_1\] {
  grid-column: 3/span 1;
}
.m-0 {
  margin: 0px;
}
.mx-0 {
  margin-inline: 0px;
}
.mx-sigil-toolbar-gap {
  margin-inline: calc(var(--sigil-toolbar-spacing-px) / 2);
}
.-my-text-1 {
  margin-block: calc(1rem * -1);
}
.my-0\.6 {
  margin-block: calc(var(--arcane-spacing) / 3);
}
.mt-arcane {
  margin-top: var(--arcane-spacing);
}
.-mr-text-0\.5 {
  margin-right: calc(0.5rem * -1);
}
.-ml-text-0\.25 {
  margin-left: calc(0.25rem * -1);
}
.ml-2 {
  margin-left: calc(var(--arcane-spacing));
}
.sigil-control-button {
  background: none;
  border: none;
  border-top: 0 solid transparent;
  color: var(--sigil-control-button-fg);
  padding: calc(var(--arcane-spacing) / 6);
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: stretch;
  flex-basis: 0;
  & > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    border-radius: 2px;
    padding: calc(var(--arcane-spacing) / 6) calc(var(--arcane-spacing) / 3);
    overflow: hidden;
    white-space: nowrap;
    gap: calc(var(--arcane-spacing) / 3);
    background: var(--sigil-control-button-bg);
    border: 1px solid var(--sigil-control-button-border);
  }
  &:focus {
    > span {
      background: var(--sigil-control-button-bg-hover);
      color: var(--sigil-control-button-fg-hover);
      border-color: var(--sigil-control-button-border-hover);
    }
  }
  &:hover {
    border-color: var(--sigil-foreground-highlight);
    > span {
      background: var(--sigil-control-button-bg-hover);
      color: var(--sigil-control-button-fg-hover);
      border-color: var(--sigil-control-button-border-hover);
    }
  }
  &:disabled {
    cursor: not-allowed;
    opacity: 0.5;
    &:hover, &:focus {
      border-color: transparent;
      > span {
        background: none;
        color: inherit;
        border-color: transparent;
      }
    }
  }
}
.control-grid-large {
  display: grid;
  grid-template-columns: [label-start] max-content [label-end input-1-start] max-content [input-1-end input-2-start] 1fr [input-2-end input-extra-start] max-content [input-extra-end];
  padding: var(--arcane-spacing);
  gap: var(--arcane-spacing);
  font-size: 0.8rem;
}
.control-grid {
  display: grid;
  grid-template-columns: [label-start] max-content [label-end input-1-start] max-content [input-1-end input-2-start] 1fr [input-2-end input-extra-end];
  grid-gap: var(--sigil-control-gap);
  padding: var(--sigil-control-gap);
  font-size: var(--sigil-control-font-size);
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.table-row {
  display: table-row;
}
.h-sigil-toolbar-divider {
  height: 1.2rem;
}
.w-full {
  width: 100%;
}
.w-px {
  width: 1px;
}
.max-w-\[80vw\] {
  max-width: 80vw;
}
.min-w-\[5rem\] {
  min-width: 5rem;
}
.min-w-\[10vw\] {
  min-width: 10vw;
}
.flex-1 {
  flex: 1;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-0\.6 {
  gap: calc(var(--arcane-spacing) / 3);
}
.gap-1 {
  gap: calc(var(--arcane-spacing) / 2);
}
.gap-2 {
  gap: calc(var(--arcane-spacing));
}
.gap-sigil-control-gap {
  gap: var(--sigil-control-gap);
}
.gap-sigil-toolbar-gap {
  gap: calc(var(--sigil-toolbar-spacing-px) / 2);
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.sigil-control-button-variant-table-row {
  padding: 0;
  > span {
    border-radius: 0;
    padding: calc(var(--arcane-spacing) / 2) calc(var(--arcane-spacing) / 1.5);
  }
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-sigil-control {
  border-radius: 4px;
}
.sigil-control-button-variant-titlebar {
  > span {
    border-radius: 6px;
  }
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.sigil-control-button-variant-border {
  border-top-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.sigil-control-button-active {
  border-color: var(--sigil-usage-hint-foreground);
  > span {
    background: var(--sigil-control-button-bg-active);
    color: var(--sigil-control-button-fg-active);
    border-color: var(--sigil-control-button-border-active);
  }
  &:hover, &:focus {
    > span {
      color: var(--sigil-control-button-fg-active);
      background: var(--sigil-control-button-bg-hover);
    }
  }
}
.sigil-control-button-touching {
  border-color: var(--sigil-foreground-highlight);
  > span {
    background: var(--sigil-control-button-bg-hover);
    color: var(--sigil-control-button-fg-hover);
    border-color: var(--sigil-control-button-border-hover);
  }
}
.border-sigil-border {
  border-color: var(--sigil-border);
}
.border-sigil-usage-green-dimmed-border {
  border-color: var( --sigil-usage-green-dimmed-border );
}
.border-sigil-usage-red-dimmed-border {
  border-color: var(--sigil-usage-red-dimmed-border);
}
.border-sigil-usage-yellow-dimmed-border {
  border-color: var( --sigil-usage-yellow-dimmed-border );
}
.border-transparent {
  border-color: transparent;
}
.bg-sigil-bg-dark {
  background-color: var(--sigil-bg-dark);
}
.bg-sigil-bg-light {
  background-color: var(--sigil-bg-light);
}
.bg-sigil-border {
  background-color: var(--sigil-border);
}
.bg-sigil-usage-green-dimmed-background {
  background-color: var( --sigil-usage-green-dimmed-background );
}
.bg-sigil-usage-hint-background {
  background-color: var(--sigil-usage-hint-background);
}
.bg-sigil-usage-red-dimmed-background {
  background-color: var( --sigil-usage-red-dimmed-background );
}
.bg-sigil-usage-yellow-dimmed-background {
  background-color: var( --sigil-usage-yellow-dimmed-background );
}
.fill-sigil-usage-hint-background {
  fill: var(--sigil-usage-hint-background);
}
.sigil-control-button-variant-large {
  padding: 0;
  > span {
    padding: calc(var(--arcane-spacing) / 3) calc(var(--arcane-spacing) / 1.5);
  }
}
.sigil-control-button-variant-properties {
  padding: 0;
  > span {
    padding: calc(var(--arcane-spacing) / 2.5) calc(var(--arcane-spacing) / 1.5);
  }
}
.sigil-control-button-variant-toolbar {
  padding: 0 calc(var(--arcane-spacing) / 6);
  > span {
    padding: calc(var(--arcane-spacing) / 3) calc(var(--arcane-spacing) / 2);
  }
}
.p-0 {
  padding: 0px;
}
.p-0\.6 {
  padding: calc(var(--arcane-spacing) / 3);
}
.p-1 {
  padding: calc(var(--arcane-spacing) / 2);
}
.p-2 {
  padding: calc(var(--arcane-spacing));
}
.p-arcane {
  padding: var(--arcane-spacing);
}
.p-sigil-toolbar-gap {
  padding: calc(var(--sigil-toolbar-spacing-px) / 2);
}
.px-0\.3 {
  padding-inline: calc(var(--arcane-spacing) / 6);
}
.px-1 {
  padding-inline: calc(var(--arcane-spacing) / 2);
}
.px-1\.5 {
  padding-inline: calc(var(--arcane-spacing) / 2 * 3);
}
.px-arcane {
  padding-inline: var(--arcane-spacing);
}
.px-arcane-slider-input-hidden {
  padding-inline: 9px;
}
.px-sigil-toolbar-gap {
  padding-inline: calc(var(--sigil-toolbar-spacing-px) / 2);
}
.py-0\.5 {
  padding-block: calc(var(--arcane-spacing) / 4);
}
.py-0\.6 {
  padding-block: calc(var(--arcane-spacing) / 3);
}
.py-\[7px\] {
  padding-block: 7px;
}
.py-sigil-toolbar-padding {
  padding-block: var(--sigil-toolbar-spacing-px);
}
.text-center {
  text-align: center;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[1\.5rem\] {
  font-size: 1.5rem;
}
.text-\[120\%\] {
  font-size: 120%;
}
.text-\[150\%\] {
  font-size: 150%;
}
.text-arcane-normal {
  font-size: 1em;
}
.leading-\[1\.5\] {
  --tw-leading: 1.5;
  line-height: 1.5;
}
.font-bold {
  --tw-font-weight: 700;
  font-weight: 700;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-sigil-dialog-foreground {
  color: var(--arcane-text-normal);
}
.text-sigil-foreground {
  color: var(--sigil-foreground);
}
.text-sigil-foreground-muted {
  color: var(--sigil-foreground-muted);
}
.text-sigil-usage-blue-foreground {
  color: var(--sigil-usage-blue-foreground);
}
.text-sigil-usage-green-text {
  color: var(--sigil-usage-green-text);
}
.text-sigil-usage-hint-text {
  color: var(--sigil-usage-hint-text);
}
.text-sigil-usage-red-foreground {
  color: var(--sigil-usage-red-foreground);
}
.text-sigil-usage-red-text {
  color: var(--sigil-usage-red-text);
}
.text-sigil-usage-yellow-foreground {
  color: var(--sigil-usage-yellow-foreground);
}
.text-sigil-usage-yellow-text {
  color: var(--sigil-usage-yellow-text);
}
.opacity-50 {
  opacity: 50%;
}
.opacity-60 {
  opacity: 60%;
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sigil-box {
  --tw-shadow: var(--sigil-box-shadow);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.drop-shadow-sigil-tooltip-arrow {
  --tw-drop-shadow-size: drop-shadow(0px 2px 2px var(--tw-drop-shadow-color, rgba(0, 0, 0, 0.5)));
  --tw-drop-shadow: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.5));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.sigil-control-button-destructive {
  --sigil-control-button-bg: var(--sigil-usage-red-background);
  --sigil-control-button-bg-hover: var(--sigil-usage-red-border);
  --sigil-control-button-bg-active: var(--sigil-usage-red-border);
  --sigil-control-button-fg: var(--sigil-usage-red-text);
  --sigil-control-button-fg-hover: var(--sigil-usage-red-text);
  --sigil-control-button-fg-active: var(--sigil-usage-red-text);
  --sigil-control-button-border: transparent;
  --sigil-control-button-border-hover: transparent;
  --sigil-control-button-border-active: transparent;
}
.sigil-control-button-primary {
  --sigil-control-button-bg: var(--sigil-usage-hint-background);
  --sigil-control-button-bg-hover: var(--sigil-usage-hint-border);
  --sigil-control-button-bg-active: var(--sigil-usage-hint-border);
  --sigil-control-button-fg: var(--sigil-usage-hint-text);
  --sigil-control-button-fg-hover: var(--sigil-usage-hint-text);
  --sigil-control-button-fg-active: var(--sigil-usage-hint-text);
  --sigil-control-button-border: transparent;
  --sigil-control-button-border-hover: transparent;
  --sigil-control-button-border-active: transparent;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.backdrop-sigil-dialog {
  &::backdrop {
    background: rgb(0 0 0 / 50%);
  }
}
.scrollbar-sigil {
  scrollbar-color: var(--sigil-bg-light) var(--sigil-border);
}
.sigil-control-button-active-touching {
  > span {
    background: var(--sigil-control-button-bg-hover);
  }
}
.focus\:border-2 {
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
}
.focus\:border-sigil-usage-hint-foreground {
  &:focus {
    border-color: var(--sigil-usage-hint-foreground);
  }
}
.focus\:bg-sigil-bg-dark-1 {
  &:focus {
    background-color: var(--sigil-bg-dark-1);
  }
}
.focus\:px-\[7px\] {
  &:focus {
    padding-inline: 7px;
  }
}
.focus\:py-arcane-slider-input-px {
  &:focus {
    padding-block: 5px;
  }
}
.focus\:text-sigil-usage-hint-foreground {
  &:focus {
    color: var(--sigil-usage-hint-foreground);
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.disabled\:opacity-50 {
  &:disabled {
    opacity: 50%;
  }
}
.data-highlighted\:bg-sigil-border {
  &[data-highlighted] {
    background-color: var(--sigil-border);
  }
}
.data-highlighted\:text-sigil-foreground-highlight {
  &[data-highlighted] {
    color: var(--sigil-foreground-highlight);
  }
}
.data-\[state\=\'checked\'\]\:text-sigil-usage-hint-foreground {
  &[data-state='checked'] {
    color: var(--sigil-usage-hint-foreground);
  }
}
.max-\[550px\]\:hidden {
  @media (width < 550px) {
    display: none;
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:opacity-20 {
  &::-webkit-inner-spin-button {
    opacity: 20%;
  }
}
.focus\:\[\&\:\:-webkit-inner-spin-button\]\:opacity-50 {
  &:focus {
    &::-webkit-inner-spin-button {
      opacity: 50%;
    }
  }
}
.\[\&\:\:-webkit-outer-spin-button\]\:opacity-20 {
  &::-webkit-outer-spin-button {
    opacity: 20%;
  }
}
.focus\:\[\&\:\:-webkit-outer-spin-button\]\:opacity-50 {
  &:focus {
    &::-webkit-outer-spin-button {
      opacity: 50%;
    }
  }
}
.\[\&\>button\]\:grow {
  &>button {
    flex-grow: 1;
  }
}
:root {
  --sigil-control-gap: 1px;
  --sigil-control-font-size: 0.7rem;
}
.arcane-theme-root {
  --sigil-control-button-bg: transparent;
  --sigil-control-button-bg-hover: var(--sigil-border);
  --sigil-control-button-bg-active: var(--sigil-bg-light);
  --sigil-control-button-fg: var(--sigil-foreground);
  --sigil-control-button-fg-hover: var(--sigil-foreground-highlight);
  --sigil-control-button-fg-active: var(--sigil-usage-hint-foreground);
  --sigil-control-button-border: transparent;
  --sigil-control-button-border-hover: var(--sigil-border);
  --sigil-control-button-border-active: var(--sigil-bg-light);
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
:root {
  --sigil-palette-purple-hue: 258;
  --sigil-palette-purple-c900: #311b92;
  --sigil-palette-purple-normal: #512da8;
  --sigil-palette-purple-c600: #5e35b1;
  --sigil-palette-purple-c500: #673ab7;
  --sigil-palette-purple-light: #7e57c2;
  --sigil-palette-purple-c300: #9575cd;
  --sigil-palette-purple-extra-light: #b39ddb;
  --sigil-palette-purple-text-override: rgba(255, 255, 255, 0.8);
  --sigil-palette-purple-foreground-dark-override: #673ab7;
  --sigil-palette-blue-hue: 210;
  --sigil-palette-blue-c900: #0d47a1;
  --sigil-palette-blue-normal: #1976d2;
  --sigil-palette-blue-c600: #1e88e5;
  --sigil-palette-blue-c500: #2196f3;
  --sigil-palette-blue-light: #42a5f5;
  --sigil-palette-blue-c300: #64b5f6;
  --sigil-palette-blue-extra-light: #90caf9;
  --sigil-palette-teal-hue: 173;
  --sigil-palette-teal-c900: #004d40;
  --sigil-palette-teal-normal: #00796b;
  --sigil-palette-teal-c600: #00897b;
  --sigil-palette-teal-c500: #009688;
  --sigil-palette-teal-light: #26a69a;
  --sigil-palette-teal-c300: #4db6ac;
  --sigil-palette-teal-extra-light: #80cbc4;
  --sigil-palette-red-hue: 359;
  --sigil-palette-red-c900: #b71c1c;
  --sigil-palette-red-normal: #d32f2f;
  --sigil-palette-red-c600: #e53935;
  --sigil-palette-red-c500: #f44336;
  --sigil-palette-red-light: #e67575;
  --sigil-palette-red-c300: #e67575;
  --sigil-palette-red-extra-light: #ef9a9a;
  --sigil-palette-yellow-hue: 44;
  --sigil-palette-yellow-c900: #f57f17;
  --sigil-palette-yellow-normal: #fbc02d;
  --sigil-palette-yellow-c600: #fdd835;
  --sigil-palette-yellow-c500: #ffeb3b;
  --sigil-palette-yellow-light: #ffee58;
  --sigil-palette-yellow-c300: #fff176;
  --sigil-palette-yellow-extra-light: #fff59d;
  --sigil-palette-yellow-text-override: rgba(0, 0, 0, 0.8);
  --sigil-palette-yellow-foreground-light-override: #f9a825;
  --sigil-palette-orange-hue: 24;
  --sigil-palette-orange-c900: #e65100;
  --sigil-palette-orange-normal: #f57c00;
  --sigil-palette-orange-c600: #f57c00;
  --sigil-palette-orange-c500: #ff9800;
  --sigil-palette-orange-light: #ffa726;
  --sigil-palette-orange-c300: #ffb74d;
  --sigil-palette-orange-extra-light: #ffcc80;
  --sigil-palette-orange-text-override: rgba(0, 0, 0, 0.8);
  --sigil-palette-brown-hue: 20;
  --sigil-palette-brown-c900: #3e2723;
  --sigil-palette-brown-normal: #5d4037;
  --sigil-palette-brown-c600: #6d4c41;
  --sigil-palette-brown-c500: #795548;
  --sigil-palette-brown-light: #a1887f;
  --sigil-palette-brown-c300: #bcaaa4;
  --sigil-palette-brown-extra-light: #d7ccc8;
  --sigil-palette-brown-foreground-dark-override: #795548;
  --sigil-palette-green-hue: 123;
  --sigil-palette-green-c900: #1b5e20;
  --sigil-palette-green-normal: #388e3c;
  --sigil-palette-green-c600: #43a047;
  --sigil-palette-green-c500: #4caf50;
  --sigil-palette-green-light: #66bb6a;
  --sigil-palette-green-c300: #81c784;
  --sigil-palette-green-extra-light: #a5d6a7;
  --sigil-palette-gray-hue: 0;
  --sigil-palette-gray-c900: #212121;
  --sigil-palette-gray-normal: #616161;
  --sigil-palette-gray-c600: #757575;
  --sigil-palette-gray-c500: #9e9e9e;
  --sigil-palette-gray-light: #bdbdbd;
  --sigil-palette-gray-c300: #e0e0e0;
  --sigil-palette-gray-extra-light: #eeeeee;
  --sigil-palette-unknown-hue: var(--sigil-palette-gray-hue);
  --sigil-palette-unknown-c900: var(--sigil-palette-gray-c900);
  --sigil-palette-unknown-normal: var(--sigil-palette-gray-normal);
  --sigil-palette-unknown-c600: var(--sigil-palette-gray-c600);
  --sigil-palette-unknown-c500: var(--sigil-palette-gray-c500);
  --sigil-palette-unknown-light: var(--sigil-palette-gray-light);
  --sigil-palette-unknown-c300: var(--sigil-palette-gray-c300);
  --sigil-palette-unknown-extra-light: var(--sigil-palette-gray-extra-light);
}
.arcane-theme-root {
  --sigil-bg-dark-1: #e9ecef;
  --sigil-toolbar-spacing-px: 7.5px;
  --sigil-bg-light-2: #e0e0e0;
  --sigil-bg-dark: #f8f8f8;
  --sigil-bg-light: #ffffff;
  --sigil-bg-button-hover: #e5e5e5;
  --sigil-border: #e5e5e5;
  --sigil-border-lighterer: #f6f8fa;
  --sigil-foreground: #616161;
  --sigil-foreground-highlight: #1f1f1f;
  --sigil-foreground-muted: #a0a0a0;
  --sigil-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 9px;
  --sigil-shadow-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
  --sigil-text-shadow: 0 1px rgba(255, 255, 255, 0.7);
  --sigil-colored-bg-text: rgba(0, 0, 0, 0.6);
  --sigil-hint-foreground: #ffffff;
  --sigil-success-foreground: #388e3c;
  --sigil-error-foreground: #d32f2f;
  --sigil-warning-foreground: #f57c00;
  --sigil-ghost-bg: rgba(0, 0, 0, 0.3);
  --sigil-ghost-border: rgba(0, 0, 0, 0.5);
  --sigil-color-red: #d73a49;
  --sigil-color-amber: #b08800;
  --sigil-usage-hint-text: var(
    --sigil-palette-blue-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-hint-foreground: var(
    --sigil-palette-blue-foreground-light-override,
    var(--sigil-palette-blue-c500)
  );
  --sigil-usage-hint-background: var(--sigil-palette-blue-light);
  --sigil-usage-hint-border: var(--sigil-palette-blue-normal);
  --sigil-usage-hint-drag-border: var(--sigil-palette-blue-c900);
  --sigil-usage-hint-selected-background: var(--sigil-palette-blue-normal);
  --sigil-usage-hint-selected-border: var(--sigil-palette-blue-c900);
  --sigil-usage-hint-selected-text: var(
    --sigil-palette-blue-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-hint-dimmed-background: var(--sigil-palette-blue-extra-light);
  --sigil-usage-hint-dimmed-border: var(--sigil-palette-blue-light);
  --sigil-usage-hint-gradient-light: var(--sigil-palette-blue-light);
  --sigil-usage-hint-gradient-dark: var(--sigil-palette-blue-normal);
  --sigil-usage-purple-text: var(
    --sigil-palette-purple-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-purple-foreground: var(
    --sigil-palette-purple-foreground-light-override,
    var(--sigil-palette-purple-c500)
  );
  --sigil-usage-purple-background: var(--sigil-palette-purple-light);
  --sigil-usage-purple-border: var(--sigil-palette-purple-normal);
  --sigil-usage-purple-drag-border: var(--sigil-palette-purple-c900);
  --sigil-usage-purple-selected-background: var(--sigil-palette-purple-normal);
  --sigil-usage-purple-selected-border: var(--sigil-palette-purple-c900);
  --sigil-usage-purple-selected-text: var(
    --sigil-palette-purple-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-purple-dimmed-background: var(
    --sigil-palette-purple-extra-light
  );
  --sigil-usage-purple-dimmed-border: var(--sigil-palette-purple-light);
  --sigil-usage-purple-gradient-light: #ff1ff4;
  --sigil-usage-purple-gradient-dark: #6d1fff;
  --sigil-usage-blue-text: var(
    --sigil-palette-blue-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-blue-foreground: var(
    --sigil-palette-blue-foreground-light-override,
    var(--sigil-palette-blue-c500)
  );
  --sigil-usage-blue-background: var(--sigil-palette-blue-light);
  --sigil-usage-blue-border: var(--sigil-palette-blue-normal);
  --sigil-usage-blue-drag-border: var(--sigil-palette-blue-c900);
  --sigil-usage-blue-selected-background: var(--sigil-palette-blue-normal);
  --sigil-usage-blue-selected-border: var(--sigil-palette-blue-c900);
  --sigil-usage-blue-selected-text: var(
    --sigil-palette-blue-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-blue-dimmed-background: var(--sigil-palette-blue-extra-light);
  --sigil-usage-blue-dimmed-border: var(--sigil-palette-blue-light);
  --sigil-usage-blue-gradient-light: var(--sigil-palette-blue-light);
  --sigil-usage-blue-gradient-dark: var(--sigil-palette-blue-normal);
  --sigil-usage-teal-text: var(
    --sigil-palette-teal-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-teal-foreground: var(
    --sigil-palette-teal-foreground-light-override,
    var(--sigil-palette-teal-c500)
  );
  --sigil-usage-teal-background: var(--sigil-palette-teal-light);
  --sigil-usage-teal-border: var(--sigil-palette-teal-normal);
  --sigil-usage-teal-drag-border: var(--sigil-palette-teal-c900);
  --sigil-usage-teal-selected-background: var(--sigil-palette-teal-normal);
  --sigil-usage-teal-selected-border: var(--sigil-palette-teal-c900);
  --sigil-usage-teal-selected-text: var(
    --sigil-palette-teal-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-teal-dimmed-background: var(--sigil-palette-teal-extra-light);
  --sigil-usage-teal-dimmed-border: var(--sigil-palette-teal-light);
  --sigil-usage-teal-gradient-light: var(--sigil-palette-teal-light);
  --sigil-usage-teal-gradient-dark: var(--sigil-palette-teal-normal);
  --sigil-usage-green-text: var(
    --sigil-palette-green-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-green-foreground: var(
    --sigil-palette-green-foreground-light-override,
    var(--sigil-palette-green-c500)
  );
  --sigil-usage-green-background: var(--sigil-palette-green-light);
  --sigil-usage-green-border: var(--sigil-palette-green-normal);
  --sigil-usage-green-drag-border: var(--sigil-palette-green-c900);
  --sigil-usage-green-selected-background: var(--sigil-palette-green-normal);
  --sigil-usage-green-selected-border: var(--sigil-palette-green-c900);
  --sigil-usage-green-selected-text: var(
    --sigil-palette-green-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-green-dimmed-background: var(--sigil-palette-green-extra-light);
  --sigil-usage-green-dimmed-border: var(--sigil-palette-green-light);
  --sigil-usage-green-gradient-light: var(--sigil-palette-green-light);
  --sigil-usage-green-gradient-dark: var(--sigil-palette-green-normal);
  --sigil-usage-yellow-text: var(
    --sigil-palette-yellow-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-yellow-foreground: var(
    --sigil-palette-yellow-foreground-light-override,
    var(--sigil-palette-yellow-c500)
  );
  --sigil-usage-yellow-background: var(--sigil-palette-yellow-light);
  --sigil-usage-yellow-border: var(--sigil-palette-yellow-normal);
  --sigil-usage-yellow-drag-border: var(--sigil-palette-yellow-c900);
  --sigil-usage-yellow-selected-background: var(--sigil-palette-yellow-normal);
  --sigil-usage-yellow-selected-border: var(--sigil-palette-yellow-c900);
  --sigil-usage-yellow-selected-text: var(
    --sigil-palette-yellow-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-yellow-dimmed-background: var(
    --sigil-palette-yellow-extra-light
  );
  --sigil-usage-yellow-dimmed-border: var(--sigil-palette-yellow-light);
  --sigil-usage-yellow-gradient-light: var(--sigil-palette-yellow-light);
  --sigil-usage-yellow-gradient-dark: var(--sigil-palette-yellow-normal);
  --sigil-usage-orange-text: var(
    --sigil-palette-orange-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-orange-foreground: var(
    --sigil-palette-orange-foreground-light-override,
    var(--sigil-palette-orange-c500)
  );
  --sigil-usage-orange-background: var(--sigil-palette-orange-light);
  --sigil-usage-orange-border: var(--sigil-palette-orange-normal);
  --sigil-usage-orange-drag-border: var(--sigil-palette-orange-c900);
  --sigil-usage-orange-selected-background: var(--sigil-palette-orange-normal);
  --sigil-usage-orange-selected-border: var(--sigil-palette-orange-c900);
  --sigil-usage-orange-selected-text: var(
    --sigil-palette-orange-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-orange-dimmed-background: var(
    --sigil-palette-orange-extra-light
  );
  --sigil-usage-orange-dimmed-border: var(--sigil-palette-orange-light);
  --sigil-usage-orange-gradient-light: #ffc029;
  --sigil-usage-orange-gradient-dark: #cc3900;
  --sigil-usage-brown-text: var(
    --sigil-palette-brown-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-brown-foreground: var(
    --sigil-palette-brown-foreground-light-override,
    var(--sigil-palette-brown-c500)
  );
  --sigil-usage-brown-background: var(--sigil-palette-brown-light);
  --sigil-usage-brown-border: var(--sigil-palette-brown-normal);
  --sigil-usage-brown-drag-border: var(--sigil-palette-brown-c900);
  --sigil-usage-brown-selected-background: var(--sigil-palette-brown-normal);
  --sigil-usage-brown-selected-border: var(--sigil-palette-brown-c900);
  --sigil-usage-brown-selected-text: var(
    --sigil-palette-brown-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-brown-dimmed-background: var(--sigil-palette-brown-extra-light);
  --sigil-usage-brown-dimmed-border: var(--sigil-palette-brown-light);
  --sigil-usage-brown-gradient-light: var(--sigil-palette-brown-light);
  --sigil-usage-brown-gradient-dark: var(--sigil-palette-brown-normal);
  --sigil-usage-red-text: var(
    --sigil-palette-red-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-red-foreground: var(
    --sigil-palette-red-foreground-light-override,
    var(--sigil-palette-red-c500)
  );
  --sigil-usage-red-background: var(--sigil-palette-red-light);
  --sigil-usage-red-border: var(--sigil-palette-red-normal);
  --sigil-usage-red-drag-border: var(--sigil-palette-red-c900);
  --sigil-usage-red-selected-background: var(--sigil-palette-red-normal);
  --sigil-usage-red-selected-border: var(--sigil-palette-red-c900);
  --sigil-usage-red-selected-text: var(
    --sigil-palette-red-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-red-dimmed-background: var(--sigil-palette-red-extra-light);
  --sigil-usage-red-dimmed-border: var(--sigil-palette-red-light);
  --sigil-usage-red-gradient-light: var(--sigil-palette-red-light);
  --sigil-usage-red-gradient-dark: var(--sigil-palette-red-normal);
  --sigil-usage-gray-text: var(
    --sigil-palette-gray-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-gray-foreground: var(
    --sigil-palette-gray-foreground-light-override,
    var(--sigil-palette-gray-c500)
  );
  --sigil-usage-gray-background: var(--sigil-palette-gray-light);
  --sigil-usage-gray-border: var(--sigil-palette-gray-normal);
  --sigil-usage-gray-drag-border: var(--sigil-palette-gray-c900);
  --sigil-usage-gray-selected-background: var(--sigil-palette-gray-normal);
  --sigil-usage-gray-selected-border: var(--sigil-palette-gray-c900);
  --sigil-usage-gray-selected-text: var(
    --sigil-palette-gray-text-override,
    rgba(255, 255, 255, 0.8)
  );
  --sigil-usage-gray-dimmed-background: var(--sigil-palette-gray-extra-light);
  --sigil-usage-gray-dimmed-border: var(--sigil-palette-gray-light);
  --sigil-usage-gray-gradient-light: var(--sigil-palette-gray-light);
  --sigil-usage-gray-gradient-dark: var(--sigil-palette-gray-normal);
  --sigil-usage-unknown-text: var(--sigil-usage-gray-text);
  --sigil-usage-unknown-foreground: var(--sigil-usage-gray-foreground);
  --sigil-usage-unknown-background: var(--sigil-usage-gray-background);
  --sigil-usage-unknown-border: var(--sigil-usage-gray-border);
  --sigil-usage-unknown-drag-border: var(--sigil-usage-gray-drag-border);
  --sigil-usage-unknown-selected-background: var(
    --sigil-usage-gray-selected-background
  );
  --sigil-usage-unknown-selected-border: var(
    --sigil-usage-gray-selected-border
  );
  --sigil-usage-unknown-selected-text: var(--sigil-usage-gray-selected-text);
  --sigil-usage-unknown-dimmed-background: var(
    --sigil-usage-gray-dimmed-background
  );
  --sigil-usage-unknown-dimmed-border: var(--sigil-usage-gray-dimmed-border);
  --sigil-usage-unknown-gradient-light: var(--sigil-palette-gray-light);
  --sigil-usage-unknown-gradient-dark: var(--sigil-palette-gray-normal);
}
.arcane-theme-root.theme-dark {
  --sigil-bg-dark-1: #252524;
  --sigil-bg-light-2: #3b3d3f;
  --sigil-bg-dark: #181818;
  --sigil-bg-light: #1f1f1f;
  --sigil-bg-button-hover: #1f1f1f;
  --sigil-border: #2b2b2b;
  --sigil-border-lighterer: #6b6b67;
  --sigil-foreground: #868686;
  --sigil-foreground-highlight: #d7d7d7;
  --sigil-foreground-muted: #616161;
  --sigil-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 9px;
  --sigil-shadow-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  --sigil-text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
  --sigil-colored-bg-text: rgba(255, 255, 255, 0.8);
  --sigil-success-foreground: #81c784;
  --sigil-error-foreground: #e67575;
  --sigil-warning-foreground: #ffb74d;
  --sigil-ghost-bg: rgba(255, 255, 255, 0.5);
  --sigil-ghost-border: #ffffff;
  --sigil-color-red: #e06c75;
  --sigil-color-amber: #d19a66;
  --sigil-usage-hint-text: var(
    --sigil-palette-blue-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-hint-foreground: var(
    --sigil-palette-blue-foreground-dark-override,
    var(--sigil-palette-blue-normal)
  );
  --sigil-usage-hint-background: var(--sigil-palette-blue-normal);
  --sigil-usage-hint-border: var(--sigil-palette-blue-light);
  --sigil-usage-hint-drag-border: var(--sigil-palette-blue-extra-light);
  --sigil-usage-hint-selected-background: var(--sigil-palette-blue-light);
  --sigil-usage-hint-selected-border: var(--sigil-palette-blue-extra-light);
  --sigil-usage-hint-selected-text: var(
    --sigil-palette-blue-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-hint-dimmed-background: var(--sigil-palette-blue-c900);
  --sigil-usage-hint-dimmed-border: var(--sigil-palette-blue-normal);
  --sigil-usage-purple-text: var(
    --sigil-palette-purple-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-purple-foreground: var(
    --sigil-palette-purple-foreground-dark-override,
    var(--sigil-palette-purple-normal)
  );
  --sigil-usage-purple-background: var(--sigil-palette-purple-normal);
  --sigil-usage-purple-border: var(--sigil-palette-purple-light);
  --sigil-usage-purple-drag-border: var(--sigil-palette-purple-extra-light);
  --sigil-usage-purple-selected-background: var(--sigil-palette-purple-light);
  --sigil-usage-purple-selected-border: var(--sigil-palette-purple-extra-light);
  --sigil-usage-purple-selected-text: var(
    --sigil-palette-purple-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-purple-dimmed-background: var(--sigil-palette-purple-c900);
  --sigil-usage-purple-dimmed-border: var(--sigil-palette-purple-normal);
  --sigil-usage-blue-text: var(
    --sigil-palette-blue-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-blue-foreground: var(
    --sigil-palette-blue-foreground-dark-override,
    var(--sigil-palette-blue-normal)
  );
  --sigil-usage-blue-background: var(--sigil-palette-blue-normal);
  --sigil-usage-blue-border: var(--sigil-palette-blue-light);
  --sigil-usage-blue-drag-border: var(--sigil-palette-blue-extra-light);
  --sigil-usage-blue-selected-background: var(--sigil-palette-blue-light);
  --sigil-usage-blue-selected-border: var(--sigil-palette-blue-extra-light);
  --sigil-usage-blue-selected-text: var(
    --sigil-palette-blue-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-blue-dimmed-background: var(--sigil-palette-blue-c900);
  --sigil-usage-blue-dimmed-border: var(--sigil-palette-blue-normal);
  --sigil-usage-teal-text: var(
    --sigil-palette-teal-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-teal-foreground: var(
    --sigil-palette-teal-foreground-dark-override,
    var(--sigil-palette-teal-normal)
  );
  --sigil-usage-teal-background: var(--sigil-palette-teal-normal);
  --sigil-usage-teal-border: var(--sigil-palette-teal-light);
  --sigil-usage-teal-drag-border: var(--sigil-palette-teal-extra-light);
  --sigil-usage-teal-selected-background: var(--sigil-palette-teal-light);
  --sigil-usage-teal-selected-border: var(--sigil-palette-teal-extra-light);
  --sigil-usage-teal-selected-text: var(
    --sigil-palette-teal-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-teal-dimmed-background: var(--sigil-palette-teal-c900);
  --sigil-usage-teal-dimmed-border: var(--sigil-palette-teal-normal);
  --sigil-usage-green-text: var(
    --sigil-palette-green-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-green-foreground: var(
    --sigil-palette-green-foreground-dark-override,
    var(--sigil-palette-green-normal)
  );
  --sigil-usage-green-background: var(--sigil-palette-green-normal);
  --sigil-usage-green-border: var(--sigil-palette-green-light);
  --sigil-usage-green-drag-border: var(--sigil-palette-green-extra-light);
  --sigil-usage-green-selected-background: var(--sigil-palette-green-light);
  --sigil-usage-green-selected-border: var(--sigil-palette-green-extra-light);
  --sigil-usage-green-selected-text: var(
    --sigil-palette-green-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-green-dimmed-background: var(--sigil-palette-green-c900);
  --sigil-usage-green-dimmed-border: var(--sigil-palette-green-normal);
  --sigil-usage-yellow-text: var(
    --sigil-palette-yellow-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-yellow-foreground: var(
    --sigil-palette-yellow-foreground-dark-override,
    var(--sigil-palette-yellow-normal)
  );
  --sigil-usage-yellow-background: var(--sigil-palette-yellow-normal);
  --sigil-usage-yellow-border: var(--sigil-palette-yellow-light);
  --sigil-usage-yellow-drag-border: var(--sigil-palette-yellow-extra-light);
  --sigil-usage-yellow-selected-background: var(--sigil-palette-yellow-light);
  --sigil-usage-yellow-selected-border: var(--sigil-palette-yellow-extra-light);
  --sigil-usage-yellow-selected-text: var(
    --sigil-palette-yellow-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-yellow-dimmed-background: var(--sigil-palette-yellow-c900);
  --sigil-usage-yellow-dimmed-border: var(--sigil-palette-yellow-normal);
  --sigil-usage-yellow-gradient-light: var(--sigil-palette-yellow-normal);
  --sigil-usage-yellow-gradient-dark: var(--sigil-palette-orange-normal);
  --sigil-usage-orange-text: var(
    --sigil-palette-orange-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-orange-foreground: var(
    --sigil-palette-orange-foreground-dark-override,
    var(--sigil-palette-orange-normal)
  );
  --sigil-usage-orange-background: var(--sigil-palette-orange-normal);
  --sigil-usage-orange-border: var(--sigil-palette-orange-light);
  --sigil-usage-orange-drag-border: var(--sigil-palette-orange-extra-light);
  --sigil-usage-orange-selected-background: var(--sigil-palette-orange-light);
  --sigil-usage-orange-selected-border: var(--sigil-palette-orange-extra-light);
  --sigil-usage-orange-selected-text: var(
    --sigil-palette-orange-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-orange-dimmed-background: var(--sigil-palette-orange-c900);
  --sigil-usage-orange-dimmed-border: var(--sigil-palette-orange-normal);
  --sigil-usage-brown-text: var(
    --sigil-palette-brown-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-brown-foreground: var(
    --sigil-palette-brown-foreground-dark-override,
    var(--sigil-palette-brown-normal)
  );
  --sigil-usage-brown-background: var(--sigil-palette-brown-normal);
  --sigil-usage-brown-border: var(--sigil-palette-brown-light);
  --sigil-usage-brown-drag-border: var(--sigil-palette-brown-extra-light);
  --sigil-usage-brown-selected-background: var(--sigil-palette-brown-light);
  --sigil-usage-brown-selected-border: var(--sigil-palette-brown-extra-light);
  --sigil-usage-brown-selected-text: var(
    --sigil-palette-brown-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-brown-dimmed-background: var(--sigil-palette-brown-c900);
  --sigil-usage-brown-dimmed-border: var(--sigil-palette-brown-normal);
  --sigil-usage-red-text: var(
    --sigil-palette-red-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-red-foreground: var(
    --sigil-palette-red-foreground-dark-override,
    var(--sigil-palette-red-normal)
  );
  --sigil-usage-red-background: var(--sigil-palette-red-normal);
  --sigil-usage-red-border: var(--sigil-palette-red-light);
  --sigil-usage-red-drag-border: var(--sigil-palette-red-extra-light);
  --sigil-usage-red-selected-background: var(--sigil-palette-red-light);
  --sigil-usage-red-selected-border: var(--sigil-palette-red-extra-light);
  --sigil-usage-red-selected-text: var(
    --sigil-palette-red-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-red-dimmed-background: var(--sigil-palette-red-c900);
  --sigil-usage-red-dimmed-border: var(--sigil-palette-red-normal);
  --sigil-usage-gray-text: var(
    --sigil-palette-gray-text-override,
    var(--sigil-colored-bg-text)
  );
  --sigil-usage-gray-foreground: var(
    --sigil-palette-gray-foreground-dark-override,
    var(--sigil-palette-gray-normal)
  );
  --sigil-usage-gray-background: var(--sigil-palette-gray-normal);
  --sigil-usage-gray-border: var(--sigil-palette-gray-light);
  --sigil-usage-gray-drag-border: var(--sigil-palette-gray-extra-light);
  --sigil-usage-gray-selected-background: var(--sigil-palette-gray-light);
  --sigil-usage-gray-selected-border: var(--sigil-palette-gray-extra-light);
  --sigil-usage-gray-selected-text: var(
    --sigil-palette-gray-text-override,
    rgba(0, 0, 0, 0.6)
  );
  --sigil-usage-gray-dimmed-background: var(--sigil-palette-gray-c900);
  --sigil-usage-gray-dimmed-border: var(--sigil-palette-gray-normal);
  --sigil-usage-unknown-text: var(--sigil-usage-gray-text);
  --sigil-usage-unknown-foreground: var(--sigil-usage-gray-foreground);
  --sigil-usage-unknown-background: var(--sigil-usage-gray-background);
  --sigil-usage-unknown-border: var(--sigil-usage-gray-border);
  --sigil-usage-unknown-drag-border: var(--sigil-usage-gray-drag-border);
  --sigil-usage-unknown-selected-background: var(
    --sigil-usage-gray-selected-background
  );
  --sigil-usage-unknown-selected-border: var(
    --sigil-usage-gray-selected-border
  );
  --sigil-usage-unknown-selected-text: var(--sigil-usage-gray-selected-text);
  --sigil-usage-unknown-dimmed-background: var(
    --sigil-usage-gray-dimmed-background
  );
  --sigil-usage-unknown-dimmed-border: var(--sigil-usage-gray-dimmed-border);
}
@media (prefers-color-scheme: dark) {
  .arcane-theme-root.theme-auto {
    --sigil-bg-dark-1: #252524;
    --sigil-bg-light-2: #3b3d3f;
    --sigil-bg-dark: #181818;
    --sigil-bg-light: #1f1f1f;
    --sigil-bg-button-hover: #1f1f1f;
    --sigil-border: #2b2b2b;
    --sigil-border-lighterer: #6b6b67;
    --sigil-foreground: #868686;
    --sigil-foreground-highlight: #d7d7d7;
    --sigil-foreground-muted: #616161;
    --sigil-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 9px;
    --sigil-shadow-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
    --sigil-text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
    --sigil-colored-bg-text: rgba(255, 255, 255, 0.8);
    --sigil-success-foreground: #81c784;
    --sigil-error-foreground: #e67575;
    --sigil-warning-foreground: #ffb74d;
    --sigil-ghost-bg: rgba(255, 255, 255, 0.5);
    --sigil-ghost-border: #ffffff;
    --sigil-color-red: #e06c75;
    --sigil-color-amber: #d19a66;
    --sigil-usage-hint-text: var(
    --sigil-palette-blue-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-hint-foreground: var(
    --sigil-palette-blue-foreground-dark-override,
    var(--sigil-palette-blue-normal)
  );
    --sigil-usage-hint-background: var(--sigil-palette-blue-normal);
    --sigil-usage-hint-border: var(--sigil-palette-blue-light);
    --sigil-usage-hint-drag-border: var(--sigil-palette-blue-extra-light);
    --sigil-usage-hint-selected-background: var(--sigil-palette-blue-light);
    --sigil-usage-hint-selected-border: var(--sigil-palette-blue-extra-light);
    --sigil-usage-hint-selected-text: var(
    --sigil-palette-blue-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-hint-dimmed-background: var(--sigil-palette-blue-c900);
    --sigil-usage-hint-dimmed-border: var(--sigil-palette-blue-normal);
    --sigil-usage-purple-text: var(
    --sigil-palette-purple-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-purple-foreground: var(
    --sigil-palette-purple-foreground-dark-override,
    var(--sigil-palette-purple-normal)
  );
    --sigil-usage-purple-background: var(--sigil-palette-purple-normal);
    --sigil-usage-purple-border: var(--sigil-palette-purple-light);
    --sigil-usage-purple-drag-border: var(--sigil-palette-purple-extra-light);
    --sigil-usage-purple-selected-background: var(--sigil-palette-purple-light);
    --sigil-usage-purple-selected-border: var(--sigil-palette-purple-extra-light);
    --sigil-usage-purple-selected-text: var(
    --sigil-palette-purple-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-purple-dimmed-background: var(--sigil-palette-purple-c900);
    --sigil-usage-purple-dimmed-border: var(--sigil-palette-purple-normal);
    --sigil-usage-blue-text: var(
    --sigil-palette-blue-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-blue-foreground: var(
    --sigil-palette-blue-foreground-dark-override,
    var(--sigil-palette-blue-normal)
  );
    --sigil-usage-blue-background: var(--sigil-palette-blue-normal);
    --sigil-usage-blue-border: var(--sigil-palette-blue-light);
    --sigil-usage-blue-drag-border: var(--sigil-palette-blue-extra-light);
    --sigil-usage-blue-selected-background: var(--sigil-palette-blue-light);
    --sigil-usage-blue-selected-border: var(--sigil-palette-blue-extra-light);
    --sigil-usage-blue-selected-text: var(
    --sigil-palette-blue-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-blue-dimmed-background: var(--sigil-palette-blue-c900);
    --sigil-usage-blue-dimmed-border: var(--sigil-palette-blue-normal);
    --sigil-usage-teal-text: var(
    --sigil-palette-teal-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-teal-foreground: var(
    --sigil-palette-teal-foreground-dark-override,
    var(--sigil-palette-teal-normal)
  );
    --sigil-usage-teal-background: var(--sigil-palette-teal-normal);
    --sigil-usage-teal-border: var(--sigil-palette-teal-light);
    --sigil-usage-teal-drag-border: var(--sigil-palette-teal-extra-light);
    --sigil-usage-teal-selected-background: var(--sigil-palette-teal-light);
    --sigil-usage-teal-selected-border: var(--sigil-palette-teal-extra-light);
    --sigil-usage-teal-selected-text: var(
    --sigil-palette-teal-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-teal-dimmed-background: var(--sigil-palette-teal-c900);
    --sigil-usage-teal-dimmed-border: var(--sigil-palette-teal-normal);
    --sigil-usage-green-text: var(
    --sigil-palette-green-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-green-foreground: var(
    --sigil-palette-green-foreground-dark-override,
    var(--sigil-palette-green-normal)
  );
    --sigil-usage-green-background: var(--sigil-palette-green-normal);
    --sigil-usage-green-border: var(--sigil-palette-green-light);
    --sigil-usage-green-drag-border: var(--sigil-palette-green-extra-light);
    --sigil-usage-green-selected-background: var(--sigil-palette-green-light);
    --sigil-usage-green-selected-border: var(--sigil-palette-green-extra-light);
    --sigil-usage-green-selected-text: var(
    --sigil-palette-green-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-green-dimmed-background: var(--sigil-palette-green-c900);
    --sigil-usage-green-dimmed-border: var(--sigil-palette-green-normal);
    --sigil-usage-yellow-text: var(
    --sigil-palette-yellow-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-yellow-foreground: var(
    --sigil-palette-yellow-foreground-dark-override,
    var(--sigil-palette-yellow-normal)
  );
    --sigil-usage-yellow-background: var(--sigil-palette-yellow-normal);
    --sigil-usage-yellow-border: var(--sigil-palette-yellow-light);
    --sigil-usage-yellow-drag-border: var(--sigil-palette-yellow-extra-light);
    --sigil-usage-yellow-selected-background: var(--sigil-palette-yellow-light);
    --sigil-usage-yellow-selected-border: var(--sigil-palette-yellow-extra-light);
    --sigil-usage-yellow-selected-text: var(
    --sigil-palette-yellow-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-yellow-dimmed-background: var(--sigil-palette-yellow-c900);
    --sigil-usage-yellow-dimmed-border: var(--sigil-palette-yellow-normal);
    --sigil-usage-yellow-gradient-light: var(--sigil-palette-yellow-normal);
    --sigil-usage-yellow-gradient-dark: var(--sigil-palette-orange-normal);
    --sigil-usage-orange-text: var(
    --sigil-palette-orange-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-orange-foreground: var(
    --sigil-palette-orange-foreground-dark-override,
    var(--sigil-palette-orange-normal)
  );
    --sigil-usage-orange-background: var(--sigil-palette-orange-normal);
    --sigil-usage-orange-border: var(--sigil-palette-orange-light);
    --sigil-usage-orange-drag-border: var(--sigil-palette-orange-extra-light);
    --sigil-usage-orange-selected-background: var(--sigil-palette-orange-light);
    --sigil-usage-orange-selected-border: var(--sigil-palette-orange-extra-light);
    --sigil-usage-orange-selected-text: var(
    --sigil-palette-orange-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-orange-dimmed-background: var(--sigil-palette-orange-c900);
    --sigil-usage-orange-dimmed-border: var(--sigil-palette-orange-normal);
    --sigil-usage-brown-text: var(
    --sigil-palette-brown-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-brown-foreground: var(
    --sigil-palette-brown-foreground-dark-override,
    var(--sigil-palette-brown-normal)
  );
    --sigil-usage-brown-background: var(--sigil-palette-brown-normal);
    --sigil-usage-brown-border: var(--sigil-palette-brown-light);
    --sigil-usage-brown-drag-border: var(--sigil-palette-brown-extra-light);
    --sigil-usage-brown-selected-background: var(--sigil-palette-brown-light);
    --sigil-usage-brown-selected-border: var(--sigil-palette-brown-extra-light);
    --sigil-usage-brown-selected-text: var(
    --sigil-palette-brown-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-brown-dimmed-background: var(--sigil-palette-brown-c900);
    --sigil-usage-brown-dimmed-border: var(--sigil-palette-brown-normal);
    --sigil-usage-red-text: var(
    --sigil-palette-red-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-red-foreground: var(
    --sigil-palette-red-foreground-dark-override,
    var(--sigil-palette-red-normal)
  );
    --sigil-usage-red-background: var(--sigil-palette-red-normal);
    --sigil-usage-red-border: var(--sigil-palette-red-light);
    --sigil-usage-red-drag-border: var(--sigil-palette-red-extra-light);
    --sigil-usage-red-selected-background: var(--sigil-palette-red-light);
    --sigil-usage-red-selected-border: var(--sigil-palette-red-extra-light);
    --sigil-usage-red-selected-text: var(
    --sigil-palette-red-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-red-dimmed-background: var(--sigil-palette-red-c900);
    --sigil-usage-red-dimmed-border: var(--sigil-palette-red-normal);
    --sigil-usage-gray-text: var(
    --sigil-palette-gray-text-override,
    var(--sigil-colored-bg-text)
  );
    --sigil-usage-gray-foreground: var(
    --sigil-palette-gray-foreground-dark-override,
    var(--sigil-palette-gray-normal)
  );
    --sigil-usage-gray-background: var(--sigil-palette-gray-normal);
    --sigil-usage-gray-border: var(--sigil-palette-gray-light);
    --sigil-usage-gray-drag-border: var(--sigil-palette-gray-extra-light);
    --sigil-usage-gray-selected-background: var(--sigil-palette-gray-light);
    --sigil-usage-gray-selected-border: var(--sigil-palette-gray-extra-light);
    --sigil-usage-gray-selected-text: var(
    --sigil-palette-gray-text-override,
    rgba(0, 0, 0, 0.6)
  );
    --sigil-usage-gray-dimmed-background: var(--sigil-palette-gray-c900);
    --sigil-usage-gray-dimmed-border: var(--sigil-palette-gray-normal);
    --sigil-usage-unknown-text: var(--sigil-usage-gray-text);
    --sigil-usage-unknown-foreground: var(--sigil-usage-gray-foreground);
    --sigil-usage-unknown-background: var(--sigil-usage-gray-background);
    --sigil-usage-unknown-border: var(--sigil-usage-gray-border);
    --sigil-usage-unknown-drag-border: var(--sigil-usage-gray-drag-border);
    --sigil-usage-unknown-selected-background: var(
    --sigil-usage-gray-selected-background
  );
    --sigil-usage-unknown-selected-border: var(
    --sigil-usage-gray-selected-border
  );
    --sigil-usage-unknown-selected-text: var(--sigil-usage-gray-selected-text);
    --sigil-usage-unknown-dimmed-background: var(
    --sigil-usage-gray-dimmed-background
  );
    --sigil-usage-unknown-dimmed-border: var(--sigil-usage-gray-dimmed-border);
  }
}
:root {
  --sigil-control-gap: 1px;
  --sigil-control-font-size: 0.7rem;
}
:root {
  --timecode-min-height: 2rem;
  --font-mono: 'SF Mono', SF Mono, SF Mono Regular, Consolas, 'Liberation Mono', Menlo,
    Courier, monospace;
}
body {
  overflow: hidden;
}
.arcane-theme-root {
  background: var(--arcane-page-bg);
  --timecode-usage-text: var(--sigil-usage-hint-text);
  --timecode-usage-foreground: var(--sigil-usage-hint-foreground);
  --timecode-usage-background: var(--sigil-usage-hint-background);
  --timecode-usage-border: var(--sigil-usage-hint-border);
  --timecode-usage-drag-border: var(--sigil-usage-hint-drag-border);
  --timecode-usage-selected-background: var(
    --sigil-usage-hint-selected-background
  );
  --timecode-usage-selected-border: var(--sigil-usage-hint-selected-border);
  --timecode-usage-selected-text: var(--sigil-usage-hint-selected-text);
  --timecode-usage-dimmed-background: var(--sigil-usage-hint-dimmed-background);
  --timecode-usage-dimmed-border: var(--sigil-usage-hint-dimmed-border);
}
body {
  user-select: none;
  --arcane-page-bg: #1f1f1f;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-duration: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-content: "";
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}
