/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --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;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --spacing: .25rem;
    --container-md: 28rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-sm: calc(var(--radius) - 4px);
    --radius-md: calc(var(--radius) - 2px);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) + 4px);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-background: hsl(var(--background));
    --color-foreground: hsl(var(--foreground));
    --color-card: hsl(var(--card));
    --color-card-foreground: hsl(var(--card-foreground));
    --color-popover: hsl(var(--popover));
    --color-popover-foreground: hsl(var(--popover-foreground));
    --color-primary: hsl(var(--primary));
    --color-primary-foreground: hsl(var(--primary-foreground));
    --color-secondary: hsl(var(--secondary));
    --color-secondary-foreground: hsl(var(--secondary-foreground));
    --color-muted: hsl(var(--muted));
    --color-muted-foreground: hsl(var(--muted-foreground));
    --color-accent: hsl(var(--accent));
    --color-accent-foreground: hsl(var(--accent-foreground));
    --color-destructive: hsl(var(--destructive));
    --color-destructive-foreground: hsl(var(--destructive-foreground));
    --color-border: hsl(var(--border));
    --color-input: hsl(var(--input));
    --color-ring: hsl(var(--ring));
    --color-chart-1: hsl(var(--chart-1));
    --color-chart-2: hsl(var(--chart-2));
    --color-chart-3: hsl(var(--chart-3));
    --color-chart-4: hsl(var(--chart-4));
    --color-chart-5: hsl(var(--chart-5));
    --color-sidebar: hsl(var(--sidebar));
    --color-sidebar-foreground: hsl(var(--sidebar-foreground));
    --color-sidebar-primary: hsl(var(--sidebar-primary));
    --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
    --color-sidebar-accent: hsl(var(--sidebar-accent));
    --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
    --color-sidebar-border: hsl(var(--sidebar-border));
    --color-sidebar-ring: hsl(var(--sidebar-ring));
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: hsl(var(--border));
    outline-color: hsl(var(--ring));
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent);
    }
  }

  body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .isolate {
    isolation: isolate;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .h-screen {
    height: 100vh;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-border {
    border-color: hsl(var(--border));
  }

  .border-input {
    border-color: hsl(var(--input));
  }

  .bg-background {
    background-color: hsl(var(--background));
  }

  .bg-primary {
    background-color: hsl(var(--primary));
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .text-center {
    text-align: center;
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .text-muted-foreground {
    color: hsl(var(--muted-foreground));
  }

  .text-secondary {
    color: hsl(var(--secondary));
  }

  .underline {
    text-decoration-line: underline;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .running {
    animation-play-state: running;
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: hsl(var(--accent));
    }

    .hover\:text-accent-foreground:hover {
      color: hsl(var(--accent-foreground));
    }

    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@font-face {
  font-family: Courier Prime;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/courier-prime-400-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Courier Prime;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/courier-prime-400-latinext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Courier Prime;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/courier-prime-700-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Courier Prime;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/courier-prime-700-latinext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Courier Prime;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/courier-prime-italic-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Courier Prime;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/courier-prime-italic-latinext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cutive Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cutive-mono-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cutive Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/cutive-mono-latinext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Special Elite;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/special-elite-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Special Elite;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/special-elite-latinext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Script;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/compagnon-italic-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/archivo-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Share Tech Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/share-tech-mono-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/ibm-plex-mono-latin.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

:root {
  --sea-ink: 189 47% 17%;
  --sea-ink-soft: 188 22% 33%;
  --lagoon: 177 42% 52%;
  --lagoon-deep: 185 50% 39%;
  --palm: 148 39% 30%;
  --sand: 127 23% 92%;
  --foam: 137 41% 97%;
  --surface: 0 0% 100% / .74;
  --surface-strong: 0 0% 100% / .9;
  --line: 189 47% 17% / .14;
  --inset-glint: 0 0% 100% / .82;
  --kicker: 148 39% 30% / .9;
  --bg-base: 145 33% 93%;
  --header-bg: 94 100% 99% / .84;
  --chip-bg: 0 0% 100% / .8;
  --chip-line: 148 39% 30% / .18;
  --link-bg-hover: 0 0% 100% / .9;
  --hero-a: 177 42% 52% / .36;
  --hero-b: 148 39% 30% / .2;
  --background: 0 0% 100%;
  --foreground: 0 0% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 3.9%;
  --primary: 0 0% 9%;
  --primary-foreground: 0 0% 98%;
  --secondary: 0 0% 96.1%;
  --secondary-foreground: 0 0% 9%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --accent: 0 0% 96.1%;
  --accent-foreground: 0 0% 9%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 89.8%;
  --input: 0 0% 89.8%;
  --ring: 0 0% 3.9%;
  --chart-1: 12 76% 61%;
  --chart-2: 173 58% 39%;
  --chart-3: 197 37% 24%;
  --chart-4: 43 74% 66%;
  --chart-5: 27 87% 67%;
  --radius: .625rem;
  --sidebar: 0 0% 98%;
  --sidebar-foreground: 0 0% 3.9%;
  --sidebar-primary: 0 0% 9%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 0 0% 96.1%;
  --sidebar-accent-foreground: 0 0% 9%;
  --sidebar-border: 0 0% 89.8%;
  --sidebar-ring: 0 0% 3.9%;
}

.dark {
  --sea-ink: 169 36% 88%;
  --sea-ink-soft: 170 23% 75%;
  --lagoon: 176 60% 61%;
  --lagoon-deep: 173 63% 73%;
  --palm: 149 45% 61%;
  --sand: 196 33% 9%;
  --foam: 197 36% 10%;
  --surface: 197 36% 10% / .8;
  --surface-strong: 195 35% 9% / .92;
  --line: 173 63% 73% / .18;
  --inset-glint: 170 77% 86% / .14;
  --kicker: 169 63% 83%;
  --bg-base: 197 41% 7%;
  --header-bg: 197 41% 7% / .8;
  --chip-bg: 193 42% 9% / .9;
  --chip-line: 173 63% 73% / .24;
  --link-bg-hover: 192 34% 14% / .8;
  --hero-a: 176 60% 61% / .18;
  --hero-b: 149 45% 61% / .12;
  --background: 0 0% 3.9%;
  --foreground: 0 0% 98%;
  --card: 0 0% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 0 0% 9%;
  --secondary: 0 0% 14.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 14.9%;
  --muted-foreground: 0 0% 63.9%;
  --accent: 0 0% 14.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 0 0% 14.9%;
  --input: 0 0% 14.9%;
  --ring: 0 0% 83.1%;
  --chart-1: 220 70% 50%;
  --chart-2: 160 60% 45%;
  --chart-3: 30 80% 55%;
  --chart-4: 280 65% 60%;
  --chart-5: 340 75% 55%;
  --sidebar: 0 0% 9%;
  --sidebar-foreground: 0 0% 98%;
  --sidebar-primary: 220 70% 50%;
  --sidebar-primary-foreground: 0 0% 98%;
  --sidebar-accent: 0 0% 14.9%;
  --sidebar-accent-foreground: 0 0% 98%;
  --sidebar-border: 0 0% 14.9%;
  --sidebar-ring: 0 0% 83.1%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  overflow-x: hidden;
}

body vite-error-overlay {
  display: none;
}

:root {
  --tw-paper: 0 0% 100%;
  --tw-paper-line: 45 30% 80%;
  --tw-ink: 220 15% 12%;
  --tw-ink-red: 215 75% 48%;
  --tw-desk: 220 12% 16%;
  --tw-desk-dark: 220 14% 10%;
  --tw-header: 220 12% 15%;
  --tw-accent: 210 90% 52%;
  --tw-border: 220 10% 38%;
  --tw-hue: 220;
  --tw-accent-hue: 210;
  --tw-label: var(--tw-hue) 60% 72%;
  --tw-btn-active: var(--tw-hue) 80% 30%;
  --tw-ui-font: "Archivo", "Helvetica Neue", Arial, sans-serif;
}

.tw-root.tw-scheme-forest {
  --tw-hue: 95;
  --tw-accent-hue: 95;
  --tw-accent: 95 45% 46%;
  --tw-desk: 95 14% 16%;
  --tw-desk-dark: 95 16% 9%;
  --tw-header: 95 14% 12%;
  --tw-label: 95 45% 66%;
}

.tw-root.tw-scheme-walnut {
  --tw-hue: 25;
  --tw-accent-hue: 25;
  --tw-accent: 25 60% 48%;
  --tw-desk: 25 14% 13%;
  --tw-desk-dark: 25 18% 7%;
  --tw-header: 25 14% 10%;
}

.tw-root.tw-scheme-plum {
  --tw-hue: 275;
  --tw-accent-hue: 275;
  --tw-accent: 275 55% 58%;
  --tw-desk: 275 14% 14%;
  --tw-desk-dark: 275 18% 8%;
  --tw-header: 275 14% 11%;
}

.tw-root.tw-scheme-pastel {
  --tw-hue: 145;
  --tw-accent-hue: 145;
  --tw-accent: 145 55% 45%;
  --tw-desk: 145 14% 13%;
  --tw-desk-dark: 145 18% 7%;
  --tw-header: 145 14% 10%;
}

.tw-root.tw-scheme-black {
  --tw-header: 0 0% 4%;
  --tw-accent: 24 75% 45%;
  --tw-label: 36 45% 58%;
  --tw-btn-active: 0 0% 0%;
  background: hsl(var(--tw-header));
}

.tw-root.tw-scheme-black .tw-fieldset {
  background: #171717;
  border-color: #474747;
}

.tw-root.tw-scheme-black .tw-status-label, .tw-root.tw-scheme-black .tw-slider > span, .tw-root.tw-scheme-black .tw-cmds-hint, .tw-root.tw-scheme-black .tw-controls-tab, .tw-root.tw-scheme-black .tw-reset-btn, .tw-root.tw-scheme-black .tw-ribbon-colour button, .tw-root.tw-scheme-black .tw-radio, .tw-root.tw-scheme-black .tw-brand-sub {
  color: #c49e64;
}

.tw-root.tw-scheme-black .tw-toggle-tri {
  background: #c49e64;
}

.tw-root.tw-scheme-black .tw-group-divider, .tw-root.tw-scheme-black .tw-save-sep, .tw-root.tw-scheme-black .tw-commands-help {
  border-top-color: #b3571a;
}

.tw-root.tw-scheme-black .tw-cmd-dots {
  border-bottom-color: #b3571a;
}

.tw-root {
  --tw-label: var(--tw-hue) 60% 72%;
  background: radial-gradient(ellipse at 50% -10%, hsl(var(--tw-hue) 10% 22%), hsl(var(--tw-desk-dark))), hsl(var(--tw-desk-dark));
  flex-direction: column;
  min-height: 100vh;
  font-family: Archivo, Helvetica Neue, Arial, sans-serif;
  display: flex;
}

.tw-header {
  z-index: 10;
  background: hsl(var(--tw-header));
  border-bottom: 3px solid hsl(var(--tw-accent));
  color: #ebebeb;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 28px;
  padding: 12px 20px 14px;
  display: flex;
  position: sticky;
  top: 0;
}

.tw-brand {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.tw-brand-main {
  letter-spacing: -1px;
  color: #f2f2f2;
  align-items: center;
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.tw-brand-logo {
  vertical-align: -4px;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.tw-brand-type {
  color: #f55014;
}

.tw-brand-sub {
  font-family: var(--tw-ui-font);
  color: hsl(var(--tw-hue) 8% 72%);
  font-size: 15px;
}

.tw-brand-sub b {
  letter-spacing: -1px;
  font-weight: 700;
}

.tw-brand-sub .tw-red {
  color: hsl(var(--tw-accent));
  font-style: normal;
}

.tw-status-panels {
  flex-direction: column;
  align-self: center;
  gap: 4px;
  display: flex;
}

.tw-status-row {
  align-items: center;
  gap: 18px;
  display: flex;
}

.tw-status-item {
  align-items: center;
  gap: 6px;
  display: flex;
}

.tw-status-label {
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #a6a6a6;
  font-size: 11px;
}

.tw-status-lamp {
  border: 2px solid hsl(var(--tw-hue) 10% 25%);
  background: #141414;
  border-radius: 0;
  width: 16px;
  height: 16px;
  transition: background .15s, box-shadow .15s;
  box-shadow: inset 1px 1px 2px #000;
}

.tw-status-lamp.tw-ribbon-black {
  background: #141414;
}

.tw-status-lamp.tw-ribbon-red {
  background: #e61a1a;
  box-shadow: 0 0 8px #e61a1acc, inset 1px 1px #fff9;
}

.tw-status-lamp.tw-status-yellow {
  background: #f4ca25;
  box-shadow: 0 0 8px #f4ca25cc, inset 1px 1px #fff9;
}

.tw-status-lamp.tw-status-vermilion {
  background: #f55014;
  box-shadow: 0 0 8px #f55014cc, inset 1px 1px #fff9;
}

.tw-status-lamp.tw-status-red {
  background: #e61a1a;
  box-shadow: 0 0 8px #e61a1acc, inset 1px 1px #fff9;
}

.tw-status-lamp.tw-status-white {
  background: #22c322;
  box-shadow: 0 0 8px #22c322cc, inset 1px 1px #fff9;
}

.tw-mechanical .tw-status-lamp {
  border-radius: 50%;
  box-shadow: inset 1px 1px 2px #000000b3;
}

.tw-mechanical .tw-status-lamp.tw-status-white, .tw-mechanical .tw-status-lamp.tw-ribbon-red, .tw-mechanical .tw-status-lamp.tw-status-yellow, .tw-mechanical .tw-status-lamp.tw-status-vermilion, .tw-mechanical .tw-status-lamp.tw-status-red {
  box-shadow: inset 1px 1px 2px #000000b3;
}

.tw-mechanical .tw-status-lamp.tw-status-white {
  background: var(--mech-lamp-white);
}

.tw-mechanical .tw-status-lamp.tw-ribbon-black {
  background: #141414;
}

.tw-mechanical .tw-status-lamp.tw-ribbon-red {
  background: var(--mech-lamp-red);
}

.tw-mechanical .tw-status-lamp.tw-status-yellow {
  background: #a18e45;
}

.tw-mechanical .tw-status-lamp.tw-status-vermilion {
  background: #9b553b;
}

.tw-mechanical .tw-status-lamp.tw-status-red {
  background: var(--mech-lamp-red);
}

@media print {
  .tw-status-panels {
    display: none !important;
  }
}

.tw-header.tw-zen {
  --zen-text: hsl(var(--tw-hue) 10% 24%);
  --zen-accent: hsl(var(--tw-hue) 12% 24%);
}

.tw-header.tw-zen .tw-brand-main, .tw-header.tw-zen .tw-brand-type {
  color: var(--zen-text);
}

.tw-header.tw-zen .tw-brand-sub {
  color: hsl(var(--tw-hue) 10% 20%);
}

.tw-header.tw-zen .tw-brand-sub .tw-red {
  color: var(--zen-accent);
}

.tw-header.tw-zen {
  border-bottom-color: var(--zen-accent);
}

.tw-root[data-surface] .tw-header.tw-zen {
  --zen-text: hsl(var(--tw-hue) 12% 11%);
  --zen-accent: hsl(var(--tw-hue) 14% 12%);
}

.tw-root[data-surface] .tw-header.tw-zen .tw-brand-sub {
  color: hsl(var(--tw-hue) 12% 9%);
}

.tw-controls {
  flex-wrap: wrap;
  flex-basis: 100%;
  align-items: flex-start;
  gap: 10px 30px;
  margin-left: auto;
  display: flex;
}

.tw-controls-tabs {
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.tw-controls-tabs:before, .tw-controls-tabs:after {
  content: "";
  background: hsl(var(--tw-hue) 12% 35%);
  flex: 1;
  height: 2px;
  box-shadow: inset 0 1px #8c8c8c;
}

.tw-controls-tabs:before {
  margin-right: 14px;
}

.tw-controls-tabs:after {
  margin-left: 14px;
}

.tw-controls-tab {
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: hsl(var(--tw-hue) 12% 22%);
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  color: #ccc;
  cursor: pointer;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 3px 16px;
  font-size: 12px;
  transition: all .1s;
  display: inline-flex;
  box-shadow: inset 1px 1px #737373, 3px 3px #000;
}

.tw-controls-tab:hover {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
  color: #fff;
}

.tw-controls-tab-active {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
  color: #fff;
  transform: translate(1px, 1px);
  box-shadow: inset 2px 2px 5px #000;
}

.tw-fieldset {
  border: 1px solid hsl(var(--tw-hue) 10% 32%);
  background: hsl(var(--tw-hue) 12% 18%);
  color: #e0e0e0;
  flex-direction: column;
  gap: 2px;
  padding: 4px 12px 9px;
  font-size: 13px;
  display: flex;
}

.tw-fieldset legend {
  font-family: var(--tw-ui-font);
  color: hsl(var(--tw-label));
  padding: 0 4px;
  font-size: 13px;
  font-weight: 700;
}

.tw-radio {
  cursor: pointer;
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #d9d9d9;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.tw-radio input[type="radio"] {
  appearance: none;
  border: 2px solid hsl(var(--tw-hue) 10% 25%);
  background-color: hsl(var(--tw-hue) 12% 14%);
  cursor: pointer;
  border-radius: 0;
  flex: none;
  width: 18px;
  height: 18px;
  margin: 0;
  transition: background-color .15s, box-shadow .15s;
  box-shadow: inset 1px 1px 2px #000;
}

.tw-radio input[type="radio"]:checked {
  background-color: #22c322;
  box-shadow: 0 0 8px #22c322cc, inset 1px 1px #fff9;
}

.tw-radio input[type="radio"]:focus-visible {
  outline: 2px solid hsl(var(--tw-accent));
  outline-offset: 1px;
}

.tw-radio-caption {
  font-size: 12px;
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #bfbfbf;
}

.tw-group {
  flex-direction: column;
  gap: 6px;
}

.tw-mode-buttons {
  gap: 4px;
  display: flex;
}

.tw-group .tw-slider {
  min-width: 150px;
}

.tw-ribbon-colour {
  gap: 4px;
  display: flex;
}

.tw-ribbon-colour button, .tw-reset-btn, .tw-toggle {
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: all .1s;
  display: inline-flex;
  box-shadow: inset 1px 1px #737373, 3px 3px #000;
}

.tw-ribbon-colour button:active, .tw-reset-btn:active:not(:disabled), .tw-toggle:active {
  transform: translate(2px, 2px);
  box-shadow: inset 2px 2px 5px #000;
}

.tw-ribbon-colour button {
  font: inherit;
  font-size: 12px;
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: hsl(var(--tw-hue) 12% 22%);
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  color: #ccc;
  cursor: pointer;
  border-radius: 2px;
  padding: 3px 12px;
}

.tw-ribbon-colour button.tw-rc-active {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
  color: #fff;
}

.tw-ribbon-colour button.tw-rc-red.tw-rc-active {
  background: #a51d1d;
  border-color: #dd3c3c;
}

.tw-reset-btn {
  font-size: 12px;
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: hsl(var(--tw-hue) 12% 22%);
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  color: #ccc;
  cursor: pointer;
  border-radius: 2px;
  align-self: flex-start;
  margin-top: 6px;
  padding: 6px 12px;
}

.tw-reset-btn:hover, .tw-reset-btn.tw-rc-active {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
  color: #fff;
}

.tw-reset-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.tw-reset-btn:disabled:hover {
  background: hsl(var(--tw-hue) 12% 22%);
  border-color: hsl(var(--tw-hue) 10% 34%);
  color: #ccc;
}

.tw-fresh-btn {
  color: #ebebeb;
  background: #617e44;
  border-color: #8ca375;
}

.tw-fresh-btn:hover {
  color: #fff;
  background: #73974e;
  border-color: #a6c18b;
}

.tw-fresh-cancel, .tw-fresh-cancel:hover {
  color: #ebebeb;
  background: #617e44;
  border-color: #8ca375;
}

.tw-confirm-btn, .tw-correction-active, .tw-correction-active:hover {
  color: #fff;
  background: #dc4109;
  border-color: #f76d3b;
}

.tw-correction-icon {
  vertical-align: -2px;
  border: 1.5px solid;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  display: inline-block;
  position: relative;
}

.tw-correction-icon:before, .tw-correction-icon:after {
  content: "";
  background: currentColor;
  width: 141%;
  height: 1.5px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.tw-correction-icon:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.tw-correction-icon:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.tw-margin-release-active, .tw-margin-release-active:hover {
  color: #fff;
  background: #ce9c09;
  border-color: #f6c531;
}

.tw-root.tw-scheme-black:not(.tw-mechanical) .tw-ribbon-colour button.tw-rc-active {
  background: hsl(var(--tw-accent));
  color: #211812;
  border-color: #f08e4c;
}

.tw-confirm-btn:hover {
  background: #f55014;
  border-color: #f87f54;
}

.tw-confirm-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
  background: hsl(var(--tw-hue) 12% 22%);
  border-color: hsl(var(--tw-hue) 10% 34%);
  color: #ccc;
}

.tw-confirm-btn:disabled:hover {
  background: hsl(var(--tw-hue) 12% 22%);
  border-color: hsl(var(--tw-hue) 10% 34%);
  color: #ccc;
}

.tw-zoom-presets {
  gap: 6px;
  display: flex;
}

.tw-workspace-stats {
  opacity: .75;
  flex-direction: column;
  gap: 2px;
  margin-top: 4px;
  font-size: .8rem;
  display: flex;
}

.tw-group-divider {
  border: none;
  border-top: 1px solid hsl(var(--tw-hue) 10% 28%);
  width: 100%;
  margin: 6px 0 2px;
}

.tw-reset-all-row {
  gap: 6px;
  margin-top: 2px;
  display: flex;
}

.tw-slider {
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 170px;
  display: flex;
}

.tw-slider > span {
  font-family: var(--tw-ui-font);
  color: #e0e0e0;
  font-size: 13px;
  font-weight: 600;
}

.tw-slider input[type="range"] {
  appearance: none;
  cursor: pointer;
  background: none;
  width: 100%;
  height: 24px;
}

.tw-slider input[type="range"]::-webkit-slider-runnable-track {
  background: hsl(var(--tw-hue) 14% 9%);
  border-bottom: 1px solid hsl(var(--tw-hue) 10% 26%);
  width: 100%;
  height: 6px;
}

.tw-slider input[type="range"]::-moz-range-track {
  background: hsl(var(--tw-hue) 14% 9%);
  border-bottom: 1px solid hsl(var(--tw-hue) 10% 26%);
  width: 100%;
  height: 6px;
}

.tw-slider input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: hsl(var(--tw-hue) 8% 30%);
  border: 2px solid hsl(var(--tw-hue) 12% 8%);
  cursor: pointer;
  background-image: linear-gradient(to right, #0000 5px, #c7c7c7 5px 7px, #0000 7px);
  border-radius: 1px;
  width: 14px;
  height: 24px;
  margin-top: -9px;
  box-shadow: 2px 2px #000;
}

.tw-slider input[type="range"]::-moz-range-thumb {
  background: hsl(var(--tw-hue) 8% 30%);
  border: 2px solid hsl(var(--tw-hue) 12% 8%);
  cursor: pointer;
  background-image: linear-gradient(to right, #0000 5px, #c7c7c7 5px 7px, #0000 7px);
  border-radius: 1px;
  width: 14px;
  height: 24px;
  box-shadow: 2px 2px #000;
}

.tw-slider input[type="range"]:focus-visible::-webkit-slider-thumb {
  outline: 2px solid hsl(var(--tw-accent));
  outline-offset: 1px;
}

.tw-slider input[type="range"]:focus-visible::-moz-range-thumb {
  outline: 2px solid hsl(var(--tw-accent));
  outline-offset: 1px;
}

.tw-ink-gauge {
  width: 100%;
  font-family: var(--tw-ui-font);
  background: hsl(var(--tw-hue) 14% 9%);
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  border-bottom-color: hsl(var(--tw-hue) 10% 26%);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 5px 6px 4px;
  font-size: 13px;
  line-height: 1;
  display: flex;
  box-shadow: inset 1px 1px 3px #000;
}

.tw-ink-gauge-fill {
  color: #25d025;
  text-shadow: 0 0 6px #22c322cc;
}

.tw-ink-gauge-empty {
  color: hsl(var(--tw-hue) 10% 26%);
}

.tw-ink-gauge-pct {
  color: hsl(var(--tw-hue) 8% 68%);
}

.tw-gauge {
  background: hsl(var(--tw-hue) 14% 9%);
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  border-bottom-color: hsl(var(--tw-hue) 10% 26%);
  border-radius: 2px;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 4px 6px;
  display: flex;
  box-shadow: inset 1px 1px 3px #000;
}

.tw-gauge-cells {
  flex: auto;
  align-self: stretch;
  align-items: stretch;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.tw-gauge-cell {
  background: hsl(var(--tw-hue) 10% 26%);
  border-radius: 1px;
  flex: 1 1 0;
  min-width: 2px;
  min-height: 8px;
}

.tw-gauge-cell-on {
  background: hsl(var(--tw-hue) 6% 62%);
}

.tw-root.tw-electric .tw-gauge-cell-on {
  background: #25d025;
  box-shadow: 0 0 6px #22c322cc;
}

.tw-gauge-pct {
  font-family: var(--tw-ui-font);
  color: hsl(var(--tw-hue) 8% 68%);
  flex: none;
  font-size: 12px;
  line-height: 1;
}

.tw-slider output {
  color: hsl(var(--tw-hue) 8% 68%);
  font-size: 12px;
}

.tw-toggle-row {
  flex-basis: 100%;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  display: grid;
}

.tw-toggle-row .tw-toggle-side {
  align-items: center;
  gap: 10px;
  display: flex;
}

.tw-toggle-row .tw-toggle-side-left {
  justify-content: flex-end;
  padding-right: 10px;
}

.tw-toggle-row .tw-toggle-side-right {
  justify-content: flex-start;
  padding-left: 10px;
}

.tw-toggle {
  min-width: 220px;
  font: inherit;
  font-size: 12px;
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: hsl(var(--tw-hue) 12% 20%);
  border: 2px solid hsl(var(--tw-hue) 12% 10%);
  color: #e6e6e6;
  cursor: pointer;
  border-radius: 2px;
  align-self: center;
  padding: 4px 10px;
}

.tw-toggle:hover {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
}

.tw-toggle-active {
  color: #ebebeb;
  background: #8c8c5a;
  border-color: #b0b08d;
}

.tw-lamp {
  border: 2px solid hsl(var(--tw-hue) 10% 25%);
  pointer-events: none;
  background: #22c322;
  border-radius: 0;
  align-self: center;
  width: 16px;
  height: 16px;
  transition: background .15s, box-shadow .15s;
  box-shadow: 0 0 8px #22c322cc, inset 1px 1px #fff9;
}

.tw-lamp-bell, .tw-lamp-end {
  background: #e61a1a;
  box-shadow: 0 0 8px #e61a1acc, inset 1px 1px #fff9;
}

.tw-zenbar {
  flex: 100%;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0;
  display: flex;
}

.tw-zenbar-row {
  gap: 4px;
  display: flex;
}

.tw-zenbar .tw-ribbon-colour button, .tw-zenbar .tw-reset-btn {
  background: hsl(var(--tw-hue) 10% 19%);
  border: 1px solid hsl(var(--tw-hue) 8% 26%);
  color: hsl(var(--tw-hue) 8% 55%);
  margin-top: 0;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1;
}

.tw-zenbar .tw-ribbon-colour button:hover, .tw-zenbar .tw-reset-btn:hover {
  background: hsl(var(--tw-hue) 10% 22%);
  border-color: hsl(var(--tw-hue) 8% 32%);
  color: hsl(var(--tw-hue) 8% 65%);
}

.tw-zenbar .tw-ribbon-colour button.tw-rc-active {
  background: hsl(var(--tw-hue) 30% 24%);
  border-color: hsl(var(--tw-hue) 25% 38%);
  color: hsl(var(--tw-hue) 20% 75%);
}

.tw-zenbar .tw-ribbon-colour button.tw-rc-red.tw-rc-active {
  color: #d49b9b;
  background: #5d2828;
  border-color: #914646;
}

.tw-zenbar .tw-reset-btn.tw-correction-active, .tw-zenbar .tw-reset-btn.tw-correction-active:hover {
  color: #fff;
  background: #dc4109;
  border-color: #f76d3b;
}

.tw-zenbar .tw-reset-btn.tw-margin-release-active, .tw-zenbar .tw-reset-btn.tw-margin-release-active:hover {
  color: #fff;
  background: #ce9c09;
  border-color: #f6c531;
}

.tw-toggle-active:hover {
  color: #fff;
  background: #a2a267;
  border-color: #cacaa5;
}

.tw-desk {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 18px;
  min-height: 55vh;
  padding: 34px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tw-root[data-surface="dusty"] {
  --tw-wear: linear-gradient(hsl(var(--tw-hue) 12% 18% / .78), hsl(var(--tw-hue) 12% 18% / .78)),
    url("/textures/dusty-tile.webp") 0 0 / 512px 512px repeat;
}

.tw-root[data-surface="scratched"] {
  --tw-wear: linear-gradient(hsl(var(--tw-hue) 12% 18% / .78), hsl(var(--tw-hue) 12% 18% / .78)),
    url("/textures/scratched-tile.webp") 0 0 / 512px 512px repeat;
}

.tw-root[data-surface="rusty"] {
  --tw-wear: linear-gradient(hsl(var(--tw-hue) 12% 18% / .78), hsl(var(--tw-hue) 12% 18% / .78)),
    url("/textures/rusty-tile.webp") 0 0 / 512px 512px repeat;
}

.tw-desk:after, .tw-header:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: var(--tw-wear);
  transition: opacity .3s;
  position: absolute;
  inset: 0;
}

.tw-root[data-surface] .tw-desk:after, .tw-root[data-surface] .tw-header:before {
  opacity: 1;
}

.tw-side-lamps {
  box-sizing: border-box;
  background: hsl(var(--tw-hue) 12% 14%);
  border: 1px solid hsl(var(--tw-hue) 10% 28%);
  border-radius: 3px;
  flex-direction: column;
  flex: none;
  gap: 14px;
  width: 34px;
  min-height: 196px;
  margin: 0 auto;
  padding: 14px 8px;
  display: flex;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  box-shadow: inset 1px 1px 2px #0009;
}

.tw-paper-cluster {
  flex: none;
  align-items: flex-start;
  gap: 12px;
  max-width: calc(96vw - 64px);
  display: flex;
}

.tw-side-controls {
  z-index: 5;
  flex-direction: column;
  flex: none;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  width: 88px;
  display: flex;
  position: relative;
}

.tw-view-toolbar-wrap {
  flex-direction: column;
  flex: none;
  align-items: center;
  gap: 0;
  display: flex;
}

.tw-paper-cluster-row {
  align-items: flex-start;
  gap: 0;
  display: flex;
}

.tw-view-toolbar {
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding-bottom: 6px;
  display: flex;
}

.tw-view-toolbar-row {
  gap: 4px;
  display: flex;
}

.tw-view-btn {
  background: hsl(var(--tw-hue) 10% 19%);
  border: 1px solid hsl(var(--tw-hue) 8% 26%);
  color: hsl(var(--tw-hue) 8% 55%);
  cursor: pointer;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1;
}

.tw-view-btn:hover {
  background: hsl(var(--tw-hue) 10% 22%);
  border-color: hsl(var(--tw-hue) 8% 32%);
  color: hsl(var(--tw-hue) 8% 65%);
}

.tw-view-btn-active {
  background: hsl(var(--tw-hue) 30% 24%);
  border-color: hsl(var(--tw-hue) 25% 38%);
  color: hsl(var(--tw-hue) 20% 75%);
}

.tw-paper-cluster {
  gap: 0;
}

.tw-side-controls {
  padding: 0 4px;
}

.tw-side-controls-left {
  align-self: stretch;
  margin-right: 0;
}

.tw-side-controls:not(.tw-side-controls-left) {
  margin-left: 0;
}

.tw-side-platen-spacer {
  flex: none;
}

.tw-side-control-button {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  margin: 0;
  padding: 3px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.tw-side-controls-left .tw-side-carriage-edge {
  align-self: flex-end;
  margin-right: 11px;
}

.tw-side-controls:not(.tw-side-controls-left) .tw-side-carriage-edge {
  align-self: flex-start;
  margin-left: 11px;
}

.tw-side-control-button:hover, .tw-side-control-button:focus-visible {
  color: #fff;
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
}

.tw-side-control-button:active {
  transform: translateY(1px);
}

.tw-side-arrow {
  color: currentColor;
  width: 30px;
  height: 20px;
  display: block;
}

.tw-side-platen-control {
  margin-top: 10px;
}

.tw-side-utility-stack {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.tw-side-controls:not(.tw-side-controls-left) .tw-side-utility-stack {
  align-items: flex-start;
  padding-left: 15px;
}

.tw-side-index-button {
  margin-top: 0;
}

.tw-correction-icon-lg {
  width: 22px;
  height: 18px;
  display: block;
}

.tw-side-platen-slider {
  appearance: none;
  width: 24px;
  height: 150px;
  accent-color: hsl(var(--tw-accent));
  writing-mode: vertical-lr;
  cursor: ns-resize;
  direction: ltr;
  background: none;
  margin: 4px auto 0;
}

.tw-side-platen-slider::-webkit-slider-runnable-track {
  background: hsl(var(--tw-hue) 14% 9%);
  border-left: 1px solid hsl(var(--tw-hue) 10% 26%);
  width: 6px;
  height: 100%;
}

.tw-side-platen-slider::-moz-range-track {
  background: hsl(var(--tw-hue) 14% 9%);
  border-left: 1px solid hsl(var(--tw-hue) 10% 26%);
  width: 6px;
  height: 100%;
}

.tw-side-platen-slider::-webkit-slider-thumb {
  appearance: none;
  border: 2px solid hsl(var(--tw-hue) 12% 8%);
  background: radial-gradient(circle at 35% 30%, #c7c7c78c, transparent 24%), repeating-linear-gradient(0deg, hsl(var(--tw-hue) 8% 24%) 0 3px, hsl(var(--tw-accent)) 3px 5px, hsl(var(--tw-hue) 8% 34%) 5px 7px);
  cursor: pointer;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  box-shadow: 2px 2px #000, inset 1px 1px 1px #ffffff40;
}

.tw-side-platen-slider::-moz-range-thumb {
  border: 2px solid hsl(var(--tw-hue) 12% 8%);
  background: radial-gradient(circle at 35% 30%, #c7c7c78c, transparent 24%), repeating-linear-gradient(0deg, hsl(var(--tw-hue) 8% 24%) 0 3px, hsl(var(--tw-accent)) 3px 5px, hsl(var(--tw-hue) 8% 34%) 5px 7px);
  cursor: pointer;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  box-shadow: 2px 2px #000, inset 1px 1px 1px #ffffff40;
}

.tw-side-platen-control {
  cursor: ns-resize;
  place-items: center;
  width: 80px;
  height: 120px;
  margin: 10px auto 0;
  display: grid;
  position: relative;
}

.tw-side-platen-anchored {
  z-index: 6;
  margin: 0;
  position: absolute;
  left: auto;
  right: auto;
}

.tw-side-controls-left .tw-side-platen-anchored {
  right: 15px;
}

.tw-side-controls-left .tw-platen-knob {
  box-shadow: inset -3px 0 4px #ffffff1a, inset 3px 0 4px #00000080, 0 6px 15px #0009;
}

.tw-side-controls-left .tw-knob-cream {
  box-shadow: inset -3px 0 4px #ffffff80, inset 3px 0 4px #53462d59, 0 6px 15px #0009;
}

.tw-side-controls-left .tw-platen-knob:before {
  box-shadow: inset -3px 0 4px #ffffff1a, inset 3px 0 4px #0006;
}

.tw-side-controls:not(.tw-side-controls-left) .tw-side-platen-anchored {
  left: 15px;
}

.tw-platen-knob {
  --tw-knob-edge: var(--tw-knob-lo);
  width: 80px;
  height: 120px;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .tw-platen-knob {
    --tw-knob-edge: color-mix(in srgb, var(--tw-knob-lo) 50%, #000);
  }
}

.tw-platen-knob {
  --tw-knob-hi: #5e5e5e;
  --tw-knob-mid: #404040;
  --tw-knob-lo: #121212;
  --tw-knob-rib-a: #1a1a1a73;
  --tw-knob-rib-b: #080808d1;
  border: 2px solid var(--tw-knob-edge);
  background: linear-gradient(to bottom, var(--tw-knob-lo) 0%, var(--tw-knob-mid) 20%, var(--tw-knob-hi) 50%, var(--tw-knob-mid) 80%, var(--tw-knob-lo) 100%);
  pointer-events: none;
  border-radius: 6px;
  box-shadow: inset 3px 0 4px #ffffff1a, inset -3px 0 4px #00000080, 0 6px 15px #0009;
}

.tw-knob-brown {
  --tw-knob-hi: #885a3a;
  --tw-knob-mid: #573923;
  --tw-knob-lo: #25180e;
  --tw-knob-rib-a: #1d120c80;
  --tw-knob-rib-b: #120b07cc;
}

.tw-knob-gray {
  --tw-knob-hi: #808389;
  --tw-knob-mid: #5d6065;
  --tw-knob-lo: #2c2d30;
  --tw-knob-rib-a: #1d1e2073;
  --tw-knob-rib-b: #131416cc;
}

.tw-knob-cream {
  --tw-knob-hi: #eee6d3;
  --tw-knob-mid: #d4c4a5;
  --tw-knob-lo: #725f3c;
  --tw-knob-rib-a: #8069428c;
  --tw-knob-rib-b: #6a522fa6;
  box-shadow: inset 3px 0 4px #ffffff80, inset -3px 0 4px #53462d59, 0 6px 15px #0009;
}

.tw-platen-knob:before {
  content: "";
  background: repeating-linear-gradient(to bottom, transparent 0 5px, var(--tw-knob-rib-a) 5px 7px, var(--tw-knob-rib-b) 7px 8px);
  background-position: 0 var(--tw-wheel-shift, 0px);
  transition: background-position 90ms linear;
  position: absolute;
  inset: -120px 0;
  box-shadow: inset 3px 0 4px #ffffff1a, inset -3px 0 4px #0006;
}

.tw-platen-knob-hub {
  display: none;
}

.tw-side-platen-slider {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  appearance: none;
  writing-mode: vertical-lr;
  cursor: ns-resize;
  direction: ltr;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0;
}

.tw-side-platen-slider::-webkit-slider-runnable-track {
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
}

.tw-side-platen-slider::-moz-range-track {
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
}

.tw-side-platen-slider::-webkit-slider-thumb {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background: none;
  border: 0;
}

.tw-side-platen-slider::-moz-range-thumb {
  width: 100%;
  height: 100%;
  box-shadow: none;
  background: none;
  border: 0;
}

.tw-side-platen-control:focus-within .tw-platen-knob {
  outline: none;
}

@media print {
  .tw-side-controls {
    display: none !important;
  }

  .tw-paper-cluster {
    display: contents;
  }

  .tw-side-lamps {
    display: none !important;
  }
}

.tw-paper-viewport {
  background: hsl(var(--tw-hue) 6% 62%);
  width: 856px;
  max-width: 96vw;
  height: 329px;
  box-shadow: 0 0 0 1px hsl(var(--tw-hue) 10% 30% / .8), 0 18px 45px #0000008c;
  border-top: 8px solid hsl(var(--tw-hue) 10% 42%);
  border-left: 6px solid hsl(var(--tw-hue) 10% 42%);
  border-right: 6px solid hsl(var(--tw-hue) 10% 42%);
  border-bottom: 14px solid hsl(var(--tw-hue) 12% 32%);
  position: relative;
  overflow: hidden;
}

.tw-roll {
  transform: translateY(var(--roll-y, 0px)) translateX(var(--paper-align-x, 0px));
}

.tw-line-indicator {
  box-sizing: border-box;
  pointer-events: none;
  z-index: 1;
  background: #b8b8b859;
  border-top: 2px solid #d1d1d1;
  border-bottom: 2px solid #666;
  height: 15px;
  position: absolute;
  left: 0;
  right: 0;
}

.tw-line-indicator-tick {
  background: #817d74;
  width: 1px;
  height: 9px;
  position: absolute;
  top: 0;
}

.tw-line-indicator-tick-major {
  background: #605e57;
  height: 13px;
}

.tw-line-indicator-electric .tw-line-indicator-tick {
  background: #ea462a;
}

.tw-line-indicator-electric .tw-line-indicator-tick-major {
  background: #df3416;
}

.tw-paper {
  color: hsl(var(--tw-hue) 15% 12%);
  --pad-x: 0px;
  padding: 0 var(--pad-x) 40px;
  white-space: pre;
  width: var(--paper-w, 794px);
  min-height: calc(var(--paper-w, 794px) * var(--paper-ratio, 1.4142));
  outline: none;
  font-size: 15px;
  line-height: 20px;
  position: relative;
}

.tw-line-meter {
  width: 160px;
}

.tw-format-display {
  text-align: left;
  justify-content: flex-start;
  width: 56px;
}

.tw-format-display .tw-ink-gauge-empty {
  color: #0000;
}

.tw-paper[data-paper-type="standard"] {
  background: #fff;
}

.tw-paper[data-paper-type="antique"] {
  background: #f1e9d0;
}

.tw-paper[data-paper-type="legal"] {
  background: #f9f194;
}

.tw-paper[data-paper-type="onion"] {
  background: #cbe4f6;
}

.tw-paper[data-paper-type="onionPink"] {
  background: #f6cbd9;
}

.tw-paper[data-paper-type="onionGreen"] {
  background: #c8ead3;
}

.tw-ruler {
  pointer-events: none;
  z-index: 2;
  background: #eae5d7;
  border-bottom: 1px solid #ada385;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.tw-ruler-ticks {
  position: absolute;
  inset: 0;
}

.tw-ruler-tick {
  background: #7a7052;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 18px;
}

.tw-ruler-tick-major {
  background: #4d4633;
  height: 16px;
  top: 12px;
}

.tw-ruler-tick-outside {
  opacity: .3;
}

.tw-ruler-num {
  color: #5c543d;
  font-family: Archivo, sans-serif;
  font-size: 9px;
  line-height: 1;
  position: absolute;
  top: 2px;
  transform: translateX(-50%);
}

.tw-test-marks {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  inset: 0;
}

.tw-test-mark {
  color: #3d3829;
  opacity: .9;
  font-family: Courier New, monospace;
  font-size: 14px;
  line-height: 1;
  position: absolute;
}

.tw-line {
  height: 20px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.tw-char {
  -webkit-user-select: none;
  user-select: none;
  flex: 0 0 9px;
  width: 9px;
  height: 20px;
  position: relative;
}

.tw-layer {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  font-family: inherit;
  display: flex;
  position: absolute;
  inset: 0;
}

.tw-paper .tw-char .tw-layer {
  font-weight: 500;
}

.tw-margin-guide {
  pointer-events: none;
  border-top: 10px solid #297aa3bf;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  transform: translateX(-6px);
}

.tw-ruler .tw-margin-guide {
  border-top: 12px solid #297aa3e6;
  top: 0;
}

.tw-ruler .tw-typing-position-indicator {
  pointer-events: none;
  border-top-color: #f55014f2;
}

.tw-margin-handle {
  pointer-events: auto;
  cursor: ew-resize;
  touch-action: none;
}

.tw-margin-handle:before {
  content: "";
  width: 16px;
  height: 20px;
  position: absolute;
  top: -4px;
  left: -8px;
}

.tw-margin-handle:hover, .tw-margin-handle:focus-visible {
  filter: drop-shadow(0 0 2px #3ca7ddcc);
  border-top-color: #3ca7dd;
  outline: none;
}

.tw-margin-handle:focus-visible {
  border-top-color: #5ebeed;
}

.tw-carriage {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  pointer-events: none;
  background: #258cf4a6;
  width: 10px;
  height: 8px;
  margin-top: 19px;
  margin-left: -.5px;
  transition: left 60ms linear;
  position: absolute;
  top: 54px;
}

.tw-caret-s2 {
  clip-path: polygon(27.8% 39.1%, 35.7% 39.1%, 35.7% 78.2%, 64.3% 78.2%, 64.3% 39.1%, 72.2% 39.1%, 87% 78.2%, 100% 78.2%, 100% 82.7%, 50% 100%, 0% 82.7%, 0% 78.2%, 13% 78.2%);
  width: 29px;
  height: 22px;
  margin-top: 0;
  margin-left: -10px;
}

.tw-caret-s1 {
  width: 29px;
  height: 23px;
  clip-path: path("M 8.1 4.9 L 10.4 4.9 L 10.4 17.2 L 18.6 17.2 L 18.6 4.9 L 20.9 4.9 Q 22.3 12.4 25.2 17.2 L 29 17.2 L 29 18.2 L 14.5 23 L 0 18.2 L 0 17.2 L 3.8 17.2 Q 6.7 12.4 8.1 4.9 Z");
  margin-top: 0;
  margin-left: -10px;
}

.tw-caret-s3 {
  width: 29px;
  height: 22px;
  clip-path: path("M 8.1 4.9 L 10.4 4.9 L 10.4 17.2 L 18.6 17.2 L 18.6 4.9 L 20.9 4.9 Q 22.3 12.4 25.2 17.2 L 25.2 18.2 L 14.5 22 L 3.8 18.2 L 3.8 17.2 Q 6.7 12.4 8.1 4.9 Z");
  margin-top: 0;
  margin-left: -10px;
}

.tw-caret-s4 {
  clip-path: polygon(14% 0%, 30% 9%, 30% 78.2%, 70% 78.2%, 70% 9%, 86% 0%, 97% 78.2%, 97% 82.7%, 50% 100%, 3% 82.7%, 3% 78.2%);
  width: 21px;
  height: 22px;
  margin-top: 0;
  margin-left: -6px;
}

.tw-caret-s5 {
  clip-path: polygon(27.8% 0%, 35.7% 0%, 35.7% 78.2%, 64.3% 78.2%, 64.3% 0%, 72.2% 0%, 87% 78.2%, 100% 78.2%, 100% 82.7%, 50% 100%, 0% 82.7%, 0% 78.2%, 13% 78.2%);
  width: 29px;
  height: 22px;
  margin-top: 0;
  margin-left: -10px;
}

.tw-caret-c-blue {
  background: #258cf48c;
}

.tw-caret-c-smoke {
  background: #aa9e92a6;
}

.tw-caret-c-bronze {
  background: linear-gradient(#cf9859 0%, #f4dbc2 55%, #ce803b 75%, #774722 100%);
}

.tw-caret-c-gold {
  background: linear-gradient(#e0bf52 0%, #fdf4d8 55%, #f0bc42 75%, #a56e1d 100%);
}

.tw-caret-c-chrome {
  background: linear-gradient(#7a99b8 0%, #f3f5f6 55%, #acb3b9 75%, #657381 100%);
}

.tw-paper.cr-wobble {
  animation: .24s tw-cr;
}

@keyframes tw-cr {
  0% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-3px);
  }

  70% {
    transform: translateY(2px);
  }

  100% {
    transform: translateY(0);
  }
}

.tw-toolbar {
  justify-content: center;
  padding: 10px 16px 4px;
  display: flex;
}

.tw-printmsg {
  text-align: center;
  color: #d9d9d9;
  margin: 0 0 10px;
  font-size: 12px;
}

.tw-info {
  background: hsl(var(--tw-hue) 12% 15%);
  border: 1px solid hsl(var(--tw-hue) 10% 30%);
  color: #e0e0e0;
  width: min(760px, 94vw);
  margin: 0 auto 30px;
  padding: 18px 26px;
  font-size: 14px;
  line-height: 1.55;
}

.tw-info h2 {
  color: #f2f2f2;
  margin: 0 0 10px;
  font-size: 18px;
}

.tw-info-intro {
  margin: 0 0 12px;
}

.tw-info ul {
  margin: 0 0 12px;
  padding-left: 20px;
}

.tw-info li {
  margin-bottom: 6px;
}

.tw-info button {
  font: inherit;
  background: hsl(var(--tw-hue) 12% 20%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  color: #e6e6e6;
  cursor: pointer;
  padding: 3px 12px;
  font-size: 14px;
}

.tw-info button:hover {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
}

.tw-footer {
  text-align: center;
  color: #b3b3b3;
  padding: 0 16px 14px;
  font-size: 12px;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
  }

  .tw-header, .tw-info, .tw-footer, .tw-credits, .tw-toolbar, .tw-carriage, .tw-ruler, .tw-printmsg, .tw-view-toolbar, .tw-line-indicator {
    display: none !important;
  }

  @page {
    margin: 0;
  }

  @page papera4 {
    size: A4;
    margin: 0;
  }

  @page paperletter {
    size: letter;
    margin: 0;
  }

  @page papera5 {
    size: A5;
    margin: 0;
  }

  @page papera6 {
    size: A6;
    margin: 0;
  }

  @page paperscrap {
    size: A6 landscape;
    margin: 0;
  }

  @page papera5h {
    size: A5 landscape;
    margin: 0;
  }

  @page papera6h {
    size: A6 landscape;
    margin: 0;
  }

  @page paperscraph {
    size: A6;
    margin: 0;
  }

  .tw-paper[data-paper="a4"] {
    page: papera4;
  }

  .tw-paper[data-paper="letter"] {
    page: paperletter;
  }

  .tw-paper[data-paper="a5"] {
    page: papera5;
  }

  .tw-paper[data-paper="a6"] {
    page: papera6;
  }

  .tw-paper[data-paper="scrap"] {
    page: paperscrap;
  }

  .tw-paper[data-paper="a5"][data-paper-orient="horizontal"] {
    page: papera5h;
  }

  .tw-paper[data-paper="a6"][data-paper-orient="horizontal"] {
    page: papera6h;
  }

  .tw-paper[data-paper="scrap"][data-paper-orient="horizontal"] {
    page: paperscraph;
  }

  .tw-root {
    background: none;
    min-height: 0;
  }

  body {
    overflow-x: visible;
  }

  .tw-desk {
    flex: none;
    align-items: flex-start;
    min-height: 0;
    padding: 0;
    overflow: visible;
  }

  .tw-roll {
    transform: none !important;
  }

  .tw-paper-viewport {
    width: 100%;
    max-height: none;
    box-shadow: none;
    background-image: none;
    border: none;
    justify-content: flex-start;
    max-width: none;
    padding: 0;
    display: flex;
    overflow: visible;
    zoom: 1 !important;
    height: auto !important;
  }

  .tw-paper {
    width: var(--paper-w) !important;
    min-height: calc(var(--paper-w) * var(--paper-ratio) - 4px) !important;
    background: #fff !important;
  }

  .tw-paper[data-paper="scrap"] {
    overflow: hidden;
    height: calc(var(--paper-w) * var(--paper-ratio)) !important;
    margin-bottom: 0 !important;
  }

  .tw-paper .tw-layer, .tw-test-mark {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.ds-root {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.ds-header {
  z-index: 10;
  background: hsl(var(--tw-header));
  border-bottom: 3px solid hsl(var(--tw-accent));
  color: #ebebeb;
  flex-direction: column;
  gap: 8px;
  padding: 12px 20px 14px;
  display: flex;
  position: sticky;
  top: 0;
}

.ds-back {
  color: hsl(var(--tw-hue) 8% 72%);
  align-self: flex-start;
  font-size: 13px;
  text-decoration: none;
}

.ds-back:hover {
  color: hsl(var(--tw-accent));
  text-decoration: underline;
}

.ds-main {
  color: #e0e0e0;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 28px 20px 40px;
}

.ds-main .ds-title {
  margin: 0 0 8px;
  font-size: 26px;
}

.ds-intro {
  color: hsl(var(--tw-hue) 8% 68%);
  margin: 0 0 28px;
  font-size: 15px;
}

.ds-intro a {
  color: hsl(var(--tw-accent));
  text-underline-offset: 2px;
  text-decoration: underline;
}

.ds-intro a:hover {
  color: hsl(var(--tw-hue) 8% 78%);
}

.ds-main section {
  margin-bottom: 28px;
}

.ds-main h2 {
  border-bottom: 1px solid hsl(var(--tw-hue) 10% 28%);
  color: hsl(var(--tw-accent));
  margin: 0 0 12px;
  padding-bottom: 6px;
  font-size: 16px;
}

.ds-spec {
  grid-template-columns: 180px 1fr;
  gap: 12px;
  padding: 5px 0;
  font-size: 15px;
  display: grid;
}

.ds-spec dt {
  color: #e6e6e6;
  font-weight: 600;
}

.ds-spec dd {
  color: hsl(var(--tw-hue) 8% 74%);
  margin: 0;
}

@media (max-width: 520px) {
  .ds-spec {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

.tw-datasheet-overlay {
  z-index: 50;
  background: hsl(var(--tw-desk-dark) / .82);
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.ds-dialog-content, .tw-impressum-dialog {
  border: 1px solid hsl(var(--tw-border));
  border-radius: 8px;
  width: min(960px, 100%);
  height: min(900px, 100vh - 48px);
  min-height: 0;
  overflow-y: auto;
  box-shadow: 0 18px 60px #0009;
}

.ds-dialog-close {
  border: 1px solid hsl(var(--tw-border));
  background: hsl(var(--tw-header));
  color: hsl(var(--tw-hue) 8% 78%);
  font: inherit;
  cursor: pointer;
  border-radius: 4px;
  flex: none;
  align-self: center;
  padding: 8px 14px;
}

.ds-dialog-close:hover {
  color: hsl(var(--tw-accent));
  border-color: hsl(var(--tw-accent));
}

.ds-dialog-close-bottom {
  margin: 0 auto 14px;
}

.tw-impressum-dialog {
  background: hsl(var(--tw-desk-dark));
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.impressum-contact-image {
  width: min(100%, 760px);
  height: auto;
  margin: 0 auto 18px;
  display: block;
}

@media (max-width: 600px) {
  .tw-datasheet-overlay {
    padding: 12px;
  }

  .ds-dialog-content, .tw-impressum-dialog {
    max-height: calc(100vh - 24px);
  }
}

.ds-dialog-content .ds-header {
  position: sticky;
  top: 0;
}

.tw-credits {
  text-align: center;
  color: #b3b3b3;
  overflow-wrap: anywhere;
  width: min(760px, 94vw);
  margin: 0 auto 4px;
  font-size: 12px;
  line-height: 1.6;
}

.tw-credits a, .tw-credits .tw-credits-link {
  color: hsl(var(--tw-accent));
}

.tw-credits .tw-credits-link {
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
}

.ds-download {
  text-align: center;
  color: #bfbfbf;
  width: min(760px, 94vw);
  margin: 0 auto 20px;
  font-size: 13px;
}

.ds-download p {
  max-width: 560px;
  margin: 8px auto 0;
  line-height: 1.5;
}

.ds-download code {
  background: hsl(var(--tw-hue) 12% 20%);
  border: 1px solid hsl(var(--tw-hue) 10% 30%);
  padding: 1px 6px;
  font-size: 12px;
}

.ds-download-btn {
  background: hsl(var(--tw-hue) 12% 20%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  color: #ebebeb;
  cursor: pointer;
  padding: 8px 22px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}

.ds-download-btn:hover {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
}

.tw-viewpage-backdrop {
  z-index: 60;
  background: hsl(var(--tw-hue) 15% 5% / .65);
  justify-content: center;
  align-items: flex-start;
  padding: 8px;
  display: flex;
  position: fixed;
  inset: 0;
}

.tw-viewpage-frame {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  max-width: 96vw;
  height: calc(100% - 16px);
  display: flex;
}

.tw-viewpage-bar {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 4px;
  padding: 4px 8px;
  display: flex;
}

.tw-viewpage-img {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  flex: none;
  max-width: none;
}

.tw-viewpage-stage {
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.tw-viewpage-btns {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  display: flex;
}

.tw-viewpage-zoom {
  text-align: center;
  min-width: 42px;
  font-family: var(--tw-ui-font);
  color: hsl(var(--tw-hue) 10% 75%);
  font-size: 12px;
}

.tw-viewpage-note {
  font-family: var(--tw-ui-font);
  letter-spacing: .5px;
  color: hsl(var(--tw-hue) 10% 45%);
  text-align: center;
  margin: 0;
  font-size: 10px;
}

.tw-commands-backdrop {
  z-index: 60;
  background: hsl(var(--tw-hue) 15% 5% / .55);
  justify-content: center;
  align-items: flex-start;
  padding: 12vh 16px 0;
  display: flex;
  position: fixed;
  inset: 0;
}

@media print {
  .tw-page-warning {
    display: none !important;
  }
}

.tw-page-warning {
  z-index: 70;
  background: hsl(var(--tw-hue) 12% 15%);
  color: #e6e6e6;
  cursor: pointer;
  border: 1px solid #cf1717;
  width: min(360px, 92vw);
  padding: 10px 14px 12px;
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 14px 40px #0009;
}

.tw-page-warning-title {
  color: #ec5151;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.tw-page-warning p {
  color: #d9d9d9;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.tw-commands {
  font-family: var(--tw-ui-font);
  background: hsl(var(--tw-hue) 12% 15%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  color: #e6e6e6;
  width: min(744px, 94vw);
  max-height: min(792px, 100vh);
  padding: 18px 22px 16px;
  overflow-y: auto;
  box-shadow: 0 14px 40px #0009;
}

.tw-commands-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-size: 19px;
  display: flex;
}

.tw-commands-close {
  font: inherit;
  background: hsl(var(--tw-hue) 12% 20%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  color: #e6e6e6;
  cursor: pointer;
  padding: 3px 12px;
  font-size: 16px;
}

.tw-commands-close:hover {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
}

.tw-commands-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tw-commands-list button {
  width: 100%;
  font: inherit;
  color: #e6e6e6;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  align-items: baseline;
  gap: 10px;
  padding: 6px 4px;
  font-size: 16px;
  display: flex;
}

.tw-commands-list button:hover {
  background: hsl(var(--tw-hue) 12% 22%);
}

.tw-commands-list kbd {
  text-align: center;
  background: hsl(var(--tw-hue) 12% 24%);
  border: 1px solid hsl(var(--tw-hue) 10% 36%);
  min-width: 26px;
  padding: 1px 6px;
  font-family: inherit;
  font-size: 14px;
}

.tw-commands::-webkit-scrollbar {
  width: 12px;
}

.tw-commands::-webkit-scrollbar-track {
  background: hsl(var(--tw-hue) 12% 12%);
}

.tw-commands::-webkit-scrollbar-thumb {
  background: hsl(var(--tw-hue) 8% 40%);
  border: 2px solid hsl(var(--tw-hue) 12% 15%);
}

.tw-commands::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--tw-hue) 8% 52%);
}

.tw-commands {
  scrollbar-width: auto;
  scrollbar-color: hsl(var(--tw-hue) 8% 40%) hsl(var(--tw-hue) 12% 12%);
}

.tw-commands-scroll {
  width: 100%;
  font: inherit;
  font-size: 12px;
  font-family: var(--tw-ui-font);
  text-transform: uppercase;
  letter-spacing: 1px;
  background: hsl(var(--tw-hue) 12% 20%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  color: #bfbfbf;
  cursor: pointer;
  margin-bottom: 6px;
  padding: 3px 8px;
  display: block;
}

.tw-commands-scroll:hover {
  background: hsl(var(--tw-btn-active));
  border-color: hsl(var(--tw-accent));
  color: #ebebeb;
}

.tw-commands-section {
  border-top: 1px solid hsl(var(--tw-hue) 10% 28%);
  color: #bfbfbf;
  margin-top: 14px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 700;
}

.tw-shortcuts-list {
  margin-top: 6px;
}

.tw-shortcut-row {
  color: #e0e0e0;
  align-items: baseline;
  gap: 10px;
  padding: 4px;
  font-size: 15px;
  display: flex;
}

.tw-shortcut-row kbd {
  text-align: center;
  background: hsl(var(--tw-hue) 12% 24%);
  border: 1px solid hsl(var(--tw-hue) 10% 36%);
  white-space: nowrap;
  min-width: 26px;
  padding: 1px 6px;
  font-family: inherit;
  font-size: 13px;
}

.tw-cmd-dots {
  border-bottom: 1px dotted hsl(var(--tw-hue) 8% 40%);
  flex: 1;
}

.tw-commands-help {
  color: #b3b3b3;
  border-top: 1px solid hsl(var(--tw-hue) 10% 28%);
  margin: 10px 0 0;
  padding-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}

.tw-smallscreen-backdrop {
  z-index: 100;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
}

.tw-smallscreen-dialog {
  width: min(420px, 92vw);
}

.tw-smallscreen-text {
  color: #d9d9d9;
  margin: 4px 0 2px;
  font-size: 14px;
  line-height: 1.6;
}

.tw-data-sheet {
  background: hsl(var(--tw-hue) 12% 15%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  color: #e6e6e6;
  width: min(680px, 94vw);
  margin: 6vh auto 20px;
  padding: 14px 16px 12px;
  box-shadow: 0 14px 40px #0009;
}

.tw-data-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tw-data-row {
  align-items: baseline;
  gap: 8px;
  padding: 6px 4px;
  font-size: 16px;
  display: flex;
}

.tw-data-row:hover {
  background: hsl(var(--tw-hue) 12% 22%);
}

.tw-data-label {
  white-space: nowrap;
}

.tw-data-value {
  white-space: nowrap;
  font-family: var(--tw-ui-font);
  color: #ccc;
  font-size: 15px;
}

.tw-save-text {
  color: #ccc;
  margin: 6px 0;
  font-size: 13px;
  line-height: 1.5;
}

.tw-save-textarea {
  box-sizing: border-box;
  width: 100%;
  font-family: var(--tw-ui-font);
  color: #d9d9d9;
  background: hsl(var(--tw-hue) 12% 20%);
  border: 1px solid hsl(var(--tw-hue) 10% 34%);
  resize: vertical;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 1.4;
}

.tw-save-actions {
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.tw-save-sep {
  border-top: 1px solid hsl(var(--tw-hue) 10% 28%);
  margin: 14px 0 10px;
}

.tw-toggle-tri {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #a6a6a6;
  flex: none;
  width: 16px;
  height: 16px;
  transition: clip-path .15s;
}

.tw-root:not(:has(.tw-controls)) .tw-toggle-tri {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.tw-cmds-hint {
  font-family: var(--tw-ui-font);
  color: #a6a6a6;
  font-size: 14px;
}

@media print {
  .tw-commands-backdrop, .tw-viewpage-backdrop, .tw-cmds-hint, .tw-toggle-tri {
    display: none !important;
  }
}

.tw-zenbar-sliders {
  margin-top: 4px;
}

.tw-zenbar-sliders .tw-slider span {
  font-size: 11px;
}

.tw-zenbar-sliders .tw-slider input {
  width: 110px;
}

.tw-zenbar-sliders .tw-slider output {
  min-width: 24px;
  font-size: 11px;
}

.tw-zenbar-switch {
  cursor: pointer;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.tw-zenbar-switch input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.tw-zenbar-switch-track {
  border: 2px solid hsl(var(--tw-hue) 10% 25%);
  background: hsl(var(--tw-hue) 12% 14%);
  border-radius: 10px;
  width: 36px;
  height: 18px;
  transition: background .15s;
  position: relative;
  box-shadow: inset 1px 1px 2px #000;
}

.tw-zenbar-switch-thumb {
  background: #8c8c8c;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: left .15s, background .15s;
  position: absolute;
  top: 1px;
  left: 1px;
}

.tw-zenbar-switch input:checked + .tw-zenbar-switch-track {
  background: hsl(var(--tw-hue) 12% 22%);
}

.tw-zenbar-switch input:checked + .tw-zenbar-switch-track .tw-zenbar-switch-thumb {
  background: #22c322;
  left: 19px;
  box-shadow: 0 0 6px #22c322b3;
}

.tw-zenbar-switch input:focus-visible + .tw-zenbar-switch-track {
  outline: 1px solid hsl(var(--tw-accent));
  outline-offset: 2px;
}

.tw-mechanical .tw-zenbar-switch input:checked + .tw-zenbar-switch-track .tw-zenbar-switch-thumb {
  background: var(--mech-lamp-white);
  box-shadow: none;
}

.tw-mechanical .tw-zenbar-switch-track {
  box-shadow: inset 1px 1px 2px #000000b3;
}

@media print {
  .tw-zenbar-switch {
    display: none !important;
  }
}

.tw-root.tw-mechanical {
  --mech-lamp-white: #a4a498;
  --mech-lamp-red: #9b3b3b;
}

.tw-root {
  --mech-btn: hsl(var(--tw-hue) 10% 15%);
  --mech-btn-active: hsl(var(--tw-hue) 12% 8%);
}

.tw-mechanical .tw-radio input[type="radio"]:checked {
  background-color: var(--mech-lamp-white);
  box-shadow: inset 1px 1px 2px #000000b3;
}

.tw-mechanical .tw-lamp {
  background: var(--mech-lamp-white);
  box-shadow: none;
}

.tw-mechanical .tw-lamp-bell, .tw-mechanical .tw-lamp-end {
  background: var(--mech-lamp-red);
  box-shadow: none;
}

.tw-mechanical .tw-ink-gauge-fill {
  color: var(--mech-lamp-white);
  text-shadow: none;
}

.tw-ribbon-colour button.tw-rc-active, .tw-ribbon-colour button.tw-rc-red.tw-rc-active, .tw-reset-btn.tw-rc-active {
  background: var(--mech-btn-active);
  border-color: hsl(var(--tw-hue) 8% 30%);
  color: #c7c7c7;
  transform: translate(1px, 1px);
  box-shadow: inset 2px 2px 5px #000;
}

.tw-fresh-btn, .tw-fresh-cancel, .tw-fresh-btn:hover, .tw-fresh-cancel:hover {
  background: var(--mech-btn);
  border-color: hsl(var(--tw-hue) 8% 26%);
  color: #c7c7c7;
}

.tw-confirm-btn, .tw-confirm-btn:hover, .tw-correction-active, .tw-correction-active:hover, .tw-margin-release-active, .tw-margin-release-active:hover {
  background: var(--mech-btn-active);
  border-color: hsl(var(--tw-hue) 8% 30%);
  color: #b3b3b3;
}

.tw-toggle-active, .tw-toggle-active:hover, .tw-reset-btn:hover, .tw-toggle:hover {
  background: var(--mech-btn-active);
  border-color: hsl(var(--tw-hue) 8% 30%);
  color: #c7c7c7;
}

.tw-zenbar .tw-reset-btn.tw-correction-active, .tw-zenbar .tw-reset-btn.tw-correction-active:hover, .tw-zenbar .tw-reset-btn.tw-margin-release-active, .tw-zenbar .tw-reset-btn.tw-margin-release-active:hover {
  background: var(--mech-btn-active);
  border-color: hsl(var(--tw-hue) 8% 30%);
  color: #b3b3b3;
}

.tw-mechanical .tw-lamp {
  background: var(--mech-lamp-white);
  border-radius: 50%;
  box-shadow: inset 1px 1px 2px #000000b3;
}

.tw-mechanical .tw-lamp-bell, .tw-mechanical .tw-lamp-end {
  background: var(--mech-lamp-red);
  border-radius: 50%;
  box-shadow: inset 1px 1px 2px #000000b3;
}

.tw-controls-tab:hover, .tw-controls-tab-active {
  background: var(--mech-btn-active);
  border-color: hsl(var(--tw-hue) 8% 30%);
  color: #c7c7c7;
}

.tw-controls .tw-slider {
  align-items: flex-start;
}

.tw-radio-grid {
  grid-template-columns: repeat(3, max-content);
  align-items: center;
  gap: 2px 14px;
  display: grid;
}

.tw-radio-grid .tw-radio-caption {
  grid-column: 1 / -1;
}

.tw-fresh-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.tw-align-radios {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 14px;
  display: flex;
}

.tw-align-radios .tw-radio-caption, .tw-align-radios .tw-radio {
  white-space: nowrap;
}

.tw-orient-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 14px;
  display: flex;
}

.tw-orient-msg {
  color: #d65c5c;
  margin: 2px 0 0;
}

.tw-format-grid {
  grid-template-columns: repeat(5, max-content);
}

.tw-format-grid .tw-radio-caption {
  grid-column: 1 / -1;
}

.tw-caret-options {
  flex-wrap: wrap;
  gap: 2px 10px;
  display: flex;
}

.tw-radio-cols {
  grid-template-columns: repeat(5, max-content);
  align-items: center;
  gap: 2px 14px;
  display: grid;
}

.tw-radio-cols .tw-radio-row {
  display: contents;
}

.tw-radio-cols .tw-radio-caption {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}

.tw-radio-cols .tw-group-divider {
  grid-column: 1 / -1;
}

.tw-preset-row {
  align-items: center;
  gap: 10px;
  display: flex;
}

.tw-preset-row .tw-reset-btn {
  white-space: normal;
  text-align: left;
  flex-shrink: 0;
  width: 220px;
  margin-top: 0;
}

.tw-preset-desc {
  font-family: var(--tw-ui-font);
  color: #a6a6a6;
  font-size: 14px;
  line-height: 1.45;
}

.tw-root[data-edge="rounded"] .tw-reset-btn, .tw-root[data-edge="rounded"] .tw-toggle, .tw-root[data-edge="rounded"] .tw-controls-tab, .tw-root[data-edge="rounded"] .tw-ribbon-colour button, .tw-root[data-edge="rounded"] .tw-radio input[type="radio"], .tw-root[data-edge="rounded"] .tw-ink-gauge, .tw-root[data-edge="rounded"] .tw-fieldset {
  border-radius: 5px;
}

.tw-root[data-edge="rounded"] .tw-slider input[type="range"]::-webkit-slider-thumb {
  border-radius: 5px;
}

.tw-root[data-edge="rounded"] .tw-slider input[type="range"]::-moz-range-thumb {
  border-radius: 5px;
}

.tw-root[data-edge="rounded"] .tw-save-textarea {
  border-radius: 5px;
}

@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-font-weight {
  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: 0;
}

@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-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
}