@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-border-style: solid;
      --tw-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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-space-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial
    }
  }
}

@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-emerald-100: oklch(95% .052 163.051);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-600: oklch(58.6% .253 17.585);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1/.75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --radius-xl: .75rem;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-lg: 16px;
    --blur-xl: 24px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-inter: "Inter", sans-serif;
    --font-montserrat: "Montserrat", sans-serif;
    --color-background: #fff;
    --color-foreground: #000;
    --color-body-text: #5d5d5d;
    --text-h2: 64px;
    --text-h2--line-height: 1.15;
    --text-h2--font-weight: 700;
    --text-h2-mob: 40px;
    --text-h2-mob--font-weight: 700;
    --text-h2-mob--line-height: 1;
    --text-h2-sub: 40px;
    --text-h2-sub--line-height: 1.15;
    --text-h2-sub--font-weight: 300;
    --text-h2-sub-mob: 24px;
    --text-h2-sub-mob--line-height: 1;
    --text-21: 21px;
    --text-26: 26px;
    --text-32: 32px;
    --text-40: 40px
  }
}

@layer base {

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

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

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, 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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

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

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

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

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

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

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

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

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

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

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

  ::placeholder {
    opacity: 1
  }

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

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

  textarea {
    resize: vertical
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@layer components {
  .contact-form-wrap {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000f
  }

  @supports (color:color-mix(in lab, red, red)) {
    .contact-form-wrap {
      border-color: color-mix(in oklab, var(--color-black)6%, transparent)
    }
  }

  .contact-form-wrap {
    background-color: var(--color-white);
    padding: calc(var(--spacing)*4);
    --tw-shadow-alpha: 5%;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, oklab(0% 0 0/.05)), 0 8px 10px -6px var(--tw-shadow-color, oklab(0% 0 0/.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  @media(min-width:64rem) {
    .contact-form-wrap {
      padding: calc(var(--spacing)*10)
    }
  }

  .contact-form-grid {
    gap: calc(var(--spacing)*4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    display: grid
  }

  @media(min-width:64rem) {
    .contact-form-grid {
      row-gap: calc(var(--spacing)*8);
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  }

  .form-button {
    min-height: calc(var(--spacing)*15);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, var(--color-white)40%, transparent);
    background-color: color-mix(in oklab, var(--color-black)8%, transparent);
    padding-inline: calc(var(--spacing)*6);
    padding-block: calc(var(--spacing)*.5);
    font-size: var(--text-21);
    color: var(--color-white);
    text-transform: uppercase;
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 3.40282e38px;
    display: flex
  }

  @media(hover:hover) {
    .form-button:hover {
      border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .form-button:hover {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }
    }

    .form-button:hover {
      background-color: #00000047
    }

    @supports (color:color-mix(in lab, red, red)) {
      .form-button:hover {
        background-color: color-mix(in oklab, var(--color-black)28%, transparent)
      }
    }

    .form-button:hover {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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, )
    }
  }

  .form-button:disabled {
    cursor: default;
    background-color: #00000080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .form-button:disabled {
      background-color: color-mix(in oklab, var(--color-black)50%, transparent)
    }
  }

  @media(min-width:64rem) {
    .form-button {
      min-height: calc(var(--spacing)*19);
      gap: calc(var(--spacing)*4);
      padding-inline: calc(var(--spacing)*9);
      font-size: var(--text-26)
    }
  }

  .form-button {
    min-height: calc(var(--spacing)*12);
    background-color: var(--color-black);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-radius: 0
  }

  @media(hover:hover) {
    .form-button:hover {
      background-color: #000000b3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .form-button:hover {
        background-color: color-mix(in oklab, var(--color-black)70%, transparent)
      }
    }
  }

  @media(min-width:64rem) {
    .form-button {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height))
    }
  }

  .b-input {
    gap: calc(var(--spacing)*2);
    flex-direction: column;
    display: flex
  }

  @media(min-width:64rem) {
    .b-input {
      gap: calc(var(--spacing)*3)
    }
  }

  .b-input-inner {
    gap: calc(var(--spacing)*1);
    flex-direction: column;
    display: flex
  }

  .b-input-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-body-text)
  }

  .b-input-field {
    height: calc(var(--spacing)*12);
    border-style: var(--tw-border-style);
    background-color: #0000000d;
    border-width: 2px;
    border-color: #0000
  }

  @supports (color:color-mix(in lab, red, red)) {
    .b-input-field {
      background-color: color-mix(in oklab, var(--color-black)5%, transparent)
    }
  }

  .b-input-field {
    padding-inline: calc(var(--spacing)*4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none
  }

  .b-input-field:focus {
    border-color: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .b-input-field:focus {
      border-color: color-mix(in oklab, var(--color-black)20%, transparent)
    }
  }

  @media(min-width:64rem) {
    .b-input-field {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height))
    }
  }

  .b-input-error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-rose-600)
  }

  .header-static {
    top: calc(var(--spacing)*0);
    right: calc(var(--spacing)*0);
    left: calc(var(--spacing)*0);
    z-index: 8;
    height: calc(var(--spacing)*13);
    background-color: var(--color-white);
    position: absolute
  }

  @media(min-width:64rem) {
    .header-static {
      height: calc(var(--spacing)*20);
      background-color: #0000
    }
  }

  .header-static-content {
    width: 100%;
    max-width: 440px;
    padding-inline: calc(var(--spacing)*5);
    margin-inline: auto
  }

  @media(min-width:64rem) {
    .header-static-content {
      max-width: 1920px;
      padding-inline: calc(var(--spacing)*8)
    }
  }

  @media(min-width:80rem) {
    .header-static-content {
      padding-inline: calc(var(--spacing)*10)
    }
  }

  @media(min-width:96rem) {
    .header-static-content {
      padding-inline: calc(var(--spacing)*20)
    }
  }

  .header-static-content {
    height: 100%;
    padding-inline: calc(var(--spacing)*3);
    justify-content: space-between;
    align-items: center;
    display: flex
  }

  @media(min-width:40rem) {
    .header-static-content {
      padding-inline: calc(var(--spacing)*5)
    }
  }

  .header-static-left {
    padding-top: calc(var(--spacing)*6);
    align-items: flex-start;
    display: none
  }

  @media(min-width:64rem) {
    .header-static-left {
      gap: calc(var(--spacing)*6);
      max-width: 66.6667%;
      display: flex
    }
  }

  @media(min-width:96rem) {
    .header-static-left {
      gap: calc(var(--spacing)*20)
    }
  }

  .header-static-logo {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
  }

  .header-static-logo>img {
    width: 82px
  }

  @media(min-width:64rem) {
    .header-static-logo>img {
      width: 132px
    }
  }

  .header-static-right {
    align-items: center;
    width: 100%;
    display: flex
  }

  @media(min-width:64rem) {
    .header-static-right {
      max-width: 426px;
      padding-top: calc(var(--spacing)*6);
      justify-content: space-between
    }
  }

  @media(min-width:96rem) {
    .header-static-right {
      max-width: 626px
    }
  }

  .header-static-buttons {
    justify-content: space-between;
    align-items: center;
    gap: calc(var(--spacing)*4);
    width: 100%;
    display: flex
  }

  @media(min-width:64rem) {
    .header-static-buttons {
      justify-content: flex-end;
      width: fit-content
    }
  }

  .header-static-buttons-inner {
    align-items: center;
    gap: calc(var(--spacing)*1);
    display: flex
  }

  .header-nav {
    align-items: center;
    gap: calc(var(--spacing)*2);
    display: flex
  }

  @media(min-width:96rem) {
    .header-nav {
      gap: calc(var(--spacing)*4)
    }
  }

  .header-soc-btn {
    align-items: center;
    gap: calc(var(--spacing)*3);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing)*3);
    padding-block: calc(var(--spacing)*2);
    border-width: 1px;
    border-color: #0000;
    display: none
  }

  @media(hover:hover) {
    .header-soc-btn:hover {
      border-color: #ffffff47
    }

    @supports (color:color-mix(in lab, red, red)) {
      .header-soc-btn:hover {
        border-color: color-mix(in oklab, var(--color-white)28%, transparent)
      }
    }

    .header-soc-btn:hover {
      background-color: #00000047
    }

    @supports (color:color-mix(in lab, red, red)) {
      .header-soc-btn:hover {
        background-color: color-mix(in oklab, var(--color-black)28%, transparent)
      }
    }
  }

  @media(min-width:64rem) {
    .header-soc-btn {
      display: flex
    }
  }

  .header-soc-btn>span {
    color: var(--color-background);
    text-transform: uppercase;
    text-underline-offset: 2px;
    text-decoration-line: underline
  }

  .goods-card {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: #0000000f;
    border-radius: 10px;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
    max-width: 400px;
    display: flex;
    position: relative;
    overflow: hidden
  }

  @supports (color:color-mix(in lab, red, red)) {
    .goods-card {
      border-color: color-mix(in oklab, var(--color-foreground)6%, transparent)
    }
  }

  .goods-card {
    background-color: var(--color-background);
    padding-inline: calc(var(--spacing)*6);
    --tw-shadow: 3px 2px 28px var(--tw-shadow-color, #0000000f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  @media(min-width:80rem) {
    .goods-card {
      width: calc(24% - 17px);
      max-width: 361px
    }
  }

  .goods-card:hover .goods-card-link img {
    opacity: 1
  }

  .goods-card-link {
    top: calc(var(--spacing)*0);
    right: calc(var(--spacing)*0);
    z-index: 4;
    cursor: pointer;
    padding: calc(var(--spacing)*3);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
  }

  @media(hover:hover) {
    .goods-card-link:hover {
      background-color: #00000014
    }

    @supports (color:color-mix(in lab, red, red)) {
      .goods-card-link:hover {
        background-color: color-mix(in oklab, var(--color-black)8%, transparent)
      }
    }
  }

  @media(min-width:64rem) {
    .goods-card-link {
      padding: calc(var(--spacing)*4)
    }
  }

  .goods-card-link img {
    opacity: .2;
    width: 100%
  }

  .goods-card-content {
    width: 100%;
    padding-top: calc(var(--spacing)*11);
    padding-bottom: calc(var(--spacing)*5);
    padding-bottom: calc(var(--spacing)*6);
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    display: flex
  }

  .goods-card-pic {
    aspect-ratio: 307/235;
    width: 100%;
    position: relative
  }

  .goods-card-pic>img {
    z-index: 3;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: relative
  }

  .goods-card-placeholder {
    inset: calc(var(--spacing)*0);
    z-index: 1;
    --tw-grayscale: grayscale(100%);
    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, );
    position: absolute
  }

  .goods-card-placeholder>img {
    object-fit: cover;
    opacity: .3;
    width: 100%;
    height: 100%
  }

  .goods-card-bot {
    margin-top: calc(var(--spacing)*12)
  }

  .goods-card-bot>p {
    text-align: center;
    font-size: var(--text-21);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase
  }

  .goods-card-footer {
    border-top-style: var(--tw-border-style);
    border-color: #0000001a;
    border-top-width: 1px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex
  }

  @supports (color:color-mix(in lab, red, red)) {
    .goods-card-footer {
      border-color: color-mix(in oklab, var(--color-foreground)10%, transparent)
    }
  }

  .goods-card-footer {
    padding-top: calc(var(--spacing)*7);
    padding-bottom: calc(var(--spacing)*3)
  }

  .goods-card-price {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
  }

  @media(min-width:64rem) {
    .goods-card-price {
      font-size: var(--text-32)
    }
  }

  .goods-card-btn-cart {
    width: calc(var(--spacing)*8);
    height: calc(var(--spacing)*8);
    cursor: pointer;
    border-style: var(--tw-border-style);
    padding: calc(var(--spacing)*1);
    border-width: 1px;
    border-color: #0000;
    justify-content: center;
    align-items: center;
    display: flex
  }

  @media(hover:hover) {
    .goods-card-btn-cart:hover {
      border-color: #ffffff47
    }

    @supports (color:color-mix(in lab, red, red)) {
      .goods-card-btn-cart:hover {
        border-color: color-mix(in oklab, var(--color-white)28%, transparent)
      }
    }

    .goods-card-btn-cart:hover {
      background-color: #00000014
    }

    @supports (color:color-mix(in lab, red, red)) {
      .goods-card-btn-cart:hover {
        background-color: color-mix(in oklab, var(--color-black)8%, transparent)
      }
    }
  }

  @media(min-width:64rem) {
    .goods-card-btn-cart {
      width: calc(var(--spacing)*11);
      height: calc(var(--spacing)*11);
      padding: calc(var(--spacing)*2)
    }
  }

  .carousel-control {
    cursor: pointer;
    width: 63px;
    height: 63px;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    justify-content: center;
    align-items: center;
    display: flex
  }

  @media(hover:hover) {
    .carousel-control:hover {
      opacity: .75
    }
  }

  @media(min-width:80rem) {
    .carousel-control {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x)var(--tw-translate-y);
      position: absolute;
      top: 50%
    }

    .carousel-control.carousel-control-prev {
      left: calc(var(--spacing)*25)
    }

    .carousel-control.carousel-control-next {
      right: calc(var(--spacing)*25)
    }
  }
}

@layer utilities {
  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .inset-0 {
    inset: calc(var(--spacing)*0)
  }

  .top-0 {
    top: calc(var(--spacing)*0)
  }

  .top-1 {
    top: calc(var(--spacing)*1)
  }

  .top-10 {
    top: calc(var(--spacing)*10)
  }

  .top-full {
    top: 100%
  }

  .right-0 {
    right: calc(var(--spacing)*0)
  }

  .right-1 {
    right: calc(var(--spacing)*1)
  }

  .bottom-0 {
    bottom: calc(var(--spacing)*0)
  }

  .bottom-15 {
    bottom: calc(var(--spacing)*15)
  }

  .left-0 {
    left: calc(var(--spacing)*0)
  }

  .left-1 {
    left: calc(var(--spacing)*1)
  }

  .left-20 {
    left: calc(var(--spacing)*20)
  }

  .z-1 {
    z-index: 1
  }

  .z-2 {
    z-index: 2
  }

  .z-3 {
    z-index: 3
  }

  .z-7 {
    z-index: 7
  }

  .z-9 {
    z-index: 9
  }

  .container {
    width: 100%
  }

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

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

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

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

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

  .content {
    width: 100%;
    max-width: 440px;
    padding-inline: calc(var(--spacing)*5);
    margin-inline: auto
  }

  @media(min-width:64rem) {
    .content {
      max-width: 1920px;
      padding-inline: calc(var(--spacing)*8)
    }
  }

  @media(min-width:80rem) {
    .content {
      padding-inline: calc(var(--spacing)*10)
    }
  }

  @media(min-width:96rem) {
    .content {
      padding-inline: calc(var(--spacing)*20)
    }
  }

  .mx-auto {
    margin-inline: auto
  }

  .mt-4 {
    margin-top: calc(var(--spacing)*4)
  }

  .mt-8 {
    margin-top: calc(var(--spacing)*8)
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
  }

  .mb-11 {
    margin-bottom: calc(var(--spacing)*11)
  }

  .btn-primary {
    min-height: calc(var(--spacing)*15);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in oklab, var(--color-white)40%, transparent);
    background-color: color-mix(in oklab, var(--color-black)8%, transparent);
    padding-inline: calc(var(--spacing)*6);
    padding-block: calc(var(--spacing)*.5);
    font-size: var(--text-21);
    color: var(--color-white);
    text-transform: uppercase;
    --tw-backdrop-blur: blur(var(--blur-lg));
    -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-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 3.40282e38px;
    display: flex
  }

  @media(hover:hover) {
    .btn-primary:hover {
      border-color: #fff3
    }

    @supports (color:color-mix(in lab, red, red)) {
      .btn-primary:hover {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }
    }

    .btn-primary:hover {
      background-color: #00000047
    }

    @supports (color:color-mix(in lab, red, red)) {
      .btn-primary:hover {
        background-color: color-mix(in oklab, var(--color-black)28%, transparent)
      }
    }

    .btn-primary:hover {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -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, )
    }
  }

  .btn-primary:disabled {
    cursor: default;
    background-color: #00000080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .btn-primary:disabled {
      background-color: color-mix(in oklab, var(--color-black)50%, transparent)
    }
  }

  @media(min-width:64rem) {
    .btn-primary {
      min-height: calc(var(--spacing)*19);
      gap: calc(var(--spacing)*4);
      padding-inline: calc(var(--spacing)*9);
      font-size: var(--text-26)
    }
  }

  .btn-scroll {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing)*3.5);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing)*5);
    padding-block: calc(var(--spacing)*2);
    color: var(--color-white);
    border-width: 1px;
    border-color: #0000;
    display: flex
  }

  @media(hover:hover) {
    .btn-scroll:hover {
      border-color: #ffffff47
    }

    @supports (color:color-mix(in lab, red, red)) {
      .btn-scroll:hover {
        border-color: color-mix(in oklab, var(--color-white)28%, transparent)
      }
    }

    .btn-scroll:hover {
      background-color: #00000047
    }

    @supports (color:color-mix(in lab, red, red)) {
      .btn-scroll:hover {
        background-color: color-mix(in oklab, var(--color-black)28%, transparent)
      }
    }
  }

  .flex {
    display: flex
  }

  .hidden {
    display: none
  }

  .aspect-square {
    aspect-ratio: 1
  }

  .size-10 {
    width: calc(var(--spacing)*10);
    height: calc(var(--spacing)*10)
  }

  .h-8 {
    height: calc(var(--spacing)*8)
  }

  .h-13 {
    height: calc(var(--spacing)*13)
  }

  .h-full {
    height: 100%
  }

  .h-screen {
    height: 100vh
  }

  .max-h-\[1000px\] {
    max-height: 1000px
  }

  .min-h-\[500px\] {
    min-height: 500px
  }

  .min-h-\[600px\] {
    min-height: 600px
  }

  .min-h-screen {
    min-height: 100vh
  }

  .w-8 {
    width: calc(var(--spacing)*8)
  }

  .w-\[82px\] {
    width: 82px
  }

  .w-full {
    width: 100%
  }

  .w-px {
    width: 1px
  }

  .max-w-\[520px\] {
    max-width: 520px
  }

  .max-w-\[994px\] {
    max-width: 994px
  }

  .max-w-\[1920px\] {
    max-width: 1920px
  }

  .flex-1 {
    flex: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .-translate-y-20 {
    --tw-translate-y: calc(var(--spacing)*-20);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .scale-\[0\.4\] {
    scale: .4
  }

  .rotate-180 {
    rotate: 180deg
  }

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

  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x, )var(--tw-pan-y, )var(--tw-pinch-zoom, )
  }

  .resize {
    resize: both
  }

  .flex-col {
    flex-direction: column
  }

  .items-center {
    align-items: center
  }

  .items-start {
    align-items: flex-start
  }

  .items-stretch {
    align-items: stretch
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

  .justify-start {
    justify-content: flex-start
  }

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

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

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

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

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

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

  :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)))
  }

  .overflow-auto {
    overflow: auto
  }

  .overflow-hidden {
    overflow: hidden
  }

  .rounded-full {
    border-radius: 3.40282e38px
  }

  .rounded-xl {
    border-radius: var(--radius-xl)
  }

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

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

  .border-foreground\/30 {
    border-color: #0000004d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-foreground\/30 {
      border-color: color-mix(in oklab, var(--color-foreground)30%, transparent)
    }
  }

  .border-transparent {
    border-color: #0000
  }

  .border-white\/45 {
    border-color: #ffffff73
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/45 {
      border-color: color-mix(in oklab, var(--color-white)45%, transparent)
    }
  }

  .border-white\/50 {
    border-color: #ffffff80
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-white\/50 {
      border-color: color-mix(in oklab, var(--color-white)50%, transparent)
    }
  }

  .nav-link {
    padding: calc(var(--spacing)*1);
    font-family: var(--font-inter);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-foreground);
    text-transform: uppercase;
    text-underline-offset: 4px
  }

  @media(hover:hover) {
    .nav-link:hover {
      background-color: #ffffff14
    }

    @supports (color:color-mix(in lab, red, red)) {
      .nav-link:hover {
        background-color: color-mix(in oklab, var(--color-background)8%, transparent)
      }
    }

    .nav-link:hover {
      --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, )
    }
  }

  @media(min-width:64rem) {
    .nav-link {
      padding-inline: calc(var(--spacing)*2);
      padding-block: calc(var(--spacing)*1)
    }
  }

  .bg-black {
    background-color: var(--color-black)
  }

  .bg-black\/30 {
    background-color: #0000004d
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black)30%, transparent)
    }
  }

  .bg-black\/48 {
    background-color: #0000007a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/48 {
      background-color: color-mix(in oklab, var(--color-black)48%, transparent)
    }
  }

  .bg-black\/50 {
    background-color: #00000080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black)50%, transparent)
    }
  }

  .bg-black\/95 {
    background-color: #000000f2
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/95 {
      background-color: color-mix(in oklab, var(--color-black)95%, transparent)
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100)
  }

  .bg-foreground {
    background-color: var(--color-foreground)
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100)
  }

  .bg-white {
    background-color: var(--color-white)
  }

  .bg-white\/40 {
    background-color: #fff6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--color-white)40%, transparent)
    }
  }

  .object-cover {
    object-fit: cover
  }

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

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

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

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

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

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

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

  .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-14 {
    padding-block: calc(var(--spacing)*14)
  }

  .pt-4 {
    padding-top: calc(var(--spacing)*4)
  }

  .pt-6 {
    padding-top: calc(var(--spacing)*6)
  }

  .pt-8 {
    padding-top: calc(var(--spacing)*8)
  }

  .pt-16 {
    padding-top: calc(var(--spacing)*16)
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing)*2)
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing)*6)
  }

  .pb-8 {
    padding-bottom: calc(var(--spacing)*8)
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing)*10)
  }

  .text-center {
    text-align: center
  }

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

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

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

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

  .text-26 {
    font-size: var(--text-26)
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

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

  .footer-link {
    text-underline-offset: 4px
  }

  @media(hover:hover) {
    .footer-link:hover {
      color: var(--color-foreground);
      text-decoration-line: underline
    }
  }

  .text-background {
    color: var(--color-background)
  }

  .text-black {
    color: var(--color-black)
  }

  .text-body-text {
    color: var(--color-body-text)
  }

  .text-foreground {
    color: var(--color-foreground)
  }

  .text-white {
    color: var(--color-white)
  }

  .uppercase {
    text-transform: uppercase
  }

  .underline {
    text-decoration-line: underline
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

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

  .opacity-0 {
    opacity: 0
  }

  .backdrop-blur-sm {
    --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, )
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  @media(hover:hover) {
    .group-hover\:opacity-60:is(:where(.group):hover *) {
      opacity: .6
    }

    .hover\:border-white\/28:hover {
      border-color: #ffffff47
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-white\/28:hover {
        border-color: color-mix(in oklab, var(--color-white)28%, transparent)
      }
    }

    .hover\:bg-black\/28:hover {
      background-color: #00000047
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:bg-black\/28:hover {
        background-color: color-mix(in oklab, var(--color-black)28%, transparent)
      }
    }

    .hover\:underline:hover {
      text-decoration-line: underline
    }
  }

  @media(min-width:40rem) {
    .sm\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }
  }

  @media(min-width:64rem) {
    .lg\:col-span-full {
      grid-column: 1/-1
    }

    .lg\:mt-6 {
      margin-top: calc(var(--spacing)*6)
    }

    .lg\:mt-14 {
      margin-top: calc(var(--spacing)*14)
    }

    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing)*10)
    }

    .lg\:mb-15 {
      margin-bottom: calc(var(--spacing)*15)
    }

    .lg\:block {
      display: block
    }

    .lg\:flex {
      display: flex
    }

    .lg\:hidden {
      display: none
    }

    .lg\:aspect-auto {
      aspect-ratio: auto
    }

    .lg\:h-15 {
      height: calc(var(--spacing)*15)
    }

    .lg\:h-full {
      height: 100%
    }

    .lg\:h-screen {
      height: 100vh
    }

    .lg\:max-h-\[1100px\] {
      max-height: 1100px
    }

    .lg\:max-h-\[1300px\] {
      max-height: 1300px
    }

    .lg\:min-h-\[944px\] {
      min-height: 944px
    }

    .lg\:w-1\/2 {
      width: 50%
    }

    .lg\:w-11 {
      width: calc(var(--spacing)*11)
    }

    .lg\:w-\[132px\] {
      width: 132px
    }

    .lg\:w-fit {
      width: fit-content
    }

    .lg\:max-w-2\/3 {
      max-width: 66.6667%
    }

    .lg\:max-w-\[426px\] {
      max-width: 426px
    }

    .lg\:max-w-\[1440px\] {
      max-width: 1440px
    }

    .lg\:min-w-\[700px\] {
      min-width: 700px
    }

    .lg\:grow {
      flex-grow: 1
    }

    .lg\:flex-row {
      flex-direction: row
    }

    .lg\:items-start {
      align-items: flex-start
    }

    .lg\:justify-between {
      justify-content: space-between
    }

    .lg\:justify-end {
      justify-content: flex-end
    }

    .lg\:justify-start {
      justify-content: flex-start
    }

    .lg\:gap-2 {
      gap: calc(var(--spacing)*2)
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .lg\:gap-12 {
      gap: calc(var(--spacing)*12)
    }

    .lg\:gap-14 {
      gap: calc(var(--spacing)*14)
    }

    .lg\:gap-15 {
      gap: calc(var(--spacing)*15)
    }

    .lg\:overflow-hidden {
      overflow: hidden
    }

    .lg\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
    }

    .lg\:bg-white\/48 {
      background-color: #ffffff7a
    }

    @supports (color:color-mix(in lab, red, red)) {
      .lg\:bg-white\/48 {
        background-color: color-mix(in oklab, var(--color-white)48%, transparent)
      }
    }

    .lg\:p-2 {
      padding: calc(var(--spacing)*2)
    }

    .lg\:px-3 {
      padding-inline: calc(var(--spacing)*3)
    }

    .lg\:py-10 {
      padding-block: calc(var(--spacing)*10)
    }

    .lg\:py-14 {
      padding-block: calc(var(--spacing)*14)
    }

    .lg\:py-25 {
      padding-block: calc(var(--spacing)*25)
    }

    .lg\:pt-4 {
      padding-top: calc(var(--spacing)*4)
    }

    .lg\:pt-10 {
      padding-top: calc(var(--spacing)*10)
    }

    .lg\:pt-13 {
      padding-top: calc(var(--spacing)*13)
    }

    .lg\:pt-14 {
      padding-top: calc(var(--spacing)*14)
    }

    .lg\:pt-20 {
      padding-top: calc(var(--spacing)*20)
    }

    .lg\:pb-14 {
      padding-bottom: calc(var(--spacing)*14)
    }

    .lg\:pb-15 {
      padding-bottom: calc(var(--spacing)*15)
    }

    .lg\:pl-12 {
      padding-left: calc(var(--spacing)*12)
    }

    .lg\:text-start {
      text-align: start
    }

    .lg\:text-h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight))
    }

    .lg\:text-h2-sub {
      font-size: var(--text-h2-sub);
      line-height: var(--tw-leading, var(--text-h2-sub--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2-sub--font-weight))
    }

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

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

    .lg\:text-32 {
      font-size: var(--text-32)
    }

    .lg\:text-40 {
      font-size: var(--text-40)
    }

    .lg\:text-white {
      color: var(--color-white)
    }
  }

  @media(min-width:80rem) {
    .xl\:block {
      display: block
    }

    .xl\:px-32 {
      padding-inline: calc(var(--spacing)*32)
    }

    .xl\:pl-12 {
      padding-left: calc(var(--spacing)*12)
    }
  }

  @media(min-width:96rem) {
    .\32xl\:max-w-\[626px\] {
      max-width: 626px
    }

    .\32xl\:gap-20 {
      gap: calc(var(--spacing)*20)
    }

    .\32xl\:px-24 {
      padding-inline: calc(var(--spacing)*24)
    }
  }
}

body {
  min-width: 320px;
  font-family: var(--font-montserrat)
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@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-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

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

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

@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-pan-x {
  syntax: "*";
  inherits: false
}

@property --tw-pan-y {
  syntax: "*";
  inherits: false
}

@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false
}

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

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

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

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

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

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

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

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

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

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

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

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

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}