@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/3fd9966a880d3509-s.0o24f4agk19i4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/7d2afa35f72f50b0-s.p.1fd29zhf9a1x8.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/301eb6cfbaba69c1-s.07y076c0plz96.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:PT Sans Narrow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/b4574481600ad63e-s.p.0hw2r8_e_w7hw.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:PT Sans Narrow;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/013e52403cd71320-s.1vx88odw47iy3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/08426d1765534f87-s.p.20x98aa_nb40o.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:PT Sans Narrow;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/1ad2acb098c00344-s.0mx3i3ujnazw_.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:PT Sans Narrow;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/aefbeb3323f81271-s.p.2xq13uzdlltsa.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:PT Sans Narrow Fallback;src:local(Arial);ascent-override:130.79%;descent-override:35.46%;line-gap-override:0.0%;size-adjust:77.84%}
@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/2f1d8ba353927d7a-s.0hj4s_5jm3w9j.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/170667d967551a11-s.p.0kltdahgff34k.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/577256d7356a9b8e-s.2dnpybtfk0qqs.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:PT Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/0e6a0e5f826ff4ae-s.p.346gnvnpxgpqb.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:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/fonts/dbd8dd1b6dc008ad-s.0l3wlg4e86e0_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/fonts/5ff35ec1ce4a2f4e-s.p.0xam85z7klw24.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/fonts/badbcc8983f2091f-s.2uht6rzo0kdoj.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:PT Sans;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/fonts/1a19cccc9d303251-s.p.3480h741jpbkl.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:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/17603af13aa8a542-s.4533bvve4s6a4.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/207e57240b1809b2-s.p.3ls_3_aoj0ebm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/00231884809ac59e-s.0i9j7-y4t3ijp.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:PT Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/f05228a5f9ec0eae-s.p.3kxgs-7nixrf6.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:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/9dc791b0865fd39f-s.3-knllbbx5za1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/c29509b8a0bee3b9-s.p.3prmnh56md9ao.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/261abb472e2873a9-s.2xq-bk2b34x28.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:PT Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/536b4d72a397ec90-s.p.27c8-9qx-v7kc.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:PT Sans Fallback;src:local(Arial);ascent-override:105.3%;descent-override:28.55%;line-gap-override:0.0%;size-adjust:96.68%}
:root{--font-narrow:"PT Sans Narrow","PT Sans Narrow Fallback",Arial,sans-serif;--font-ptsans:"PT Sans","PT Sans Fallback",Arial,sans-serif;}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--font-narrow);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-lg: 32rem;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-body: var(--font-ptsans);
    --color-ink: #2b2b2b;
    --color-header: #253442;
    --color-page: #f8f8f8;
    --color-page-alt: #f1f1f1;
    --color-panel: #ececec;
    --color-soft: #f2f2f2;
    --color-band: #dddddd;
    --color-head-text: #ecf0f1;
    --color-link: #005b90;
    --color-link-line: #74a6c2;
    --color-link-hover: #900000;
    --color-link-hover-line: #c27474;
    --color-primary: #377ad0;
    --color-primary-hover: #1c65c3;
    --color-primary-active: #014aa8;
    --color-dark-hover: #4b4b4b;
    --color-dark-active: #2b2b2b;
    --color-steel: #46729f;
    --color-tool: #eaf1f8;
    --color-banner: #2c3e50;
    --color-badge-new: #99268a;
    --color-badge-hit: #ff7400;
    --color-badge-rec: #269926;
    --color-ok: #269926;
    --color-delete: #ee0100;
    --color-muted: #7b7b7b;
    --color-old: #969696;
    --color-line: #cccccc;
    --color-line-strong: #c2c2c2;
    --color-line-card: #dedede;
    --color-line-block: #e4e4e4;
    --color-line-input: #959595;
    --color-line-focus: #636f83;
    --container-site: 960px;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-\[88px\] {
    width: 88px;
    height: 88px;
  }
  .size-\[92px\] {
    width: 92px;
    height: 92px;
  }
  .size-\[96px\] {
    width: 96px;
    height: 96px;
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[142px\] {
    height: 142px;
  }
  .h-full {
    height: 100%;
  }
  .max-h-8 {
    max-height: calc(var(--spacing) * 8);
  }
  .max-h-9 {
    max-height: calc(var(--spacing) * 9);
  }
  .max-h-10 {
    max-height: calc(var(--spacing) * 10);
  }
  .max-h-\[80px\] {
    max-height: 80px;
  }
  .max-h-\[92px\] {
    max-height: 92px;
  }
  .max-h-\[96px\] {
    max-height: 96px;
  }
  .max-h-\[110px\] {
    max-height: 110px;
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-\[180px\] {
    width: 180px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[55\%\] {
    max-width: 55%;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-\[92px\] {
    max-width: 92px;
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[130px\] {
    max-width: 130px;
  }
  .max-w-\[140px\] {
    max-width: 140px;
  }
  .max-w-\[580px\] {
    max-width: 580px;
  }
  .max-w-\[600px\] {
    max-width: 600px;
  }
  .max-w-\[680px\] {
    max-width: 680px;
  }
  .max-w-\[760px\] {
    max-width: 760px;
  }
  .max-w-\[850px\] {
    max-width: 850px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-10 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .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-\[\#999\] {
    border-color: #999;
  }
  .border-\[\#b8d4b8\] {
    border-color: #b8d4b8;
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-line {
    border-color: var(--color-line);
  }
  .border-line-block {
    border-color: var(--color-line-block);
  }
  .border-line-card {
    border-color: var(--color-line-card);
  }
  .border-line-strong {
    border-color: var(--color-line-strong);
  }
  .border-steel {
    border-color: var(--color-steel);
  }
  .bg-\[\#f1f8f1\] {
    background-color: #f1f8f1;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-badge-hit {
    background-color: var(--color-badge-hit);
  }
  .bg-badge-new {
    background-color: var(--color-badge-new);
  }
  .bg-badge-rec {
    background-color: var(--color-badge-rec);
  }
  .bg-band {
    background-color: var(--color-band);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-header {
    background-color: var(--color-header);
  }
  .bg-page {
    background-color: var(--color-page);
  }
  .bg-page-alt {
    background-color: var(--color-page-alt);
  }
  .bg-panel {
    background-color: var(--color-panel);
  }
  .bg-soft {
    background-color: var(--color-soft);
  }
  .bg-steel {
    background-color: var(--color-steel);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .object-contain {
    object-fit: contain;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-\[30px\] {
    padding-block: 30px;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[17px\] {
    font-size: 17px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[25px\] {
    font-size: 25px;
  }
  .text-\[30px\] {
    font-size: 30px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-\[19px\] {
    --tw-leading: 19px;
    line-height: 19px;
  }
  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .tracking-\[0\.04em\] {
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
  }
  .tracking-\[1px\] {
    --tw-tracking: 1px;
    letter-spacing: 1px;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#444\] {
    color: #444;
  }
  .text-\[\#555\] {
    color: #555;
  }
  .text-\[\#b86e00\] {
    color: #b86e00;
  }
  .text-\[\#d5dae0\] {
    color: #d5dae0;
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-banner {
    color: var(--color-banner);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-delete {
    color: var(--color-delete);
  }
  .text-head-text {
    color: var(--color-head-text);
  }
  .text-ink {
    color: var(--color-ink);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-ok {
    color: var(--color-ok);
  }
  .text-old {
    color: var(--color-old);
  }
  .text-steel {
    color: var(--color-steel);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  @media (hover: hover) {
    .hover\:border-delete:hover {
      border-color: var(--color-delete);
    }
    .hover\:border-steel:hover {
      border-color: var(--color-steel);
    }
    .hover\:text-delete:hover {
      color: var(--color-delete);
    }
    .hover\:text-link-hover:hover {
      color: var(--color-link-hover);
    }
    .hover\:shadow-\[0_2px_10px_rgba\(0\,0\,0\,0\.08\)\]:hover {
      --tw-shadow: 0 2px 10px var(--tw-shadow-color, rgba(0,0,0,0.08));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
    .sm\:block {
      display: block;
    }
    .sm\:h-\[142px\] {
      height: 142px;
    }
    .sm\:max-h-\[142px\] {
      max-height: 142px;
    }
    .sm\:min-h-12 {
      min-height: calc(var(--spacing) * 12);
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:max-w-\[180px\] {
      max-width: 180px;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:px-\[35px\] {
      padding-inline: 35px;
    }
    .sm\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .sm\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }
    .sm\:text-\[14px\] {
      font-size: 14px;
    }
    .sm\:text-\[18px\] {
      font-size: 18px;
    }
    .sm\:leading-6 {
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
    }
    .sm\:leading-\[18px\] {
      --tw-leading: 18px;
      line-height: 18px;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[1fr_340px\] {
      grid-template-columns: 1fr 340px;
    }
    .lg\:grid-cols-\[220px_1fr\] {
      grid-template-columns: 220px 1fr;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
      grid-template-columns: minmax(0,1fr) 320px;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,1fr) auto;
    }
    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .lg\:py-0 {
      padding-block: 0px;
    }
    .lg\:py-\[30px\] {
      padding-block: 30px;
    }
    .lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@layer base {
  html {
    -webkit-text-size-adjust: 100%;
    scroll-padding-top: 60px;
  }
  body {
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 20px;
    color: var(--color-ink);
    background: #ffffff;
  }
  select {
    font-family: var(--font-body);
  }
  :focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 1px;
  }
  ::selection {
    background: #cfe2f7;
  }
}
@layer components {
  button:not(:disabled):not([aria-disabled="true"]) {
    cursor: pointer;
  }
  button:disabled,
  button[aria-disabled="true"] {
    cursor: not-allowed;
  }
  label:has(input:is([type="checkbox"], [type="radio"], [type="file"]):not(:disabled)) {
    cursor: pointer;
  }
  .container-site {
    width: 100%;
    max-width: var(--container-site);
    margin-inline: auto;
    padding-inline: 16px;
  }
  @media (min-width: 992px) {
    .container-site {
      padding-inline: 0;
    }
  }
  .lnk {
    color: var(--color-link);
    text-decoration: underline;
    text-decoration-color: var(--color-link-line);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    cursor: pointer;
  }
  .lnk:hover {
    color: var(--color-link-hover);
    text-decoration-color: var(--color-link-hover-line);
  }
  .lnk-dotted {
    color: var(--color-link);
    text-decoration: underline dotted;
    text-decoration-color: var(--color-link-line);
    text-underline-offset: 3px;
    cursor: pointer;
  }
  .lnk-dotted:hover {
    color: var(--color-link-hover);
    text-decoration-color: var(--color-link-hover-line);
  }
  .lnk-light {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.7);
    text-underline-offset: 3px;
  }
  .lnk-light:hover {
    color: #dedede;
  }
  .lnk-footer {
    color: #f1f1f1;
    text-decoration: underline;
    text-decoration-color: #818181;
    text-underline-offset: 3px;
  }
  .lnk-footer:hover {
    color: #ff8d8c;
    text-decoration-color: #f67675;
  }
  .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--font-sans);
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: var(--color-primary);
    border: 0;
    border-radius: 4px;
    padding: 0 35px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color 0.12s;
  }
  .btn:hover {
    background: var(--color-primary-hover);
    color: #fff;
  }
  .btn:active {
    background: var(--color-primary-active);
  }
  .btn:disabled,
  .btn[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
  }
  .btn-dark {
    background: #000;
  }
  .btn-dark:hover {
    background: var(--color-dark-hover);
  }
  .btn-dark:active {
    background: var(--color-dark-active);
  }
  .btn-buy {
    line-height: 30px;
  }
  .btn-md {
    padding: 0 40px;
  }
  .btn-lg {
    font-size: 20px;
    line-height: 40px;
    padding: 0 40px;
  }
  .btn-ghost {
    background: transparent;
    color: var(--color-link);
    border: 1px solid var(--color-line);
  }
  .btn-ghost:hover {
    background: var(--color-soft);
    color: var(--color-link-hover);
  }
  .inp {
    height: 30px;
    width: 100%;
    font-family: var(--font-sans);
    font-size: 14px;
    padding: 0 10px;
    color: var(--color-ink);
    background: #fff;
    border: 1px solid var(--color-line-input);
    border-radius: 0;
  }
  .inp:focus {
    border-color: var(--color-line-focus);
    outline: none;
    box-shadow: 0 0 0 2px rgba(55, 122, 208, 0.25);
  }
  textarea.inp {
    height: auto;
    min-height: 80px;
    padding: 6px 10px;
    font-size: 16px;
    line-height: 20px;
    border-color: #999;
    resize: vertical;
  }
  .sel {
    height: 30px;
    width: 100%;
    font-family: var(--font-body);
    font-size: 15px;
    background: var(--color-page);
    border: 1px solid #999;
    border-radius: 0;
    padding: 0 8px;
  }
  .sel:focus {
    background: #fff;
  }
  .lbl {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
  }
  .err {
    color: red;
    font-size: 13px;
    line-height: 16px;
    margin-top: 3px;
  }
  .h1-shop {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
  }
  @media (max-width: 640px) {
    .h1-shop {
      font-size: 24px;
      line-height: 26px;
      letter-spacing: 0.5px;
    }
  }
  .module-title {
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
  }
  .module-title-big {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
  }
  .group-title {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .filter-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 4px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--color-line);
  }
  .badge {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 20px;
    padding: 0 0 0 14px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
  }
  .spec-table {
    width: 100%;
    font-size: 17px;
    border-collapse: collapse;
  }
  .spec-table th,
  .spec-table td {
    padding: 10px 8px 8px;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
  }
  .spec-table th {
    font-weight: 700;
    width: 42%;
  }
  .spec-table tr:nth-child(odd) {
    background: var(--color-panel);
  }
  .spec-table tr:hover {
    background: var(--color-band);
  }
  .tabs-bar {
    display: flex;
    gap: 5px;
    border-bottom: 4px solid var(--color-line);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .tab {
    position: relative;
    top: 4px;
    flex: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-link);
    background: var(--color-page);
    border: 1px solid var(--color-line);
    border-bottom: 4px solid var(--color-line);
    cursor: pointer;
    white-space: nowrap;
  }
  .tab:hover {
    color: var(--color-link-hover);
  }
  .tab[aria-selected="true"] {
    color: #000;
    background: #fff;
    border-bottom-color: #000;
  }
  .prose-shop {
    font-size: 17px;
    line-height: 25px;
  }
  .prose-shop p,
  .prose-shop ul,
  .prose-shop ol {
    padding-bottom: 16px;
  }
  .prose-shop ul {
    list-style: disc;
    padding-left: 28px;
  }
  .prose-shop ol {
    list-style: decimal;
    padding-left: 28px;
  }
  .prose-shop li {
    padding-bottom: 6px;
  }
  .prose-shop h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin: 8px 0 12px;
  }
  .prose-shop h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin: 6px 0 10px;
  }
  .prose-shop a {
    color: var(--color-link);
    text-decoration: underline;
    text-decoration-color: var(--color-link-line);
    text-underline-offset: 3px;
  }
  .prose-shop a:hover {
    color: var(--color-link-hover);
  }
  .prose-shop table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
  }
  .prose-shop td,
  .prose-shop th {
    border: 1px solid var(--color-line);
    padding: 6px 8px;
  }
  .fcheck {
    width: 18px;
    height: 18px;
    flex: none;
    border: 1px solid #8a8a8a;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .fcheck[data-on="true"] {
    background: #000;
    border-color: #000;
  }
  .nav-icon {
    --icon-cut: #ffffff;
  }
  .nav-tab-tool {
    background: var(--color-tool);
  }
  .nav-tab-tool .nav-icon,
  .nav-icon-tool {
    --icon-cut: var(--color-tool);
  }
  .nav-tab:hover .nav-icon,
  .nav-tab[data-open="true"] .nav-icon {
    --icon-cut: var(--color-steel);
  }
  .range-thumb::-webkit-slider-thumb {
    pointer-events: auto;
    appearance: none;
    width: 10px;
    height: 22px;
    background: #000;
    border-radius: 1px;
    cursor: pointer;
  }
  .range-thumb::-moz-range-thumb {
    pointer-events: auto;
    width: 10px;
    height: 22px;
    background: #000;
    border: 0;
    border-radius: 1px;
    cursor: pointer;
  }
  .range-thumb::-webkit-slider-runnable-track {
    background: transparent;
  }
  .range-thumb:focus-visible::-webkit-slider-thumb {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }
  .admin-body {
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 20px;
    color: #1f2933;
    background: #f4f6f9;
  }
  .admin-body .a-input {
    height: 34px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #cbd2d9;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
  }
  .admin-body textarea.a-input {
    height: auto;
    min-height: 90px;
    padding: 8px 10px;
    line-height: 20px;
  }
  .admin-body .a-input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(55, 122, 208, 0.2);
  }
  .admin-body .a-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #52606d;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
  }
  .admin-body .a-card {
    background: #fff;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
  }
  .admin-body .a-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.12s, border-color 0.12s;
  }
  .admin-body .a-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .admin-body .a-btn-primary {
    background: var(--color-primary);
    color: #fff;
  }
  .admin-body .a-btn-primary:hover:not(:disabled) {
    background: var(--color-primary-hover);
  }
  .admin-body .a-btn-secondary {
    background: #fff;
    color: #1f2933;
    border-color: #cbd2d9;
  }
  .admin-body .a-btn-secondary:hover:not(:disabled) {
    background: #f5f7fa;
    border-color: #9aa5b1;
  }
  .admin-body .a-btn-danger {
    background: #fff;
    color: #c81e1e;
    border-color: #f8b4b4;
  }
  .admin-body .a-btn-danger:hover:not(:disabled) {
    background: #fdf2f2;
  }
  .admin-body .a-btn-ghost {
    background: transparent;
    color: #3e4c59;
  }
  .admin-body .a-btn-ghost:hover:not(:disabled) {
    background: #e4e7eb;
  }
  .admin-body .a-btn-sm {
    height: 28px;
    padding: 0 10px;
    font-size: 13px;
  }
  .admin-body .a-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  .admin-body .a-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f5f7fa;
    font-size: 12px;
    font-weight: 700;
    color: #52606d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid #e4e7eb;
    white-space: nowrap;
  }
  .admin-body .a-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eef1f4;
    vertical-align: middle;
  }
  .admin-body .a-table tr:hover td {
    background: #fafbfc;
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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;
}
@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-space-y-reverse: 0;
      --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;
    }
  }
}