/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, 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-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --radius-xs: 0.125rem;
    --blur-sm: 8px;
    --blur-xl: 24px;
    --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);
    --color-accent: #37E9BE;
    --color-accent-hover: #91FFE4;
    --color-standard: #1f272a;
    --color-standard-hover: #394042;
    --color-bg: #071013;
    --color-txt: #FFFFFF;
  }
}
@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, ui-sans-serif, system-ui, 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 {
    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;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-15 {
    bottom: calc(var(--spacing) * 15);
  }
  .bottom-auto\! {
    bottom: auto !important;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .z-100 {
    z-index: 100;
  }
  .z-200 {
    z-index: 200;
  }
  .z-500 {
    z-index: 500;
  }
  .order-1 {
    order: 1;
  }
  .container {
    width: 100%;
    @media (width >= 360px) {
      max-width: 360px;
    }
    @media (width >= 768px) {
      max-width: 768px;
    }
    @media (width >= 1000px) {
      max-width: 1000px;
    }
    @media (width >= 1440px) {
      max-width: 1440px;
    }
    @media (width >= 1920px) {
      max-width: 1920px;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-5 {
    margin-inline-start: calc(var(--spacing) * 5);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .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-156 {
    margin-top: calc(var(--spacing) * 156);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .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);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-2\.75 {
    height: calc(var(--spacing) * 2.75);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-3\.25 {
    height: calc(var(--spacing) * 3.25);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-70 {
    height: calc(var(--spacing) * 70);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-87\.5 {
    height: calc(var(--spacing) * 87.5);
  }
  .h-113 {
    height: calc(var(--spacing) * 113);
  }
  .h-175 {
    height: calc(var(--spacing) * 175);
  }
  .h-\[calc\(100vh-76px\)\] {
    height: calc(100vh - 76px);
  }
  .h-full {
    height: 100%;
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-30 {
    width: calc(var(--spacing) * 30);
  }
  .w-45 {
    width: calc(var(--spacing) * 45);
  }
  .w-82 {
    width: calc(var(--spacing) * 82);
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-78 {
    max-width: calc(var(--spacing) * 78);
  }
  .max-w-142\.5 {
    max-width: calc(var(--spacing) * 142.5);
  }
  .max-w-480 {
    max-width: calc(var(--spacing) * 480);
  }
  .max-w-\[calc\(50\%-2px\)\] {
    max-width: calc(50% - 2px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[0_0_auto\] {
    flex: 0 0 auto;
  }
  .flex-\[0_0_max-content\] {
    flex: 0 0 max-content;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-145 {
    flex-basis: calc(var(--spacing) * 145);
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .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-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);
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded-xs {
    border-radius: var(--radius-xs);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-txt\/20 {
    border-color: color-mix(in srgb, #FFFFFF 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-txt) 20%, transparent);
    }
  }
  .border-white\/5 {
    border-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-\[\#1F272A\] {
    background-color: #1F272A;
  }
  .bg-accent {
    background-color: var(--color-accent);
  }
  .bg-bg {
    background-color: var(--color-bg);
  }
  .bg-bg\! {
    background-color: var(--color-bg) !important;
  }
  .bg-bg\/40 {
    background-color: color-mix(in srgb, #071013 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-bg) 40%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-standard {
    background-color: var(--color-standard);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-txt\/10 {
    background-color: color-mix(in srgb, #FFFFFF 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-txt) 10%, transparent);
    }
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .object-cover {
    object-fit: cover;
  }
  .object-center {
    object-position: center;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .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-15 {
    padding-inline: calc(var(--spacing) * 15);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-3\.25 {
    padding-block: calc(var(--spacing) * 3.25);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-4\.25 {
    padding-block: calc(var(--spacing) * 4.25);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-22\.5 {
    padding-block: calc(var(--spacing) * 22.5);
  }
  .pe-5 {
    padding-inline-end: calc(var(--spacing) * 5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-accent {
    color: var(--color-accent);
  }
  .text-bg {
    color: var(--color-bg);
  }
  .text-txt {
    color: var(--color-txt);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .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,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .tg-desktop-h5 {
    font: 500 20px/110% "Fact";
  }
  .tg-desktop-label-m {
    font: 16px/110% "Fact";
  }
  .tg-mobile-body-m {
    font: 15px/130% "Fact";
  }
  .tg-mobile-body-s {
    font: 12px/130% "Fact";
  }
  .tg-mobile-h2 {
    font: italic 800 26px/100% "Fact Extra";
  }
  .tg-mobile-h3 {
    font: 500 20px/110% "Fact";
  }
  .tg-mobile-label-m {
    font: 15px/110% "Fact";
  }
  .tg-mobile-label-m-m {
    font: 500 15px/130% "Fact";
  }
  .tg-mobile-label-m-m-2 {
    font: 500 15px/110% "Fact";
  }
  .tg-mobile-label-s {
    font: 12px/110% "Fact";
  }
  .group-hover\:scale-120 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 120%;
        --tw-scale-y: 120%;
        --tw-scale-z: 120%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:border-none {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-border-style: none;
        border-style: none;
      }
    }
  }
  .placeholder\:text-txt\/50 {
    &::placeholder {
      color: color-mix(in srgb, #FFFFFF 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-txt) 50%, transparent);
      }
    }
  }
  .hover\:bg-\[\#394042\] {
    &:hover {
      @media (hover: hover) {
        background-color: #394042;
      }
    }
  }
  .hover\:bg-accent-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-hover);
      }
    }
  }
  .hover\:bg-standard-hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-standard-hover);
      }
    }
  }
  .md\:top-19 {
    @media (width >= 768px) {
      top: calc(var(--spacing) * 19);
    }
  }
  .md\:bottom-auto {
    @media (width >= 768px) {
      bottom: auto;
    }
  }
  .md\:left-6 {
    @media (width >= 768px) {
      left: calc(var(--spacing) * 6);
    }
  }
  .md\:my-8 {
    @media (width >= 768px) {
      margin-block: calc(var(--spacing) * 8);
    }
  }
  .md\:my-10 {
    @media (width >= 768px) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .md\:my-15 {
    @media (width >= 768px) {
      margin-block: calc(var(--spacing) * 15);
    }
  }
  .md\:ms-10 {
    @media (width >= 768px) {
      margin-inline-start: calc(var(--spacing) * 10);
    }
  }
  .md\:ms-auto {
    @media (width >= 768px) {
      margin-inline-start: auto;
    }
  }
  .md\:me-0 {
    @media (width >= 768px) {
      margin-inline-end: calc(var(--spacing) * 0);
    }
  }
  .md\:me-10 {
    @media (width >= 768px) {
      margin-inline-end: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-2 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .md\:mt-8 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  .md\:mt-10 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-15 {
    @media (width >= 768px) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .md\:mb-5 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:mb-8 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-10 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-15 {
    @media (width >= 768px) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:flex {
    @media (width >= 768px) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 768px) {
      display: none;
    }
  }
  .md\:h-4 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 4);
    }
  }
  .md\:h-5\.25 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 5.25);
    }
  }
  .md\:h-6 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-75\.5 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 75.5);
    }
  }
  .md\:h-85 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 85);
    }
  }
  .md\:h-150 {
    @media (width >= 768px) {
      height: calc(var(--spacing) * 150);
    }
  }
  .md\:w-87\.5 {
    @media (width >= 768px) {
      width: calc(var(--spacing) * 87.5);
    }
  }
  .md\:w-117\.5 {
    @media (width >= 768px) {
      width: calc(var(--spacing) * 117.5);
    }
  }
  .md\:w-full {
    @media (width >= 768px) {
      width: 100%;
    }
  }
  .md\:w-max {
    @media (width >= 768px) {
      width: max-content;
    }
  }
  .md\:max-w-110 {
    @media (width >= 768px) {
      max-width: calc(var(--spacing) * 110);
    }
  }
  .md\:max-w-130 {
    @media (width >= 768px) {
      max-width: calc(var(--spacing) * 130);
    }
  }
  .md\:max-w-\[50\%\] {
    @media (width >= 768px) {
      max-width: 50%;
    }
  }
  .md\:max-w-\[calc\(50\%-8px\)\] {
    @media (width >= 768px) {
      max-width: calc(50% - 8px);
    }
  }
  .md\:max-w-\[calc\(50\%-10px\)\] {
    @media (width >= 768px) {
      max-width: calc(50% - 10px);
    }
  }
  .md\:basis-60 {
    @media (width >= 768px) {
      flex-basis: calc(var(--spacing) * 60);
    }
  }
  .md\:basis-\[46\%\] {
    @media (width >= 768px) {
      flex-basis: 46%;
    }
  }
  .md\:flex-col {
    @media (width >= 768px) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 768px) {
      flex-direction: row;
    }
  }
  .md\:flex-wrap {
    @media (width >= 768px) {
      flex-wrap: wrap;
    }
  }
  .md\:items-center {
    @media (width >= 768px) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 768px) {
      align-items: flex-end;
    }
  }
  .md\:justify-between {
    @media (width >= 768px) {
      justify-content: space-between;
    }
  }
  .md\:gap-2 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-3 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .md\:gap-4 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-8 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 768px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-y-5 {
    @media (width >= 768px) {
      row-gap: calc(var(--spacing) * 5);
    }
  }
  .md\:p-6 {
    @media (width >= 768px) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .md\:px-4 {
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-6 {
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:py-3 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-3\.5 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .md\:py-7 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .md\:py-8 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .md\:py-15 {
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .md\:pt-2 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .md\:pt-8 {
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  .md\:pb-0\.75 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 0.75);
    }
  }
  .md\:pb-15 {
    @media (width >= 768px) {
      padding-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:tg-desktop-body-l {
    @media (width >= 768px) {
      font: 20px/130% "Fact";
    }
  }
  .md\:tg-desktop-body-m {
    @media (width >= 768px) {
      font: 16px/130% "Fact";
    }
  }
  .md\:tg-desktop-h4 {
    @media (width >= 768px) {
      font: 500 27px/110% "Fact";
    }
  }
  .md\:tg-desktop-h5 {
    @media (width >= 768px) {
      font: 500 20px/110% "Fact";
    }
  }
  .md\:tg-desktop-label-m {
    @media (width >= 768px) {
      font: 16px/110% "Fact";
    }
  }
  .md\:tg-desktop-label-s {
    @media (width >= 768px) {
      font: 12px/110% "Fact";
    }
  }
  .md\:tg-tablet-body-m {
    @media (width >= 768px) {
      font: 20px/120% "Fact";
    }
  }
  .md\:tg-tablet-h2 {
    @media (width >= 768px) {
      font: italic 800 36px/100% "Fact Extra";
    }
  }
  .md\:tg-tablet-h3 {
    @media (width >= 768px) {
      font: 500 30px/110% "Fact";
    }
  }
  .lg\:sticky {
    @media (width >= 1440px) {
      position: sticky;
    }
  }
  .lg\:top-0 {
    @media (width >= 1440px) {
      top: calc(var(--spacing) * 0);
    }
  }
  .lg\:top-28\.5 {
    @media (width >= 1440px) {
      top: calc(var(--spacing) * 28.5);
    }
  }
  .lg\:left-15 {
    @media (width >= 1440px) {
      left: calc(var(--spacing) * 15);
    }
  }
  .lg\:-order-1 {
    @media (width >= 1440px) {
      order: calc(1 * -1);
    }
  }
  .lg\:order-1 {
    @media (width >= 1440px) {
      order: 1;
    }
  }
  .lg\:mx-0 {
    @media (width >= 1440px) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:mx-auto {
    @media (width >= 1440px) {
      margin-inline: auto;
    }
  }
  .lg\:my-10 {
    @media (width >= 1440px) {
      margin-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-5 {
    @media (width >= 1440px) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:mt-10 {
    @media (width >= 1440px) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .lg\:mt-15 {
    @media (width >= 1440px) {
      margin-top: calc(var(--spacing) * 15);
    }
  }
  .lg\:mt-146\.5 {
    @media (width >= 1440px) {
      margin-top: calc(var(--spacing) * 146.5);
    }
  }
  .lg\:mt-auto {
    @media (width >= 1440px) {
      margin-top: auto;
    }
  }
  .lg\:mb-6 {
    @media (width >= 1440px) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-10 {
    @media (width >= 1440px) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:block {
    @media (width >= 1440px) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 1440px) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 1440px) {
      display: none;
    }
  }
  .lg\:h-6 {
    @media (width >= 1440px) {
      height: calc(var(--spacing) * 6);
    }
  }
  .lg\:h-90 {
    @media (width >= 1440px) {
      height: calc(var(--spacing) * 90);
    }
  }
  .lg\:h-94\.5 {
    @media (width >= 1440px) {
      height: calc(var(--spacing) * 94.5);
    }
  }
  .lg\:h-full {
    @media (width >= 1440px) {
      height: 100%;
    }
  }
  .lg\:max-h-142\.5 {
    @media (width >= 1440px) {
      max-height: calc(var(--spacing) * 142.5);
    }
  }
  .lg\:w-106\.5 {
    @media (width >= 1440px) {
      width: calc(var(--spacing) * 106.5);
    }
  }
  .lg\:w-\[50\%\] {
    @media (width >= 1440px) {
      width: 50%;
    }
  }
  .lg\:w-max {
    @media (width >= 1440px) {
      width: max-content;
    }
  }
  .lg\:max-w-162\.5 {
    @media (width >= 1440px) {
      max-width: calc(var(--spacing) * 162.5);
    }
  }
  .lg\:max-w-\[50\%\] {
    @media (width >= 1440px) {
      max-width: 50%;
    }
  }
  .lg\:max-w-\[calc\(24\.6\%-10px\)\] {
    @media (width >= 1440px) {
      max-width: calc(24.6% - 10px);
    }
  }
  .lg\:max-w-\[calc\(33\.1\%-8px\)\] {
    @media (width >= 1440px) {
      max-width: calc(33.1% - 8px);
    }
  }
  .lg\:min-w-82 {
    @media (width >= 1440px) {
      min-width: calc(var(--spacing) * 82);
    }
  }
  .lg\:basis-\[23\%\] {
    @media (width >= 1440px) {
      flex-basis: 23%;
    }
  }
  .lg\:flex-col {
    @media (width >= 1440px) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 1440px) {
      flex-direction: row;
    }
  }
  .lg\:flex-nowrap {
    @media (width >= 1440px) {
      flex-wrap: nowrap;
    }
  }
  .lg\:items-center {
    @media (width >= 1440px) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 1440px) {
      align-items: flex-end;
    }
  }
  .lg\:justify-between {
    @media (width >= 1440px) {
      justify-content: space-between;
    }
  }
  .lg\:justify-center {
    @media (width >= 1440px) {
      justify-content: center;
    }
  }
  .lg\:gap-7 {
    @media (width >= 1440px) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-8 {
    @media (width >= 1440px) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .lg\:gap-10 {
    @media (width >= 1440px) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:p-15 {
    @media (width >= 1440px) {
      padding: calc(var(--spacing) * 15);
    }
  }
  .lg\:px-15 {
    @media (width >= 1440px) {
      padding-inline: calc(var(--spacing) * 15);
    }
  }
  .lg\:py-15 {
    @media (width >= 1440px) {
      padding-block: calc(var(--spacing) * 15);
    }
  }
  .lg\:py-20 {
    @media (width >= 1440px) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:pt-15 {
    @media (width >= 1440px) {
      padding-top: calc(var(--spacing) * 15);
    }
  }
  .lg\:tg-desktop-h2 {
    @media (width >= 1440px) {
      font: italic 800 46px/100% "Fact Extra";
    }
  }
  .lg\:tg-desktop-h3 {
    @media (width >= 1440px) {
      font: 500 35px/110% "Fact";
    }
  }
  .lg\:tg-desktop-h4 {
    @media (width >= 1440px) {
      font: 500 27px/110% "Fact";
    }
  }
  .lg\:tg-desktop-label-m {
    @media (width >= 1440px) {
      font: 16px/110% "Fact";
    }
  }
}
@font-face {
  font-family: 'Fact';
  src: local('Fact'), url('/assets/fonts/fact/Fact-Regular.eot'), url('/assets/fonts/fact/Fact-Regular.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/fact/Fact-Regular.woff2') format('woff2'), url('/assets/fonts/fact/Fact-Regular.woff') format('woff'), url('/assets/fonts/fact/Fact-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Fact';
  src: local('Fact Medium'), local('Fact-Medium'), url('/assets/fonts/fact/Fact-Medium.eot'), url('/assets/fonts/fact/Fact-Medium.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/fact/Fact-Medium.woff2') format('woff2'), url('/assets/fonts/fact/Fact-Medium.woff') format('woff'), url('/assets/fonts/fact/Fact-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Fact Extra';
  src: local('Fact Extra Bold Italic'), local('Fact-ExtraBoldItalic'), url('/assets/fonts/fact/Fact-ExtraBoldItalic.eot'), url('/assets/fonts/fact/Fact-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/fact/Fact-ExtraBoldItalic.woff2') format('woff2'), url('/assets/fonts/fact/Fact-ExtraBoldItalic.woff') format('woff'), url('/assets/fonts/fact/Fact-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}
@layer base {
  :root {
    --swiper-pagination-color: var(--color-accent);
    --swiper-pagination-bullet-inactive-color: var(--color-txt);
    --swiper-pagination-bullet-inactive-opacity: .6;
    --swiper-pagination-bullet-horizontal-gap: 3px;
    --swiper-pagination-bullet-size: 4px;
    --swiper-navigation-sides-offset: 0;
    @media (width >= 768px) {
      --swiper-pagination-bullet-size: 6px;
    }
  }
  html {
    background-color: var(--color-txt);
  }
  body {
    position: relative;
    background-color: var(--color-bg);
    color: var(--color-txt);
    @media (width >= 1920px) {
      margin-inline: auto;
      max-width: calc(var(--spacing) * 480);
    }
  }
  input {
    font: 15px/110% "Fact";
    @media (width >= 768px) {
      font: 16px/110% "Fact";
    }
  }
  a {
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  hr {
    height: 1px;
    width: 100%;
    background-color: color-mix(in srgb, #FFFFFF 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-txt) 20%, transparent);
    }
    color: transparent;
  }
}
@layer components {
  .icon {
    display: inline-block;
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    fill: currentcolor;
    vertical-align: middle;
  }
  .search-icon {
    color: color-mix(in srgb, #FFFFFF 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-txt) 50%, transparent);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .search-wrapper:hover .search-icon, .search-wrapper:focus-within .search-icon {
    color: var(--color-accent) !important;
  }
  .search-clear {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, #FFFFFF 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-txt) 50%, transparent);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    font: 15px/110% "Fact";
    @media (width >= 768px) {
      font: 16px/110% "Fact";
    }
  }
  .btn-lg {
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 4.75);
  }
  .btn-md {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3.25);
  }
  .btn-primary {
    background-color: var(--color-accent);
    color: var(--color-bg);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-accent-hover);
      }
    }
  }
  .btn-secondary {
    background-color: var(--color-standard);
    color: var(--color-txt);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-standard-hover);
      }
    }
  }
  .btn .icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
  }
  .btn .icon.tg {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13.7937%202.11236C13.9002%200.90348%2012.6234%201.40138%2012.6234%201.40138C11.6809%201.79165%2010.7088%202.18798%209.72627%202.58874C6.67923%203.83156%203.53173%205.11551%200.850391%206.37932C-0.603576%206.91255%200.247608%207.44578%200.247608%207.44578L2.55248%208.15704C3.61646%208.4772%204.18364%208.12143%204.18364%208.12143L9.14833%204.74374C10.9214%203.53486%2010.4958%204.5304%2010.0702%204.95709L6.34693%208.51252C5.77947%209.01043%206.0632%209.43712%206.31133%209.65047C7.01513%2010.2712%208.74565%2011.4069%209.50106%2011.9026C9.69757%2012.0315%209.82812%2012.1174%209.85765%2012.1394C10.0348%2012.2816%2010.9923%2012.9216%2011.6307%2012.7795C12.2691%2012.6371%2012.34%2011.8193%2012.34%2011.8193L13.1909%206.2369C13.3184%205.26787%2013.465%204.33637%2013.582%203.59227C13.6924%202.88958%2013.7766%202.35441%2013.7937%202.11236Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") center no-repeat;
  }
  .btn .icon.wa {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url%28%23clip0_2063_5946%29%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6343%202.3201C10.3982%201.08243%208.75408%200.400563%207.00256%200.399902C3.39372%200.399902%200.45627%203.33693%200.454978%206.94706C0.454528%208.10107%200.756003%209.22754%201.32886%2010.2203L0.399902%2013.6133L3.87087%2012.7029C4.82716%2013.2246%205.90405%2013.4994%206.99971%2013.4999H7.00232C10.6109%2013.4999%2013.5484%2010.5624%2013.5499%206.9525C13.551%205.20272%2012.8706%203.55781%2011.6343%202.3201ZM9.98767%208.31801C9.82401%208.23609%209.01979%207.84041%208.8697%207.78581C8.71982%207.73119%208.6106%207.70386%208.50156%207.86773C8.39255%208.03161%208.07903%208.39993%207.98356%208.50918C7.8881%208.61843%207.7926%208.63198%207.62918%208.55005C7.60245%208.53663%207.56593%208.52084%207.52092%208.50132C7.29052%208.40137%206.83613%208.20432%206.31351%207.73794C5.82717%207.30406%205.49879%206.76835%205.40332%206.60472C5.30786%206.44087%205.39305%206.35237%205.47498%206.27087C5.52411%206.22189%205.5805%206.15318%205.6369%206.08453C5.66501%206.05027%205.69312%206.016%205.72032%205.98423C5.78963%205.90327%205.81978%205.8418%205.86069%205.75849C5.86801%205.74357%205.87567%205.72792%205.88399%205.71137C5.93858%205.60212%205.91129%205.50663%205.87042%205.4247C5.84315%205.36999%205.68807%204.99257%205.54747%204.65034C5.47756%204.48019%205.41122%204.31872%205.36596%204.20998C5.24867%203.92835%205.12987%203.92907%205.03449%203.92964C5.02185%203.92973%205.00959%203.92982%204.99782%203.92922C4.90257%203.92442%204.79332%203.92355%204.68431%203.92355C4.57527%203.92355%204.39809%203.96439%204.24799%204.12826C4.23832%204.13883%204.22751%204.15037%204.21577%204.16289C4.04529%204.3449%203.67537%204.73983%203.67537%205.49311C3.67537%206.29643%204.25868%207.07259%204.34286%207.18463C4.34818%207.19175%204.35833%207.2062%204.3719%207.22572C4.56722%207.50587%205.60393%208.99318%207.13827%209.65577C7.52869%209.82442%207.83323%209.92494%208.07092%2010.0003C8.46288%2010.1248%208.81946%2010.1073%209.1015%2010.0652C9.41589%2010.0182%2010.0694%209.66953%2010.2057%209.28739C10.342%208.90528%2010.342%208.57759%2010.3012%208.50939C10.2682%208.45423%2010.1909%208.41684%2010.0763%208.36143C10.0488%208.34816%2010.0193%208.33387%209.98767%208.31801Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_2063_5946%22%3E%0A%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E") center no-repeat;
  }
  .btn-icon {
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background: var(--icon-image) center no-repeat, var(--bg-color);
  }
  .btn-icon:is( [data-icon="dots"], [data-icon="tg"], [data-icon="vk"], [data-icon="mx"], ) {
    --bg-color: var(--color-accent);
    &:hover {
      @media (hover: hover) {
        --bg-color: var(--color-accent-hover);
      }
    }
  }
  .btn-icon[data-icon="dots"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20y%3D%227%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23071013%22%2F%3E%0A%3Crect%20x%3D%227%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23071013%22%2F%3E%0A%3Crect%20width%3D%224%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23071013%22%2F%3E%0A%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%224%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23071013%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-icon[data-icon="tg"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2214%22%20viewBox%3D%220%200%2017%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.17966%208.16041L0.340401%206.91156C0.340401%206.91156%20-0.118433%206.72571%200.0293118%206.30428C0.0597259%206.21738%200.121078%206.14343%200.304612%206.01635C1.15529%205.42438%2016.05%200.0796747%2016.05%200.0796747C16.05%200.0796747%2016.4705%20-0.0618055%2016.7185%200.0322965C16.7799%200.0512592%2016.8351%200.086154%2016.8785%200.13341C16.922%200.180667%2016.952%200.238589%2016.9657%200.301253C16.9925%200.411933%2017.0037%200.525804%2016.999%200.639575C16.9978%200.737996%2016.9858%200.829219%2016.9768%200.972269C16.8861%202.43353%2014.1714%2013.3394%2014.1714%2013.3394C14.1714%2013.3394%2014.0089%2013.9776%2013.427%2013.9994C13.284%2014.0041%2013.1415%2013.9799%2013.0081%2013.9283C12.8746%2013.8768%2012.7529%2013.799%2012.6503%2013.6995C11.5083%2012.7188%207.56127%2010.0706%206.68909%209.48817C6.66942%209.47479%206.65285%209.45735%206.6405%209.43703C6.62815%209.41671%206.62031%209.39399%206.61751%209.37038C6.60532%209.309%206.67218%209.23296%206.67218%209.23296C6.67218%209.23296%2013.545%203.134%2013.7279%202.49374C13.742%202.44413%2013.6885%202.41966%2013.6167%202.44139C13.1602%202.60904%205.24704%207.59802%204.37368%208.14863C4.31082%208.16762%204.24437%208.17165%204.17966%208.16041Z%22%20fill%3D%22%23071013%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-icon[data-icon="vk"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2213%22%20viewBox%3D%220%200%2023%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.0086%2012.4476H12.3535C12.3535%2012.4476%2012.7596%2012.404%2012.9672%2012.1864C13.1581%2011.9864%2013.152%2011.6111%2013.152%2011.6111C13.152%2011.6111%2013.1257%209.85385%2013.9631%209.59508C14.7889%209.34%2015.8491%2011.2934%2016.9727%2012.0446C17.8225%2012.6128%2018.4682%2012.4885%2018.4682%2012.4885L21.473%2012.4476C21.473%2012.4476%2023.0447%2012.3531%2022.2994%2011.1497C22.2384%2011.0514%2021.8652%2010.2595%2020.0652%208.63241C18.181%206.92944%2018.4336%207.20497%2020.7031%204.25926C22.0853%202.46533%2022.6377%201.37019%2022.4651%200.90116C22.3006%200.454277%2021.2839%200.572325%2021.2839%200.572325L17.9008%200.592693C17.9008%200.592693%2017.6498%200.55944%2017.4639%200.667766C17.2821%200.7737%2017.1654%201.02121%2017.1654%201.02121C17.1654%201.02121%2016.6297%202.40931%2015.9159%203.59002C14.4094%206.08105%2013.8069%206.2129%2013.5607%206.05798C12.9878%205.69743%2013.1309%204.60985%2013.1309%203.83699C13.1309%201.42281%2013.507%200.41624%2012.3987%200.155687C12.031%200.0692734%2011.7601%200.0121012%2010.8196%200.00276548C9.61234%20-0.00919357%208.59082%200.00639212%208.01229%200.282376C7.62739%200.465928%207.33044%200.87485%207.5114%200.898382C7.73506%200.927392%208.24134%201.03148%208.50977%201.38716C8.85656%201.84662%208.84444%202.87803%208.84444%202.87803C8.84444%202.87803%209.0437%205.71988%208.3792%206.07279C7.92323%206.3149%207.29763%205.82065%205.95453%203.56062C5.2665%202.40298%204.74683%201.12321%204.74683%201.12321C4.74683%201.12321%204.64676%200.884109%204.46802%200.756108C4.25124%200.601026%203.94835%200.551879%203.94835%200.551879L0.733359%200.572325C0.733359%200.572325%200.250848%200.585441%200.0735313%200.789825C-0.0842154%200.971757%200.0609348%201.34758%200.0609348%201.34758C0.0609348%201.34758%202.57775%207.0819%205.42781%209.97167C8.04137%2012.6215%2011.0086%2012.4476%2011.0086%2012.4476Z%22%20fill%3D%22%23071013%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-icon[data-icon="mx"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.2149%2019.9429C8.25211%2019.9429%207.33999%2019.6551%205.75453%2018.504C4.75166%2019.799%201.57594%2020.8111%201.43743%2019.0796C1.43743%2017.7798%201.1509%2016.6815%200.826161%2015.4824C0.439353%2014.0051%200%2012.36%200%209.97627C0%204.28308%204.65138%200%2010.1623%200C15.6781%200%2019.9999%204.49411%2019.9999%2010.029C20.0184%2015.4783%2015.6406%2019.9139%2010.2149%2019.9429ZM10.2961%204.92097C7.61221%204.78189%205.52051%206.64765%205.05729%209.57338C4.67525%2011.9955%205.35338%2014.9452%205.93121%2015.0987C6.20819%2015.1658%206.90543%2014.5999%207.33999%2014.1634C8.05859%2014.662%208.89538%2014.9614%209.76598%2015.0315C12.5469%2015.1659%2014.9231%2013.0396%2015.1098%2010.2497C15.2185%207.45383%2013.0773%205.08578%2010.2961%204.92578V4.92097Z%22%20fill%3D%22%23071013%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-icon[data-icon="ud"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2019.0488L21.9375%2017L24%2019.1816L20.5615%2022.8174L20.5625%2022.8184L18.5%2025L16.4375%2022.8184V22.8174L13%2019.1816L15.0625%2017L17%2019.0488V0H20V19.0488Z%22%20fill%3D%22%2337E9BE%22%2F%3E%3Cpath%20d%3D%22M7%205.95117L8.9375%208L11%205.81836L7.56152%202.18262L7.5625%202.18164L5.5%200L3.4375%202.18164V2.18262L0%205.81836L2.0625%208L4%205.95117V25H7V5.95117Z%22%20fill%3D%22%2337E9BE%22%2F%3E%3C%2Fsvg%3E");
  }
  .btn-icon:is( [data-icon="search"], [data-icon="menu"], [data-icon="close"], [data-icon="ud"], ) {
    --bg-color: transparent;
    &:hover {
      @media (hover: hover) {
        --bg-color: var(--color-standard-hover);
      }
    }
  }
  .btn-icon[data-icon="search"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%2214.7827%22%20y%3D%2217.7437%22%20width%3D%224.18171%22%20height%3D%228.36354%22%20transform%3D%22rotate%28-45%2014.7827%2017.7437%29%22%20fill%3D%22%2337E9BE%22%2F%3E%0A%3Crect%20x%3D%222.12132%22%20y%3D%2211.8277%22%20width%3D%2213.7268%22%20height%3D%2213.7271%22%20rx%3D%226.86342%22%20transform%3D%22rotate%28-45%202.12132%2011.8277%29%22%20stroke%3D%22%2337E9BE%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-icon[data-icon="menu"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2215%22%20viewBox%3D%220%200%2024%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%2337E9BE%22%2F%3E%0A%3Crect%20y%3D%226%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%2337E9BE%22%2F%3E%0A%3Crect%20y%3D%2212%22%20width%3D%2224%22%20height%3D%223%22%20fill%3D%22%2337E9BE%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-icon[data-icon="close"] {
    --icon-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%202.22168L12.2217%209.99902L20%2017.7773L17.7773%2020L9.99902%2012.2217L2.22266%2020L0%2017.7773L7.77734%2010L0%202.22266L2.22266%200L10%207.77734L17.7773%200L20%202.22168Z%22%20fill%3D%22%2337E9BE%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-nav {
    --bg-color: var(--color-standard);
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background: var(--bg-image) center no-repeat, var(--bg-color);
    &:hover {
      @media (hover: hover) {
        --bg-color: var(--color-standard-hover);
      }
    }
  }
  .btn-nav.up {
    --bg-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2218%22%20viewBox%3D%220%200%2012%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.81333%2018H4.16L4.16%205.68286L0%208.92286L0%204.52571L6%200L12%204.52571L12%208.92286L7.81333%205.65714L7.81333%2018Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-nav.left {
    --bg-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18%207.81333L18%204.16L5.68286%204.16L8.92286%20-3.90031e-07L4.52571%20-1.97825e-07L2.62268e-07%206L4.52571%2012L8.92286%2012L5.65714%207.81333L18%207.81333Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .btn-nav.right {
    --bg-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20viewBox%3D%220%200%2018%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M-3.41532e-07%207.81333L-1.81839e-07%204.16L12.3171%204.16L9.07714%20-3.90031e-07L13.4743%20-1.97825e-07L18%206L13.4743%2012L9.07714%2012L12.3429%207.81333L-3.41532e-07%207.81333Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
  }
  .parallelograms {
    --left-bg-offset: -400px;
    --right-bg-offset: -400px;
    --bg-size: 460px 322px;
    text-align: center;
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20460%20322%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.1%22%20d%3D%22M76.865%200H460L383.135%20322H0L76.865%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") bottom 0 left var(--left-bg-offset) / var(--bg-size) no-repeat, url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20460%20322%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.1%22%20d%3D%22M76.865%200H460L383.135%20322H0L76.865%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") top 0 right var(--right-bg-offset) / var(--bg-size) no-repeat;
    @media (width >= 768px) {
      --left-bg-offset: -350px;
      --right-bg-offset: -350px;
    }
    @media (width >= 1000px) {
      --left-bg-offset: -250px;
      --right-bg-offset: -250px;
    }
    @media (width >= 1440px) {
      --left-bg-offset: -100px;
      --right-bg-offset: -100px;
    }
  }
  .icon-menu {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' y='8.5' width='4' height='4' rx='2' fill='black'/%3E%3Crect x='8.5' y='1.5' width='4' height='4' rx='2' fill='black'/%3E%3Crect x='1.5' y='1.5' width='4' height='4' rx='2' fill='black'/%3E%3Crect x='8.5' y='8.5' width='4' height='4' rx='2' fill='black'/%3E%3C/svg%3E");
  }
  .icon-arrow-down {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00244 7.58695L9.83018 4.75921L11.2444 6.17342L6.99968 10.4181L2.75842 6.17273L4.17263 4.75852L7.00244 7.58695Z' fill='black'/%3E%3C/svg%3E");
  }
  .icon-search {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.32843 3.32831C4.89052 1.76621 7.42318 1.76621 8.98528 3.32831C10.3032 4.64625 10.5092 6.65507 9.60331 8.18898L11.8137 10.3994L10.3995 11.8136L8.1891 9.60319C6.65519 10.5091 4.64636 10.3031 3.32843 8.98517C1.76633 7.42307 1.76633 4.89041 3.32843 3.32831ZM4.74264 4.74252C3.96159 5.52357 3.96159 6.7899 4.74264 7.57095C5.52369 8.352 6.79002 8.352 7.57107 7.57095C8.35212 6.7899 8.35212 5.52357 7.57107 4.74252C6.79002 3.96148 5.52369 3.96148 4.74264 4.74252Z' fill='black'/%3E%3C/svg%3E");
  }
  .icon-hamburger {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 3.5H12M2 7H12M2 10.5H12' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .icon-close {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00193 5.58745L9.83036 2.75903L11.2446 4.17324L8.41615 7.00167L11.2439 9.8294L9.82967 11.2436L7.00193 8.41588L4.17351 11.2443L2.75929 9.83009L5.58772 7.00167L2.7586 4.17255L4.17282 2.75834L7.00193 5.58745Z' fill='black'/%3E%3C/svg%3E");
  }
  .ty85u0yio {
    background: url("/assets/img/home-hero.png") center/cover no-repeat, linear-gradient(135deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0));
  }
  select.chevron {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    --bg-color: var(--color-standard);
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2014%2014'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7.00244%207.58695L9.83018%204.75921L11.2444%206.17342L6.99968%2010.4181L2.75842%206.17273L4.17263%204.75852L7.00244%207.58695Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E") top 50% right 12px / 14px 14px no-repeat, var(--bg-color);
    &:hover {
      @media (hover: hover) {
        --bg-color: var(--color-standard-hover);
      }
    }
  }
  .video-thumbnail {
    background: url("/assets/img/review-vid.jpg") center/cover no-repeat;
  }
  .video-play-btn {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200L18%209L0%2018V0Z%22%20fill%3D%22%2337E9BE%22%2F%3E%3C%2Fsvg%3E") center/18px 18px no-repeat, rgba(255, 255, 255, .2);
  }
  #product-previewer > div img:not(.selected) {
    opacity: 50%;
  }
  #product-previewer > div > div:last-of-type > div:first-of-type {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.16%2013.232L6%2016.5V12.0648L12%207.5L18%2012.0648L18%2016.5L13.8133%2013.2061L12%2011.7552L10.16%2013.232Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") center/24px no-repeat;
  }
  #product-previewer > div > div:last-of-type > div:last-of-type {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2014%2014'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7.00244%207.58695L9.83018%204.75921L11.2444%206.17342L6.99968%2010.4181L2.75842%206.17273L4.17263%204.75852L7.00244%207.58695Z'%20fill%3D'white'%2F%3E%3C%2Fsvg%3E") center/24px no-repeat;
  }
  #product-previewer .conveyor {
    display: flex;
    flex-direction: row;
    gap: calc(var(--spacing) * 2.5);
    overflow-x: auto;
    @media (width >= 1440px) {
      flex-direction: column;
    }
    scrollbar-width: none;
    -ms-overflow-style: none;
    @media (width >= 1440px) {
      max-height: calc(var(--spacing) * 100);
      overflow-y: auto;
    }
  }
  #product-previewer .conveyor::-webkit-scrollbar {
    display: none;
  }
  .swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: calc(50% - 20px);
    margin: calc(var(--spacing) * 0);
    display: none !important;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 4);
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    background: var(--bg-icon) center/9px 12px no-repeat, rgba(255,255,255,.1);
    @media (width >= 1440px) {
      display: block !important;
    }
  }
  .swiper-button-prev {
    --bg-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%209%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.73199%207.84L9%2012L4.56484%2012L2.62268e-07%206L4.56484%201.99317e-07L9%203.78212e-07L5.70605%204.18667L4.25522%206L5.73199%207.84Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
    left: calc(var(--spacing) * -4) !important;
  }
  .swiper-button-next {
    --bg-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%209%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.26801%207.84L2.10689e-08%2012L4.43516%2012L9%206L4.43516%201.99317e-07L-5.45605e-07%203.78212e-07L3.29395%204.18667L4.74478%206L3.26801%207.84Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
    right: calc(var(--spacing) * -4) !important;
  }
}
@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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}