/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
/*! kiso.css v1.2.4 | MIT License | https://github.com/tak-dcxi/kiso.css */
@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-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-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}

@layer reset {
  *, :before, :after {
    box-sizing: border-box;
  }

  :where(:root) {
    scrollbar-gutter: stable;
    overflow-wrap: anywhere;
    text-spacing-trim: trim-start;
    text-autospace: normal;
    line-break: strict;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-family: sans-serif;
    line-height: 1.5;
  }

  :where(body) {
    min-block-size: 100dvb;
    margin: unset;
  }

  :where(:is(h1, h2, h3, h4, h5, h6):lang(en)) {
    text-wrap: pretty;
  }

  :where(h1) {
    margin-block: .67em;
    font-size: 2em;
  }

  :where(h2, h3, h4, h5, h6) {
    margin-block: unset;
  }

  :where(search) {
    display: block;
  }

  :where(p, blockquote, figure, pre, address, ul, ol, dl, menu) {
    margin-block: unset;
  }

  :where(blockquote, figure) {
    margin-inline: unset;
  }

  :where(p:lang(en)) {
    text-wrap: pretty;
  }

  :where(address:lang(ja)) {
    font-style: unset;
  }

  :where(ul, ol, menu) {
    padding-inline-start: unset;
    list-style-type: "";
  }

  :where(dt) {
    font-weight: bolder;
  }

  :where(dd) {
    margin-inline-start: unset;
  }

  :where(pre) {
    text-spacing-trim: space-all;
    text-autospace: no-autospace;
  }

  @media print {
    :where(pre) {
      text-wrap-mode: unset;
    }
  }

  :where(em:lang(ja)) {
    font-weight: bolder;
  }

  :where(:is(i, cite, em, dfn):lang(ja)) {
    font-style: unset;
  }

  :where(u, s, del, ins) {
    text-decoration-inset: auto;
  }

  :where(code, kbd, samp) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: unset;
    font-variation-settings: initial;
    font-feature-settings: initial;
    font-variant-ligatures: none;
  }

  :where(abbr[title]) {
    text-decoration-inset: auto;
    cursor: help;
    text-decoration-line: underline;
    text-decoration-style: dotted;
  }

  :where(time) {
    text-autospace: no-autospace;
  }

  @media (forced-colors: active) {
    :where(mark) {
      color: highlighttext;
      background-color: highlight;
    }
  }

  @media print {
    :where(mark) {
      border-style: dotted;
      border-width: 1px;
    }
  }

  :where(a) {
    color: unset;
  }

  :where(a:any-link) {
    -webkit-text-decoration-line: unset;
    -webkit-text-decoration-line: unset;
    text-decoration-line: unset;
    text-decoration-inset: auto;
    text-decoration-thickness: from-font;
  }

  :where(img, svg, picture, video, audio, canvas, model, iframe, embed, object) {
    vertical-align: bottom;
    max-inline-size: 100%;
  }

  :where(img, svg, picture, video, canvas, model, iframe, embed, object) {
    block-size: auto;
  }

  :where(iframe) {
    border: unset;
  }

  :where(table) {
    border-collapse: collapse;
  }

  :where(caption, th) {
    text-align: unset;
  }

  :where(caption:lang(en)) {
    text-wrap: pretty;
  }

  :where(button, input, select, textarea) {
    font: unset;
    color: unset;
    text-align: unset;
    letter-spacing: unset;
    border-color: unset;
    border-radius: unset;
    border-style: solid;
    border-width: 1px;
  }

  ::file-selector-button {
    font: unset;
    color: unset;
    text-align: unset;
    letter-spacing: unset;
    border-color: unset;
    border-radius: unset;
    border-style: solid;
    border-width: 1px;
  }

  :where(input:is([type="radio" i], [type="checkbox" i])) {
    margin: unset;
  }

  :where(input[type="file" i]) {
    border: unset;
  }

  :where(input[type="search" i]) {
    -webkit-appearance: textfield;
  }

  @supports (-webkit-touch-callout: none) {
    :where(input[type="search" i]) {
      background-color: canvas;
    }
  }

  :where(input:is([type="tel" i], [type="url" i], [type="email" i], [type="number" i]):not(:placeholder-shown)) {
    direction: ltr;
  }

  :where(textarea) {
    margin-block: unset;
    resize: block;
  }

  :where(input:not([type="button" i], [type="submit" i], [type="reset" i]), textarea, [contenteditable]) {
    text-autospace: no-autospace;
  }

  :where(button, input:is([type="button" i], [type="submit" i], [type="reset" i])) {
    background-color: unset;
  }

  ::file-selector-button {
    background-color: unset;
  }

  :where(button, input:is([type="button" i], [type="submit" i], [type="reset" i]), [role="tab" i], [role="button" i], [role="option" i]) {
    touch-action: manipulation;
  }

  ::file-selector-button {
    touch-action: manipulation;
  }

  :where(button:enabled, label[for], select:enabled, input:is([type="button" i], [type="submit" i], [type="reset" i], [type="radio" i], [type="checkbox" i]):enabled, [role="tab" i], [role="button" i], [role="option" i]) {
    cursor: pointer;
  }

  :where(:enabled)::file-selector-button {
    cursor: pointer;
  }

  :where(fieldset) {
    min-inline-size: 0;
    padding: unset;
    margin-inline: unset;
    border: unset;
  }

  :where(legend) {
    padding-inline: unset;
  }

  :where(progress) {
    vertical-align: unset;
  }

  ::placeholder {
    opacity: unset;
  }

  :where(summary) {
    cursor: pointer;
    list-style-type: "";
  }

  :where(summary)::-webkit-details-marker {
    display: none;
  }

  :where(dialog, [popover]) {
    padding: unset;
    overscroll-behavior-block: contain;
    border: unset;
  }

  :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
    display: none !important;
  }

  :where(dialog) {
    max-inline-size: unset;
    max-block-size: unset;
  }

  :where(dialog)::backdrop {
    background-color: oklch(0% 0 0 / .3);
  }

  :where([popover]) {
    margin: unset;
  }

  :where(:focus-visible) {
    outline-offset: 3px;
  }

  [tabindex="-1"]:focus {
    outline: none !important;
  }

  :where(:disabled, [aria-disabled="true" i]) {
    cursor: default;
  }

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

@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-gray-200: #f4f4f4;
    --color-gray-300: #ddd;
    --color-gray-400: #afadb2;
    --color-gray-500: #666;
    --color-gray-600: #939494;
    --color-black: #1f1b12;
    --color-white: #fff;
    --spacing: .0625rem;
    --container-3xs: 16rem;
    --container-2xs: 18rem;
    --container-xs: 20rem;
    --container-7xl: 80rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --leading-normal: 1.5;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --aspect-video: 16 / 9;
    --default-transition-duration: .4s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-beige-300: #fbf9f7;
    --color-beige-400: #f4efea;
    --color-beige-500: #f0e8e0;
    --color-rank-01: #bfa56b;
    --color-rank-02: #939494;
    --color-rank-03: #c49576;
    --color-border-gray: #666;
    --color-toneup-gray: #adaab0;
    --color-toneup-red: #ee001e;
    --color-toneup-orange: #f8976f;
    --color-matoi-orange: #e87721;
    --color-matoi-air-blue: #4d92e6;
    --font-jp: "Noto Sans JP", sans-serif;
    --font-jp-serif: "Shippori Mincho", serif;
    --font-en: "Libre Baskerville", serif;
    --font-en-and-jp: "Libre Baskerville", "Noto Sans JP", serif;
  }
}

@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;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

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

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring {
    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;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .relative\! {
    position: relative !important;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

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

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

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

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

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

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

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

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

  .-top-\[calc\(\(4\/400\)\*100\%\)\] {
    top: -1%;
  }

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

  .top-0\! {
    top: calc(var(--spacing) * 0) !important;
  }

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

  .top-1\/2 {
    top: 50%;
  }

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

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

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

  .top-125\! {
    top: calc(var(--spacing) * 125) !important;
  }

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

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[calc\(\(43\/400\)\*100\%\)\] {
    top: 10.75%;
  }

  .top-\[calc\(\(64\/400\)\*100\%\)\] {
    top: 16%;
  }

  .top-\[calc\(\(98\/400\)\*100\%\)\] {
    top: 24.5%;
  }

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

  .-right-20\! {
    right: calc(var(--spacing) * -20) !important;
  }

  .-right-\[calc\(\(31\/375\)\*100\%\)\] {
    right: -8.26667%;
  }

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

  .right-0\! {
    right: calc(var(--spacing) * 0) !important;
  }

  .right-1\/2 {
    right: 50%;
  }

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

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

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

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

  .right-\[calc\(\(12\/375\)\*100\%\)\] {
    right: 3.2%;
  }

  .right-\[calc\(\(65\/375\)\*100\%\)\] {
    right: 17.3333%;
  }

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

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

  .-bottom-\[calc\(\(27\/400\)\*100\%\)\] {
    bottom: -6.75%;
  }

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

  .bottom-0\! {
    bottom: calc(var(--spacing) * 0) !important;
  }

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

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

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

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

  .bottom-\[calc\(\(-36\/280\)\*100\%\)\] {
    bottom: -12.8571%;
  }

  .bottom-\[calc\(\(18\/400\)\*100\%\)\] {
    bottom: 4.5%;
  }

  .bottom-\[calc\(\(41\/400\)\*100\%\)\] {
    bottom: 10.25%;
  }

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

  .-left-20\! {
    left: calc(var(--spacing) * -20) !important;
  }

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

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

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

  .-left-\[calc\(\(46\/375\)\*100\%\)\] {
    left: -12.2667%;
  }

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

  .left-0\! {
    left: calc(var(--spacing) * 0) !important;
  }

  .left-1\/2 {
    left: 50%;
  }

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

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

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

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

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

  .left-\[calc\(\(20\/375\)\*100\%\)\] {
    left: 5.33333%;
  }

  .left-\[calc\(\(52\/375\)\*100\%\)\] {
    left: 13.8667%;
  }

  .left-\[calc\(\(116\/375\)\*100\%\)\] {
    left: 30.9333%;
  }

  .-z-1 {
    z-index: calc(1 * -1);
  }

  .z-1 {
    z-index: 1;
    z-index: 1;
  }

  .z-2 {
    z-index: 2;
    z-index: 2;
  }

  .z-10 {
    z-index: 10;
    z-index: 10;
  }

  .order-1 {
    order: 1;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

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

  .m-auto {
    margin: auto;
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
  }

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

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

  .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-12 {
    margin-top: calc(var(--spacing) * 12);
  }

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

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

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

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

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

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

  .mt-24\! {
    margin-top: calc(var(--spacing) * 24) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-\[40px\] {
    margin-top: 40px;
  }

  .mt-auto {
    margin-top: auto;
  }

  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }

  .mr-32 {
    margin-right: calc(var(--spacing) * 32);
  }

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

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

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

  .ml-8 {
    margin-left: calc(var(--spacing) * 8);
  }

  .ml-25 {
    margin-left: calc(var(--spacing) * 25);
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .hidden\! {
    display: none !important;
  }

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

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

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

  .aspect-\[375\/400\] {
    aspect-ratio: 375 / 400;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

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

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

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

  .size-fit {
    width: fit-content;
    height: fit-content;
  }

  .\!h-48 {
    height: calc(var(--spacing) * 48) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h-40\! {
    height: calc(var(--spacing) * 40) !important;
  }

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

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

  .h-\[40px\] {
    height: 40px;
  }

  .h-\[56px\] {
    height: 56px;
  }

  .h-\[calc\(\(69\/400\)\*100\%\)\] {
    height: 17.25%;
  }

  .h-\[calc\(\(73\/400\)\*100\%\)\] {
    height: 18.25%;
  }

  .h-\[calc\(\(77\/400\)\*100\%\)\] {
    height: 19.25%;
  }

  .h-\[calc\(\(85\/400\)\*100\%\)\] {
    height: 21.25%;
  }

  .h-\[calc\(\(100\/400\)\*100\%\)\] {
    height: 25%;
  }

  .h-\[calc\(\(107\/400\)\*100\%\)\] {
    height: 26.75%;
  }

  .h-\[calc\(\(134\/400\)\*100\%\)\] {
    height: 33.5%;
  }

  .h-\[inherit\] {
    height: inherit;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-full\! {
    height: 100% !important;
  }

  .max-h-\[86dvh\] {
    max-height: 86dvh;
  }

  .min-h-200 {
    min-height: calc(var(--spacing) * 200);
  }

  .\!w-full {
    width: 100% !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-40\! {
    width: calc(var(--spacing) * 40) !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-\[1px\] {
    width: 1px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[calc\(\(60\/375\)\*100\%\)\] {
    width: 16%;
  }

  .w-\[calc\(\(90\/375\)\*100\%\)\] {
    width: 24%;
  }

  .w-\[calc\(\(100\/375\)\*100\%\)\] {
    width: 26.6667%;
  }

  .w-\[calc\(\(110\/375\)\*100\%\)\] {
    width: 29.3333%;
  }

  .w-\[calc\(\(130\/375\)\*100\%\)\] {
    width: 34.6667%;
  }

  .w-\[calc\(\(140\/280\)\*100\%\)\] {
    width: 50%;
  }

  .w-\[calc\(\(140\/375\)\*100\%\)\] {
    width: 37.3333%;
  }

  .w-\[calc\(260\/335\*100\%\)\] {
    width: 77.6119%;
  }

  .w-auto\! {
    width: auto !important;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-full\! {
    width: 100% !important;
  }

  .w-screen {
    width: 100vw;
  }

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

  .max-w-130 {
    max-width: calc(var(--spacing) * 130);
  }

  .max-w-140 {
    max-width: calc(var(--spacing) * 140);
  }

  .max-w-160 {
    max-width: calc(var(--spacing) * 160);
  }

  .max-w-180 {
    max-width: calc(var(--spacing) * 180);
  }

  .max-w-204 {
    max-width: calc(var(--spacing) * 204);
  }

  .max-w-220 {
    max-width: calc(var(--spacing) * 220);
  }

  .max-w-237 {
    max-width: calc(var(--spacing) * 237);
  }

  .max-w-280 {
    max-width: calc(var(--spacing) * 280);
  }

  .max-w-285 {
    max-width: calc(var(--spacing) * 285);
  }

  .max-w-335 {
    max-width: calc(var(--spacing) * 335);
  }

  .max-w-340 {
    max-width: calc(var(--spacing) * 340);
  }

  .max-w-540 {
    max-width: calc(var(--spacing) * 540);
  }

  .max-w-720 {
    max-width: calc(var(--spacing) * 720);
  }

  .max-w-740 {
    max-width: calc(var(--spacing) * 740);
  }

  .max-w-770 {
    max-width: calc(var(--spacing) * 770);
  }

  .max-w-820 {
    max-width: calc(var(--spacing) * 820);
  }

  .max-w-960 {
    max-width: calc(var(--spacing) * 960);
  }

  .max-w-1040 {
    max-width: calc(var(--spacing) * 1040);
  }

  .max-w-1120 {
    max-width: calc(var(--spacing) * 1120);
  }

  .max-w-1440 {
    max-width: calc(var(--spacing) * 1440);
  }

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

  .min-w-14 {
    min-width: calc(var(--spacing) * 14);
  }

  .min-w-18 {
    min-width: calc(var(--spacing) * 18);
  }

  .min-w-100 {
    min-width: calc(var(--spacing) * 100);
  }

  .min-w-220 {
    min-width: calc(var(--spacing) * 220);
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-\[50\%\] {
    --tw-translate-x: calc(50% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[50\%\] {
    --tw-translate-x: 50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[0\.2lh\] {
    --tw-translate-y: calc(.2lh * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-35\%\] {
    --tw-translate-y: -35%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-\[-1_1\] {
    scale: -1 1;
  }

  .rotate-25 {
    rotate: 25deg;
  }

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

  .resize {
    resize: both;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-rows-max {
    grid-auto-rows: max-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }

  .grid-cols-\[1fr_132px\] {
    grid-template-columns: 1fr 132px;
  }

  .grid-cols-\[16px_auto_1fr\] {
    grid-template-columns: 16px auto 1fr;
  }

  .grid-cols-\[60\%\] {
    grid-template-columns: 60%;
  }

  .grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr;
  }

  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .grid-cols-auto-fill-14 {
    grid-template-columns: repeat(auto-fill, minmax(calc(14 * var(--spacing)), 1fr));
  }

  .grid-cols-auto-fill-32 {
    grid-template-columns: repeat(auto-fill, minmax(calc(32 * var(--spacing)), 1fr));
  }

  .grid-cols-auto-fill-38 {
    grid-template-columns: repeat(auto-fill, minmax(calc(38 * var(--spacing)), 1fr));
  }

  .grid-cols-auto-fill-140 {
    grid-template-columns: repeat(auto-fill, minmax(calc(140 * var(--spacing)), 1fr));
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .grid-rows-\[auto_auto_1fr_auto\] {
    grid-template-rows: auto auto 1fr auto;
  }

  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }

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

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

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

  .place-items-end {
    place-items: end;
  }

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

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

  .items-end {
    align-items: flex-end;
  }

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

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

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

  .justify-end {
    justify-content: flex-end;
  }

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

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

  .justify-items-start {
    justify-items: start;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

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

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

  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }

  .gap-x-14 {
    column-gap: calc(var(--spacing) * 14);
  }

  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }

  .gap-x-20 {
    column-gap: calc(var(--spacing) * 20);
  }

  .gap-x-24 {
    column-gap: calc(var(--spacing) * 24);
  }

  .gap-x-60 {
    column-gap: calc(var(--spacing) * 60);
  }

  .gap-x-68 {
    column-gap: calc(var(--spacing) * 68);
  }

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

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

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-7 {
    row-gap: calc(var(--spacing) * 7);
  }

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

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

  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }

  .gap-y-14 {
    row-gap: calc(var(--spacing) * 14);
  }

  .gap-y-16 {
    row-gap: calc(var(--spacing) * 16);
  }

  .gap-y-20 {
    row-gap: calc(var(--spacing) * 20);
  }

  .gap-y-24 {
    row-gap: calc(var(--spacing) * 24);
  }

  .gap-y-30 {
    row-gap: calc(var(--spacing) * 30);
  }

  .gap-y-32 {
    row-gap: calc(var(--spacing) * 32);
  }

  .gap-y-36 {
    row-gap: calc(var(--spacing) * 36);
  }

  .gap-y-40 {
    row-gap: calc(var(--spacing) * 40);
  }

  .gap-y-48 {
    row-gap: calc(var(--spacing) * 48);
  }

  .gap-y-64 {
    row-gap: calc(var(--spacing) * 64);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-gray-300 > :not(:last-child)) {
    border-color: var(--color-gray-300);
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible\! {
    overflow: visible !important;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

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

  .rounded-full\! {
    border-radius: 3.40282e38px !important;
  }

  .rounded-none {
    border-radius: 0;
  }

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

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

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

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

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

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

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

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

  .border-\[\#ADAAB0\] {
    border-color: #adaab0;
  }

  .border-\[\#CCCCCC\] {
    border-color: #ccc;
  }

  .border-\[\#DDDDDD\] {
    border-color: #ddd;
  }

  .border-\[rgb\(255\,255\,255\,0\.4\)\] {
    border-color: #fff6;
  }

  .border-\[rgba\(0\,0\,0\,0\.08\)\] {
    border-color: #00000014;
  }

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

  .border-current {
    border-color: currentColor;
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-400 {
    border-color: var(--color-gray-400);
  }

  .border-gray-500\! {
    border-color: var(--color-gray-500) !important;
  }

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

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

  .border-white\/20 {
    border-color: #fff3;
  }

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

  .border-y-border-gray {
    border-block-color: var(--color-border-gray);
  }

  .border-y-gray-300 {
    border-block-color: var(--color-gray-300);
  }

  .border-t-gray-300 {
    border-top-color: var(--color-gray-300);
  }

  .bg-\[\#000000\] {
    background-color: #000;
  }

  .bg-\[\#06C755\] {
    background-color: #06c755;
  }

  .bg-\[\#6B6A65\] {
    background-color: #6b6a65;
  }

  .bg-\[\#014BA6\] {
    background-color: #014ba6;
  }

  .bg-\[\#89A3B5\] {
    background-color: #89a3b5;
  }

  .bg-\[\#AAB7A8\] {
    background-color: #aab7a8;
  }

  .bg-\[\#B2B2D6\] {
    background-color: #b2b2d6;
  }

  .bg-\[\#CDBEDC\] {
    background-color: #cdbedc;
  }

  .bg-\[\#D0D0D2\] {
    background-color: #d0d0d2;
  }

  .bg-\[\#D2CDC9\] {
    background-color: #d2cdc9;
  }

  .bg-\[\#D6D6D6\] {
    background-color: #d6d6d6;
  }

  .bg-\[\#DCA28A\] {
    background-color: #dca28a;
  }

  .bg-\[\#E1C6AB\] {
    background-color: #e1c6ab;
  }

  .bg-\[\#E2B887\] {
    background-color: #e2b887;
  }

  .bg-\[\#E2C3B1\] {
    background-color: #e2c3b1;
  }

  .bg-\[\#E2D8BF\] {
    background-color: #e2d8bf;
  }

  .bg-\[\#E3CECF\] {
    background-color: #e3cecf;
  }

  .bg-\[\#EECCD7\] {
    background-color: #eeccd7;
  }

  .bg-\[\#F2E3B9\] {
    background-color: #f2e3b9;
  }

  .bg-\[\#F6CE03\] {
    background-color: #f6ce03;
  }

  .bg-\[\#F8976F\] {
    background-color: #f8976f;
  }

  .bg-\[\#FFFFFF\] {
    background-color: #fff;
  }

  .bg-\[rgba\(255\,255\,255\,0\.60\)\] {
    background-color: #fff9;
  }

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

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

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

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

  .bg-current {
    background-color: currentColor;
  }

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

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

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

  .bg-matoi-air-blue {
    background-color: var(--color-matoi-air-blue);
  }

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

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

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

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

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

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

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

  .bg-transparent {
    background-color: #0000;
  }

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

  .bg-white\! {
    background-color: var(--color-white) !important;
  }

  .bg-\[conic-gradient\(from_0deg_at_50\%_50\%\,\#6B6A65_0deg_120deg\,\#D2CDC9_120deg_240deg\,\#E2D8BF_240deg_360deg\)\] {
    background-image: conic-gradient(#6b6a65 0deg 120deg, #d2cdc9 120deg 240deg, #e2d8bf 240deg 360deg);
  }

  .bg-\[conic-gradient\(from_0deg_at_50\%_50\%\,\#89A3B5_0deg_120deg\,\#D0D0D2_120deg_240deg\,\#000000_240deg_360deg\)\] {
    background-image: conic-gradient(#89a3b5 0deg 120deg, #d0d0d2 120deg 240deg, #000 240deg 360deg);
  }

  .bg-\[conic-gradient\(from_0deg_at_50\%_50\%\,\#DCA28A_0deg_120deg\,\#FFFFFF_120deg_240deg\,\#E1C6AB_240deg_360deg\)\] {
    background-image: conic-gradient(#dca28a 0deg 120deg, #fff 120deg 240deg, #e1c6ab 240deg 360deg);
  }

  .bg-\[conic-gradient\(from_0deg_at_50\%_50\%\,\#E2B887_0deg_120deg\,\#FFFFFF_120deg_240deg\,\#E3CECF_240deg_360deg\)\] {
    background-image: conic-gradient(#e2b887 0deg 120deg, #fff 120deg 240deg, #e3cecf 240deg 360deg);
  }

  .bg-\[linear-gradient\(to_right\,\#AAB7A8_50\%\,\#A4A09C_50\%\)\] {
    background-image: linear-gradient(to right, #aab7a8 50%, #a4a09c 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#C3D2E0_50\%\,\#797E8F_50\%\)\] {
    background-image: linear-gradient(to right, #c3d2e0 50%, #797e8f 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#C8C4AE_50\%\,\#797E8F_50\%\)\] {
    background-image: linear-gradient(to right, #c8c4ae 50%, #797e8f 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#E2C3B1_50\%\,\#ADC7C0_50\%\)\] {
    background-image: linear-gradient(to right, #e2c3b1 50%, #adc7c0 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#E2C3B1_50\%\,\#BC98A9_50\%\)\] {
    background-image: linear-gradient(to right, #e2c3b1 50%, #bc98a9 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#E2C3B1_50\%\,\#C6A087_50\%\)\] {
    background-image: linear-gradient(to right, #e2c3b1 50%, #c6a087 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#E8EAED_50\%\,\#797E8F_50\%\)\] {
    background-image: linear-gradient(to right, #e8eaed 50%, #797e8f 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#EECCD7_50\%\,\#BC98A9_50\%\)\] {
    background-image: linear-gradient(to right, #eeccd7 50%, #bc98a9 50%);
  }

  .bg-\[linear-gradient\(to_right\,\#EECCD7_50\%\,\#C7BCCF_50\%\)\] {
    background-image: linear-gradient(to right, #eeccd7 50%, #c7bccf 50%);
  }

  .object-cover {
    object-fit: cover;
  }

  .object-bottom {
    object-position: bottom;
  }

  .object-center {
    object-position: center;
  }

  .object-top {
    object-position: top;
  }

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

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

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

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

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

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

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

  .p-\[4px_8px_5px\] {
    padding: 4px 8px 5px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .px-\[20px\] {
    padding-inline: 20px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .py-\[12px\] {
    padding-block: 12px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }

  .pr-390 {
    padding-right: calc(var(--spacing) * 390);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }

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

  .pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }

  .pl-32 {
    padding-left: calc(var(--spacing) * 32);
  }

  .pl-\[1em\] {
    padding-left: 1em;
  }

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

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

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

  .-indent-\[1em\], .indent-\[-1em\] {
    text-indent: -1em;
  }

  .font-en {
    font-family: var(--font-en);
  }

  .font-en-and-jp {
    font-family: var(--font-en-and-jp);
  }

  .font-jp {
    font-family: var(--font-jp);
  }

  .font-jp-serif {
    font-family: var(--font-jp-serif);
  }

  .font-jp {
    font-feature-settings: "palt";
    letter-spacing: .06em;
    line-break: strict;
  }

  .font-features-\[normal\] {
    font-feature-settings: normal;
  }

  .text-9 {
    font-size: calc(var(--spacing) * 9);
  }

  .text-10 {
    font-size: calc(var(--spacing) * 10);
  }

  .text-11 {
    font-size: calc(var(--spacing) * 11);
  }

  .text-12 {
    font-size: calc(var(--spacing) * 12);
  }

  .text-13 {
    font-size: calc(var(--spacing) * 13);
  }

  .text-14 {
    font-size: calc(var(--spacing) * 14);
  }

  .text-15 {
    font-size: calc(var(--spacing) * 15);
  }

  .text-16 {
    font-size: calc(var(--spacing) * 16);
  }

  .text-17 {
    font-size: calc(var(--spacing) * 17);
  }

  .text-18 {
    font-size: calc(var(--spacing) * 18);
  }

  .text-19 {
    font-size: calc(var(--spacing) * 19);
  }

  .text-20 {
    font-size: calc(var(--spacing) * 20);
  }

  .text-22 {
    font-size: calc(var(--spacing) * 22);
  }

  .text-24 {
    font-size: calc(var(--spacing) * 24);
  }

  .text-26 {
    font-size: calc(var(--spacing) * 26);
  }

  .text-28 {
    font-size: calc(var(--spacing) * 28);
  }

  .text-32 {
    font-size: calc(var(--spacing) * 32);
  }

  .text-34 {
    font-size: calc(var(--spacing) * 34);
  }

  .text-\[3\.7333vw\] {
    font-size: 3.7333vw;
  }

  .text-\[8\.5333vw\] {
    font-size: 8.5333vw;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .leading-0 {
    --tw-leading: calc(var(--spacing) * 0);
    line-height: calc(var(--spacing) * 0);
  }

  .leading-1 {
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
  }

  .leading-2 {
    --tw-leading: calc(var(--spacing) * 2);
    line-height: calc(var(--spacing) * 2);
  }

  .leading-100 {
    --tw-leading: calc(var(--spacing) * 100);
    line-height: calc(var(--spacing) * 100);
  }

  .leading-120 {
    --tw-leading: calc(var(--spacing) * 120);
    line-height: calc(var(--spacing) * 120);
  }

  .leading-130 {
    --tw-leading: calc(var(--spacing) * 130);
    line-height: calc(var(--spacing) * 130);
  }

  .leading-140 {
    --tw-leading: calc(var(--spacing) * 140);
    line-height: calc(var(--spacing) * 140);
  }

  .leading-145 {
    --tw-leading: calc(var(--spacing) * 145);
    line-height: calc(var(--spacing) * 145);
  }

  .leading-150 {
    --tw-leading: calc(var(--spacing) * 150);
    line-height: calc(var(--spacing) * 150);
  }

  .leading-160 {
    --tw-leading: calc(var(--spacing) * 160);
    line-height: calc(var(--spacing) * 160);
  }

  .leading-165 {
    --tw-leading: calc(var(--spacing) * 165);
    line-height: calc(var(--spacing) * 165);
  }

  .leading-170 {
    --tw-leading: calc(var(--spacing) * 170);
    line-height: calc(var(--spacing) * 170);
  }

  .leading-180 {
    --tw-leading: calc(var(--spacing) * 180);
    line-height: calc(var(--spacing) * 180);
  }

  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }

  .leading-\[1\.8\] {
    --tw-leading: 1.8;
    line-height: 1.8;
  }

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

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-0 {
    line-height: 0%;
  }

  .leading-1 {
    line-height: 1%;
  }

  .leading-2 {
    line-height: 2%;
  }

  .leading-100 {
    line-height: 100%;
  }

  .leading-120 {
    line-height: 120%;
  }

  .leading-130 {
    line-height: 130%;
  }

  .leading-140 {
    line-height: 140%;
  }

  .leading-145 {
    line-height: 145%;
  }

  .leading-150 {
    line-height: 150%;
  }

  .leading-160 {
    line-height: 160%;
  }

  .leading-165 {
    line-height: 165%;
  }

  .leading-170 {
    line-height: 170%;
  }

  .leading-180 {
    line-height: 180%;
  }

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

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

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

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

  .font-jp-serif {
    letter-spacing: 0;
    line-break: strict;
  }

  .tracking-\[-0\.1em\] {
    --tw-tracking: -.1em;
    letter-spacing: -.1em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .font-en {
    letter-spacing: .02em;
  }

  .tracking-0 {
    letter-spacing: calc(0 * 1%);
  }

  .tracking-2 {
    letter-spacing: calc(2 * 1%);
  }

  .tracking-3 {
    letter-spacing: calc(3 * 1%);
  }

  .tracking-4 {
    letter-spacing: calc(4 * 1%);
  }

  .tracking-6 {
    letter-spacing: calc(6 * 1%);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#EE001E\] {
    color: #ee001e;
  }

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

  .text-border-gray {
    color: var(--color-border-gray);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-toneup-orange {
    color: var(--color-toneup-orange);
  }

  .text-toneup-red {
    color: var(--color-toneup-red);
  }

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

  .uppercase {
    text-transform: uppercase;
  }

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

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

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-100 {
    opacity: 1;
  }

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

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

  .filter {
    filter: var(--tw-blur,  ) var(--tw-brightness,  ) var(--tw-contrast,  ) var(--tw-grayscale,  ) var(--tw-hue-rotate,  ) var(--tw-invert,  ) var(--tw-saturate,  ) var(--tw-sepia,  ) var(--tw-drop-shadow,  );
  }

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

  .transition-\[1\], .transition-\[fill-opacity\:1\] {
    transition-property: 1;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dashoffset\,opacity\] {
    transition-property: stroke-dashoffset, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .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-opacity {
    transition-property: opacity;
    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));
  }

  .delay-\[calc\(var\(--index\)\*0\.01s\)\] {
    transition-delay: calc(var(--index) * 10ms);
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-600 {
    --tw-duration: .6s;
    transition-duration: .6s;
  }

  .duration-1000, .duration-\[1s\] {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .\[--bg-h\:1\.5px\] {
    --bg-h: 1.5px;
  }

  .\[clip-path\:polygon\(100\%_50\%\,0_0\,0_100\%\)\] {
    clip-path: polygon(100% 50%, 0 0, 0 100%);
  }

  .\[counter-reset\:count\] {
    counter-reset: count;
  }

  .\[fill-opacity\:0\.6\] {
    fill-opacity: .6;
  }

  .\[fill-opacity\:1\] {
    fill-opacity: 1;
  }

  .\[grid-area\:1\/1\/2\/2\] {
    grid-area: 1 / 1 / 2 / 2;
  }

  .\[stroke-dasharray\:calc\(2\*var\(--pi\)\*140\)\] {
    stroke-dasharray: calc(2 * var(--pi) * 140);
  }

  .\[stroke-dashoffset\:calc\(2\*var\(--pi\)\*280\)\] {
    stroke-dashoffset: calc(2 * var(--pi) * 280);
  }

  .\[text-shadow\:0_1lh_0_currentcolor\], .\[text-shadow\:_0_1lh_0_currentcolor\] {
    text-shadow: 0 1lh;
  }

  .area-\[1\/1\/1\/1\] {
    grid-area: 1 / 1 / 1 / 1;
  }

  .area-\[1\/1\/2\/2\] {
    grid-area: 1 / 1 / 2 / 2;
  }

  .max-inline-full {
    max-inline-size: 100%;
  }

  :is(.\*\:relative > *) {
    position: relative;
  }

  :is(.\*\:aspect-video > *) {
    aspect-ratio: var(--aspect-video);
  }

  :is(.\*\:w-full > *) {
    width: 100%;
  }

  :is(.\*\:basis-1\/2 > *) {
    flex-basis: 50%;
  }

  :is(.\*\:basis-144 > *) {
    flex-basis: calc(var(--spacing) * 144);
  }

  :is(.\*\:border-black > *) {
    border-color: var(--color-black);
  }

  :is(.\*\:p-4 > *) {
    padding: calc(var(--spacing) * 4);
  }

  :is(.\*\:pl-\[0\.8em\] > *) {
    padding-left: .8em;
  }

  :is(.\*\:pl-\[1\.8em\] > *) {
    padding-left: 1.8em;
  }

  :is(.\*\:pl-\[1em\] > *) {
    padding-left: 1em;
  }

  :is(.\*\:leading-160 > *) {
    --tw-leading: calc(var(--spacing) * 160);
    line-height: calc(var(--spacing) * 160);
    line-height: 160%;
  }

  :is(.\*\:\[counter-increment\:count\] > *) {
    counter-increment: count;
  }

  :is(.\*\:area-\[1\/1\/1\/1\] > *) {
    grid-area: 1 / 1 / 1 / 1;
  }

  .not-first\:mt-24:not(:first-child) {
    margin-top: calc(var(--spacing) * 24);
  }

  .not-first\:mt-56:not(:first-child) {
    margin-top: calc(var(--spacing) * 56);
  }

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

  .not-first\:border-gray-300:not(:first-child) {
    border-color: var(--color-gray-300);
  }

  .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 45deg;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  @media (hover: hover) {
    .group-hover\:translate-y-\[calc\(-1lh\)\]:is(:where(.group):hover *) {
      --tw-translate-y: calc(-1lh);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:border-black\/80:is(:where(.group):hover *) {
      border-color: #1f1b12cc;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:border-black\/80:is(:where(.group):hover *) {
        border-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }

    .group-hover\:bg-black:is(:where(.group):hover *) {
      background-color: var(--color-black);
    }

    .group-hover\:text-white:is(:where(.group):hover *) {
      color: var(--color-white);
    }

    .group-hover\:opacity-30:is(:where(.group):hover *) {
      opacity: .3;
    }

    .group-hover\:\[stroke-dashoffset\:0\]:is(:where(.group):hover *) {
      stroke-dashoffset: 0;
    }
  }

  .group-aria-\[current\=page\]\:bg-black:is(:where(.group)[aria-current="page"] *) {
    background-color: var(--color-black);
  }

  .group-aria-\[current\=page\]\:bg-white:is(:where(.group)[aria-current="page"] *) {
    background-color: var(--color-white);
  }

  .group-aria-\[current\=page\]\:text-white:is(:where(.group)[aria-current="page"] *) {
    color: var(--color-white);
  }

  .group-aria-\[current\=step\]\:bg-black:is(:where(.group)[aria-current="step"] *) {
    background-color: var(--color-black);
  }

  .group-aria-\[current\=step\]\:text-white:is(:where(.group)[aria-current="step"] *) {
    color: var(--color-white);
  }

  .group-\[\.is-open\]\:rotate-45:is(:where(.group).is-open *) {
    rotate: 45deg;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-0:before {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .before\:-top-2:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -2);
  }

  .before\:-top-4:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * -4);
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:top-16:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 16);
  }

  .before\:top-\[-2px\]:before {
    content: var(--tw-content);
    top: -2px;
  }

  .before\:top-full:before {
    content: var(--tw-content);
    top: 100%;
  }

  .before\:-right-4:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * -4);
  }

  .before\:right-0:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .before\:right-12:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 12);
  }

  .before\:right-16:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 16);
  }

  .before\:right-17:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 17);
  }

  .before\:right-20:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 20);
  }

  .before\:-bottom-1:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * -1);
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-1\/2:before {
    content: var(--tw-content);
    left: 50%;
  }

  .before\:-z-1:before {
    content: var(--tw-content);
    z-index: calc(1 * -1);
  }

  .before\:z-1:before {
    content: var(--tw-content);
    z-index: 1;
    content: var(--tw-content);
    z-index: 1;
  }

  .before\:z-\[1\]:before {
    content: var(--tw-content);
    z-index: 1;
  }

  .before\:m-auto:before {
    content: var(--tw-content);
    margin: auto;
  }

  .before\:ml-\[-1em\]:before {
    content: var(--tw-content);
    margin-left: -1em;
  }

  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:size-32:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 32);
    height: calc(var(--spacing) * 32);
  }

  .before\:h-1:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .before\:h-1\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
  }

  .before\:h-8:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 8);
  }

  .before\:h-\[8px\]:before {
    content: var(--tw-content);
    height: 8px;
  }

  .before\:h-\[calc\(100\%-50px\)\]:before {
    content: var(--tw-content);
    height: calc(100% - 50px);
  }

  .before\:h-\[calc\(var\(--header-height\,100px\)\+4px\)\]:before {
    content: var(--tw-content);
    height: calc(var(--header-height, 100px) + 4px);
  }

  .before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
  }

  .before\:w-8:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 8);
  }

  .before\:w-10:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 10);
  }

  .before\:w-15:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 15);
  }

  .before\:w-20:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 20);
  }

  .before\:w-\[8px\]:before {
    content: var(--tw-content);
    width: 8px;
  }

  .before\:w-\[calc\(100vw-16px\)\]:before {
    content: var(--tw-content);
    width: calc(100vw - 16px);
  }

  .before\:w-dvw:before {
    content: var(--tw-content);
    width: 100dvw;
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:w-screen:before {
    content: var(--tw-content);
    width: 100vw;
  }

  .before\:-translate-x-1\/2:before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:-rotate-20:before {
    content: var(--tw-content);
    rotate: -20deg;
  }

  .before\:rotate-45:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .before\:rotate-\[-20deg\]:before {
    content: var(--tw-content);
    rotate: -20deg;
  }

  .before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

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

  .before\:border-r:before {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .before\:border-b:before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .before\:border-black:before {
    content: var(--tw-content);
    border-color: var(--color-black);
  }

  .before\:bg-\[\#F4EFEA\]:before {
    content: var(--tw-content);
    background-color: #f4efea;
  }

  .before\:bg-beige-400:before {
    content: var(--tw-content);
    background-color: var(--color-beige-400);
  }

  .before\:bg-black:before {
    content: var(--tw-content);
    background-color: var(--color-black);
  }

  .before\:bg-black\/60:before {
    content: var(--tw-content);
    background-color: #1f1b1299;
  }

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

  .before\:bg-current:before {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .before\:bg-gray-300:before {
    content: var(--tw-content);
    background-color: var(--color-gray-300);
  }

  .before\:bg-matoi-orange:before {
    content: var(--tw-content);
    background-color: var(--color-matoi-orange);
  }

  .before\:bg-toneup-red:before {
    content: var(--tw-content);
    background-color: var(--color-toneup-red);
  }

  .before\:bg-white:before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .before\:bg-\[url\(\'\/assets\/img\/product\/tone-up-mask\/bg_tone-up-mask_package\.svg\'\)\]:before {
    content: var(--tw-content);
    background-image: url("/assets/img/product/tone-up-mask/bg_tone-up-mask_package.svg");
  }

  .before\:bg-size-\[100\%100\%\]:before, .before\:bg-size-\[100\%_100\%\]:before {
    content: var(--tw-content);
    background-size: 100% 100%;
  }

  .before\:bg-position-\[top_4px_left_4px\]:before {
    content: var(--tw-content);
    background-position: 4px 4px;
  }

  .before\:bg-no-repeat:before {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .before\:bg-repeat:before {
    content: var(--tw-content);
    background-repeat: repeat;
  }

  .before\:font-en:before {
    content: var(--tw-content);
    font-family: var(--font-en);
  }

  .before\:text-16:before {
    content: var(--tw-content);
    font-size: calc(var(--spacing) * 16);
  }

  .before\:text-\[1em\]:before {
    content: var(--tw-content);
    font-size: 1em;
  }

  .before\:font-en:before {
    content: var(--tw-content);
    letter-spacing: .02em;
  }

  .before\:tracking-2:before {
    content: var(--tw-content);
    letter-spacing: calc(2 * 1%);
  }

  .before\:opacity-0:before {
    content: var(--tw-content);
    opacity: 0;
  }

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

  .before\:transition-\[width\]:before {
    content: var(--tw-content);
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:transition-colors:before {
    content: var(--tw-content);
    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));
  }

  .before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .before\:content-\[\"\"\]:before, .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .before\:content-\[\'01\.\'\]:before {
    --tw-content: "01.";
    content: var(--tw-content);
  }

  .before\:content-\[\'02\.\'\]:before {
    --tw-content: "02.";
    content: var(--tw-content);
  }

  .before\:content-\[\'03\.\'\]:before {
    --tw-content: "03.";
    content: var(--tw-content);
  }

  .before\:content-\[\'※\'\]:before {
    --tw-content: "※";
    content: var(--tw-content);
  }

  .before\:area-\[1\/1\/1\/1\]:before {
    content: var(--tw-content);
    grid-area: 1 / 1 / 1 / 1;
  }

  .before\:area-\[1\/1\/2\/2\]:before {
    content: var(--tw-content);
    grid-area: 1 / 1 / 2 / 2;
  }

  :is(.\*\:before\:absolute > *):before {
    content: var(--tw-content);
    position: absolute;
  }

  :is(.\*\:before\:top-\[0\.8em\] > *):before {
    content: var(--tw-content);
    top: .8em;
  }

  :is(.\*\:before\:left-0 > *):before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  :is(.\*\:before\:ml-\[-1em\] > *):before {
    content: var(--tw-content);
    margin-left: -1em;
  }

  :is(.\*\:before\:aspect-square > *):before {
    content: var(--tw-content);
    aspect-ratio: 1;
  }

  :is(.\*\:before\:w-4 > *):before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  :is(.\*\:before\:rounded-full > *):before {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  :is(.\*\:before\:bg-black > *):before {
    content: var(--tw-content);
    background-color: var(--color-black);
  }

  :is(.\*\:before\:text-\[1em\] > *):before {
    content: var(--tw-content);
    font-size: 1em;
  }

  :is(.\*\:before\:content-\[\'※\'\] > *):before {
    --tw-content: "※";
    content: var(--tw-content);
  }

  :is(.\*\:before\:content-\[\'・\'\] > *):before {
    --tw-content: "・";
    content: var(--tw-content);
  }

  :is(.\*\:before\:\[content\:\'\(\'counter\(count\)\'\)\'\] > *):before {
    content: var(--tw-content);
    content: "("counter(count)")";
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:m-auto:after {
    content: var(--tw-content);
    margin: auto;
  }

  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }

  .after\:h-1:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .after\:h-1\.5:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
  }

  .after\:h-full:after {
    content: var(--tw-content);
    height: 100%;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-10:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 10);
  }

  .after\:w-15:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 15);
  }

  .after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
  }

  .after\:rotate-20:after {
    content: var(--tw-content);
    rotate: 20deg;
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

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

  .after\:border-\[\#DDDDDD\]:after {
    content: var(--tw-content);
    border-color: #ddd;
  }

  .after\:bg-black:after {
    content: var(--tw-content);
    background-color: var(--color-black);
  }

  .after\:bg-gray-300:after {
    content: var(--tw-content);
    background-color: var(--color-gray-300);
  }

  .after\:bg-white:after {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .after\:bg-size-\[100\%100\%\]:after, .after\:bg-size-\[100\%_100\%\]:after {
    content: var(--tw-content);
    background-size: 100% 100%;
  }

  .after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }

  .after\:opacity-20:after {
    content: var(--tw-content);
    opacity: .2;
  }

  .after\:content-\[\"\"\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:area-\[1\/1\/1\/1\]:after {
    content: var(--tw-content);
    grid-area: 1 / 1 / 1 / 1;
  }

  .after\:area-\[1\/1\/2\/2\]:after {
    content: var(--tw-content);
    grid-area: 1 / 1 / 2 / 2;
  }

  .last\:pb-24:last-child {
    padding-bottom: calc(var(--spacing) * 24);
  }

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

  .checked\:before\:absolute:checked:before {
    content: var(--tw-content);
    position: absolute;
  }

  .checked\:before\:top-1:checked:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1);
  }

  .checked\:before\:left-4:checked:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }

  .checked\:before\:h-9:checked:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 9);
  }

  .checked\:before\:w-6:checked:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }

  .checked\:before\:rotate-45:checked:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .checked\:before\:border-r-2:checked:before {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .checked\:before\:border-b-2:checked:before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .checked\:before\:border-white:checked:before {
    content: var(--tw-content);
    border-color: var(--color-white);
  }

  @media (hover: hover) {
    .hover\:-translate-x-2:hover {
      --tw-translate-x: calc(var(--spacing) * -2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

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

    .hover\:border-black:hover {
      border-color: var(--color-black);
    }

    .hover\:bg-beige-400:hover {
      background-color: var(--color-beige-400);
    }

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

    .hover\:bg-current:hover {
      background-color: currentColor;
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

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

    .hover\:text-black:hover {
      color: var(--color-black);
    }

    .hover\:text-toneup-red:hover {
      color: var(--color-toneup-red);
    }

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

    .hover\:opacity-60:hover {
      opacity: .6;
    }

    .hover\:before\:w-full:hover:before {
      content: var(--tw-content);
      width: 100%;
    }

    .hover\:before\:bg-transparent:hover:before {
      content: var(--tw-content);
      background-color: #0000;
    }

    .hover\:before\:opacity-100:hover:before {
      content: var(--tw-content);
      opacity: 1;
    }
  }

  .has-\[\*\:not\(\:empty\)\]\:mt-8:has(:not(:empty)) {
    margin-top: calc(var(--spacing) * 8);
  }

  .has-\[\.VariationPanelSelected\]\:border-black:has(.VariationPanelSelected) {
    border-color: var(--color-black);
  }

  .has-\[\.VariationPanelSelected\]\:bg-black:has(.VariationPanelSelected) {
    background-color: var(--color-black);
  }

  .has-\[\.VariationPanelSelected\]\:text-white:has(.VariationPanelSelected) {
    color: var(--color-white);
  }

  .aria-selected\:bg-black[aria-selected="true"] {
    background-color: var(--color-black);
  }

  .aria-selected\:bg-white[aria-selected="true"] {
    background-color: var(--color-white);
  }

  .aria-selected\:text-white[aria-selected="true"] {
    color: var(--color-white);
  }

  .aria-\[current\=page\]\:border[aria-current="page"] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .aria-\[current\=page\]\:border-black[aria-current="page"] {
    border-color: var(--color-black);
  }

  @media not all and (min-width: 64rem) {
    .max-lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }

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

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

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

    .max-lg\:grid {
      display: grid;
    }

    .max-lg\:hidden {
      display: none;
    }

    .max-lg\:h-36 {
      height: calc(var(--spacing) * 36);
    }

    .max-lg\:w-150 {
      width: calc(var(--spacing) * 150);
    }

    .max-lg\:grid-cols-\[112px_1fr\] {
      grid-template-columns: 112px 1fr;
    }

    .max-lg\:flex-col {
      flex-direction: column;
    }

    .max-lg\:flex-col-reverse {
      flex-direction: column-reverse;
    }

    .max-lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .max-lg\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }

    .max-lg\:overflow-x-auto {
      overflow-x: auto;
    }

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

    .max-lg\:p-16 {
      padding: calc(var(--spacing) * 16);
    }

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

    .max-lg\:text-13 {
      font-size: calc(var(--spacing) * 13);
    }

    .max-lg\:text-18 {
      font-size: calc(var(--spacing) * 18);
    }
  }

  @media not all and (min-width: 48rem) {
    .max-md\:absolute {
      position: absolute;
    }

    .max-md\:fixed {
      position: fixed;
    }

    .max-md\:relative {
      position: relative;
    }

    .max-md\:relative\! {
      position: relative !important;
    }

    .max-md\:sticky {
      position: sticky;
    }

    .max-md\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .max-md\:top-1 {
      top: calc(var(--spacing) * 1);
    }

    .max-md\:top-60 {
      top: calc(var(--spacing) * 60);
    }

    .max-md\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .max-md\:right-6 {
      right: calc(var(--spacing) * 6);
    }

    .max-md\:right-10 {
      right: calc(var(--spacing) * 10);
    }

    .max-md\:-bottom-54 {
      bottom: calc(var(--spacing) * -54);
    }

    .max-md\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }

    .max-md\:bottom-2 {
      bottom: calc(var(--spacing) * 2);
    }

    .max-md\:bottom-4 {
      bottom: calc(var(--spacing) * 4);
    }

    .max-md\:bottom-16 {
      bottom: calc(var(--spacing) * 16);
    }

    .max-md\:bottom-\[calc\(var\(--header-height\)\+16px\)\] {
      bottom: calc(var(--header-height) + 16px);
    }

    .max-md\:left-0 {
      left: calc(var(--spacing) * 0);
    }

    .max-md\:left-12 {
      left: calc(var(--spacing) * 12);
    }

    .max-md\:z-20 {
      z-index: 20;
      z-index: 20;
    }

    .max-md\:-order-1 {
      order: calc(1 * -1);
    }

    .max-md\:order-1 {
      order: 1;
    }

    .max-md\:order-2 {
      order: 2;
    }

    .max-md\:order-3 {
      order: 3;
    }

    .max-md\:order-4 {
      order: 4;
    }

    .max-md\:order-5 {
      order: 5;
    }

    .max-md\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .max-md\:m-auto {
      margin: auto;
    }

    .max-md\:mx-6 {
      margin-inline: calc(var(--spacing) * 6);
    }

    .max-md\:mx-8 {
      margin-inline: calc(var(--spacing) * 8);
    }

    .max-md\:mx-10 {
      margin-inline: calc(var(--spacing) * 10);
    }

    .max-md\:mx-16 {
      margin-inline: calc(var(--spacing) * 16);
    }

    .max-md\:mx-\[calc\(50\%-50svw\)\] {
      margin-inline: calc(50% - 50svw);
    }

    .max-md\:mx-auto {
      margin-inline: auto;
    }

    .max-md\:-mt-20 {
      margin-top: calc(var(--spacing) * -20);
    }

    .max-md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

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

    .max-md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }

    .max-md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .max-md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

    .max-md\:mt-13 {
      margin-top: calc(var(--spacing) * 13);
    }

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

    .max-md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .max-md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .max-md\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }

    .max-md\:mt-28 {
      margin-top: calc(var(--spacing) * 28);
    }

    .max-md\:mt-30 {
      margin-top: calc(var(--spacing) * 30);
    }

    .max-md\:mt-32 {
      margin-top: calc(var(--spacing) * 32);
    }

    .max-md\:mt-36 {
      margin-top: calc(var(--spacing) * 36);
    }

    .max-md\:mt-40 {
      margin-top: calc(var(--spacing) * 40);
    }

    .max-md\:mt-41 {
      margin-top: calc(var(--spacing) * 41);
    }

    .max-md\:mt-48 {
      margin-top: calc(var(--spacing) * 48);
    }

    .max-md\:mt-60 {
      margin-top: calc(var(--spacing) * 60);
    }

    .max-md\:mt-78 {
      margin-top: calc(var(--spacing) * 78);
    }

    .max-md\:mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }

    .max-md\:mr-10 {
      margin-right: calc(var(--spacing) * 10);
    }

    .max-md\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }

    .max-md\:ml-4 {
      margin-left: calc(var(--spacing) * 4);
    }

    .max-md\:ml-18 {
      margin-left: calc(var(--spacing) * 18);
    }

    .max-md\:ml-28 {
      margin-left: calc(var(--spacing) * 28);
    }

    .max-md\:ml-36 {
      margin-left: calc(var(--spacing) * 36);
    }

    .max-md\:ml-95 {
      margin-left: calc(var(--spacing) * 95);
    }

    .max-md\:ml-auto {
      margin-left: auto;
    }

    .max-md\:contents {
      display: contents;
    }

    .max-md\:flex {
      display: flex;
    }

    .max-md\:grid {
      display: grid;
    }

    .max-md\:hidden {
      display: none;
    }

    .max-md\:h-12 {
      height: calc(var(--spacing) * 12);
    }

    .max-md\:h-36 {
      height: calc(var(--spacing) * 36);
    }

    .max-md\:h-48 {
      height: calc(var(--spacing) * 48);
    }

    .max-md\:h-52\! {
      height: calc(var(--spacing) * 52) !important;
    }

    .max-md\:h-56 {
      height: calc(var(--spacing) * 56);
    }

    .max-md\:h-100 {
      height: calc(var(--spacing) * 100);
    }

    .max-md\:h-280 {
      height: calc(var(--spacing) * 280);
    }

    .max-md\:min-h-100 {
      min-height: calc(var(--spacing) * 100);
    }

    .max-md\:w-68 {
      width: calc(var(--spacing) * 68);
    }

    .max-md\:w-90 {
      width: calc(var(--spacing) * 90);
    }

    .max-md\:w-100 {
      width: calc(var(--spacing) * 100);
    }

    .max-md\:w-104 {
      width: calc(var(--spacing) * 104);
    }

    .max-md\:w-106 {
      width: calc(var(--spacing) * 106);
    }

    .max-md\:w-120 {
      width: calc(var(--spacing) * 120);
    }

    .max-md\:w-150 {
      width: calc(var(--spacing) * 150);
    }

    .max-md\:w-160 {
      width: calc(var(--spacing) * 160);
    }

    .max-md\:w-180 {
      width: calc(var(--spacing) * 180);
    }

    .max-md\:w-280 {
      width: calc(var(--spacing) * 280);
    }

    .max-md\:w-340 {
      width: calc(var(--spacing) * 340);
    }

    .max-md\:w-\[50\%\] {
      width: 50%;
    }

    .max-md\:w-\[82\%\] {
      width: 82%;
    }

    .max-md\:w-\[90\%\] {
      width: 90%;
    }

    .max-md\:w-\[140\%\] {
      width: 140%;
    }

    .max-md\:w-\[calc\(\(240\/335\)\*100\%\)\] {
      width: 71.6418%;
    }

    .max-md\:w-\[calc\(\(349\/323\)\*100\%\)\] {
      width: 108.05%;
    }

    .max-md\:w-\[calc\(100\%\+20px\)\] {
      width: calc(100% + 20px);
    }

    .max-md\:w-\[calc\(100\%-16px\)\] {
      width: calc(100% - 16px);
    }

    .max-md\:w-\[calc\(100\%-34px\)\] {
      width: calc(100% - 34px);
    }

    .max-md\:w-\[calc\(310\/335\*100\%\)\] {
      width: 92.5373%;
    }

    .max-md\:w-fit {
      width: fit-content;
    }

    .max-md\:w-full {
      width: 100%;
    }

    .max-md\:w-svw {
      width: 100svw;
    }

    .max-md\:max-w-220 {
      max-width: calc(var(--spacing) * 220);
    }

    .max-md\:max-w-300 {
      max-width: calc(var(--spacing) * 300);
    }

    .max-md\:max-w-375 {
      max-width: calc(var(--spacing) * 375);
    }

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

    .max-md\:auto-cols-56 {
      grid-auto-columns: calc(56 * var(--spacing));
    }

    .max-md\:grid-flow-col {
      grid-auto-flow: column;
    }

    .max-md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .max-md\:grid-cols-\[80px_1fr\] {
      grid-template-columns: 80px 1fr;
    }

    .max-md\:grid-cols-\[94px_1fr\] {
      grid-template-columns: 94px 1fr;
    }

    .max-md\:grid-cols-\[116px_1fr\] {
      grid-template-columns: 116px 1fr;
    }

    .max-md\:grid-cols-\[130px_1fr\] {
      grid-template-columns: 130px 1fr;
    }

    .max-md\:grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr));
    }

    .max-md\:flex-col {
      flex-direction: column;
    }

    .max-md\:flex-col-reverse {
      flex-direction: column-reverse;
    }

    .max-md\:items-center {
      align-items: center;
    }

    .max-md\:justify-between {
      justify-content: space-between;
    }

    .max-md\:justify-center {
      justify-content: center;
    }

    .max-md\:justify-stretch {
      justify-content: stretch;
    }

    .max-md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .max-md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .max-md\:gap-13 {
      gap: calc(var(--spacing) * 13);
    }

    .max-md\:gap-14 {
      gap: calc(var(--spacing) * 14);
    }

    .max-md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .max-md\:gap-19 {
      gap: calc(var(--spacing) * 19);
    }

    .max-md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .max-md\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }

    .max-md\:gap-x-20 {
      column-gap: calc(var(--spacing) * 20);
    }

    .max-md\:gap-x-23 {
      column-gap: calc(var(--spacing) * 23);
    }

    .max-md\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }

    .max-md\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .max-md\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }

    .max-md\:gap-y-32 {
      row-gap: calc(var(--spacing) * 32);
    }

    .max-md\:gap-y-36 {
      row-gap: calc(var(--spacing) * 36);
    }

    .max-md\:place-self-center {
      place-self: center;
    }

    .max-md\:place-self-end {
      place-self: end;
    }

    .max-md\:justify-self-center {
      justify-self: center;
    }

    .max-md\:overflow-hidden {
      overflow: hidden;
    }

    .max-md\:overflow-x-auto {
      overflow-x: auto;
    }

    .max-md\:border-y {
      border-block-style: var(--tw-border-style);
      border-block-width: 1px;
    }

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

    .max-md\:border-gray-300 {
      border-color: var(--color-gray-300);
    }

    .max-md\:bg-beige-300 {
      background-color: var(--color-beige-300);
    }

    .max-md\:bg-beige-400 {
      background-color: var(--color-beige-400);
    }

    .max-md\:bg-white {
      background-color: var(--color-white);
    }

    .max-md\:bg-white\/25 {
      background-color: #ffffff40;
    }

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

    .max-md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .max-md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .max-md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .max-md\:px-11 {
      padding-inline: calc(var(--spacing) * 11);
    }

    .max-md\:px-14 {
      padding-inline: calc(var(--spacing) * 14);
    }

    .max-md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .max-md\:px-17 {
      padding-inline: calc(var(--spacing) * 17);
    }

    .max-md\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }

    .max-md\:px-24 {
      padding-inline: calc(var(--spacing) * 24);
    }

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

    .max-md\:px-40 {
      padding-inline: calc(var(--spacing) * 40);
    }

    .max-md\:py-9 {
      padding-block: calc(var(--spacing) * 9);
    }

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

    .max-md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .max-md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .max-md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .max-md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .max-md\:py-43 {
      padding-block: calc(var(--spacing) * 43);
    }

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

    .max-md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

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

    .max-md\:pt-40 {
      padding-top: calc(var(--spacing) * 40);
    }

    .max-md\:pt-43 {
      padding-top: calc(var(--spacing) * 43);
    }

    .max-md\:pt-48 {
      padding-top: calc(var(--spacing) * 48);
    }

    .max-md\:pt-56 {
      padding-top: calc(var(--spacing) * 56);
    }

    .max-md\:pt-60 {
      padding-top: calc(var(--spacing) * 60);
    }

    .max-md\:pt-64 {
      padding-top: calc(var(--spacing) * 64);
    }

    .max-md\:pt-72 {
      padding-top: calc(var(--spacing) * 72);
    }

    .max-md\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }

    .max-md\:pr-16 {
      padding-right: calc(var(--spacing) * 16);
    }

    .max-md\:pr-20 {
      padding-right: calc(var(--spacing) * 20);
    }

    .max-md\:pr-140 {
      padding-right: calc(var(--spacing) * 140);
    }

    .max-md\:pb-\(--header-height\) {
      padding-bottom: var(--header-height);
    }

    .max-md\:pb-9 {
      padding-bottom: calc(var(--spacing) * 9);
    }

    .max-md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }

    .max-md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .max-md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .max-md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .max-md\:pb-32 {
      padding-bottom: calc(var(--spacing) * 32);
    }

    .max-md\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }

    .max-md\:pb-44 {
      padding-bottom: calc(var(--spacing) * 44);
    }

    .max-md\:pb-48 {
      padding-bottom: calc(var(--spacing) * 48);
    }

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

    .max-md\:pl-15 {
      padding-left: calc(var(--spacing) * 15);
    }

    .max-md\:text-center {
      text-align: center;
    }

    .max-md\:text-left {
      text-align: left;
    }

    .max-md\:text-10 {
      font-size: calc(var(--spacing) * 10);
    }

    .max-md\:text-11 {
      font-size: calc(var(--spacing) * 11);
    }

    .max-md\:text-12 {
      font-size: calc(var(--spacing) * 12);
    }

    .max-md\:text-13 {
      font-size: calc(var(--spacing) * 13);
    }

    .max-md\:text-14 {
      font-size: calc(var(--spacing) * 14);
    }

    .max-md\:text-15 {
      font-size: calc(var(--spacing) * 15);
    }

    .max-md\:text-16 {
      font-size: calc(var(--spacing) * 16);
    }

    .max-md\:text-20 {
      font-size: calc(var(--spacing) * 20);
    }

    .max-md\:text-22 {
      font-size: calc(var(--spacing) * 22);
    }

    .max-md\:leading-140 {
      --tw-leading: calc(var(--spacing) * 140);
      line-height: calc(var(--spacing) * 140);
    }

    .max-md\:leading-165 {
      --tw-leading: calc(var(--spacing) * 165);
      line-height: calc(var(--spacing) * 165);
    }

    .max-md\:leading-140 {
      line-height: 140%;
    }

    .max-md\:leading-165 {
      line-height: 165%;
    }

    .max-md\:tracking-4 {
      letter-spacing: calc(4 * 1%);
    }

    :is(.max-md\:\*\:text-10 > *) {
      font-size: calc(var(--spacing) * 10);
    }

    .max-md\:before\:h-1:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1);
    }

    .max-md\:before\:w-full:before {
      content: var(--tw-content);
      width: 100%;
    }

    .max-md\:before\:bg-black:before {
      content: var(--tw-content);
      background-color: var(--color-black);
    }
  }

  @media (min-width: 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }

    .md\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .md\:absolute {
      position: absolute;
    }

    .md\:fixed {
      position: fixed;
    }

    .md\:-top-30 {
      top: calc(var(--spacing) * -30);
    }

    .md\:-top-58 {
      top: calc(var(--spacing) * -58);
    }

    .md\:-top-60 {
      top: calc(var(--spacing) * -60);
    }

    .md\:-top-64 {
      top: calc(var(--spacing) * -64);
    }

    .md\:-top-\[calc\(\(7\/720\)\*100\%\)\] {
      top: -.972222%;
    }

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

    .md\:top-2 {
      top: calc(var(--spacing) * 2);
    }

    .md\:top-7 {
      top: calc(var(--spacing) * 7);
    }

    .md\:top-14 {
      top: calc(var(--spacing) * 14);
    }

    .md\:top-20 {
      top: calc(var(--spacing) * 20);
    }

    .md\:top-24 {
      top: calc(var(--spacing) * 24);
    }

    .md\:top-60 {
      top: calc(var(--spacing) * 60);
    }

    .md\:top-\[calc\(\(34\/720\)\*100\%\)\] {
      top: 4.72222%;
    }

    .md\:top-\[calc\(\(130\/720\)\*100\%\)\] {
      top: 18.0556%;
    }

    .md\:-right-13 {
      right: calc(var(--spacing) * -13);
    }

    .md\:-right-\[calc\(\(48\/1440\)\*100\%\)\] {
      right: -3.33333%;
    }

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

    .md\:right-14 {
      right: calc(var(--spacing) * 14);
    }

    .md\:right-16 {
      right: calc(var(--spacing) * 16);
    }

    .md\:right-24 {
      right: calc(var(--spacing) * 24);
    }

    .md\:right-30 {
      right: calc(var(--spacing) * 30);
    }

    .md\:right-40 {
      right: calc(var(--spacing) * 40);
    }

    .md\:right-48 {
      right: calc(var(--spacing) * 48);
    }

    .md\:right-76 {
      right: calc(var(--spacing) * 76);
    }

    .md\:right-142 {
      right: calc(var(--spacing) * 142);
    }

    .md\:right-\[2svw\] {
      right: 2svw;
    }

    .md\:right-\[calc\(\(207\/1440\)\*100\%\)\] {
      right: 14.375%;
    }

    .md\:right-\[calc\(\(269\/1440\)\*100\%\)\] {
      right: 18.6806%;
    }

    .md\:right-\[min\(calc\(-182\/1440\*100vw\)\,182px\)\] {
      right: min(-12.6389vw, 182px);
    }

    .md\:-bottom-6 {
      bottom: calc(var(--spacing) * -6);
    }

    .md\:-bottom-21 {
      bottom: calc(var(--spacing) * -21);
    }

    .md\:-bottom-30 {
      bottom: calc(var(--spacing) * -30);
    }

    .md\:-bottom-\[calc\(\(104\/720\)\*100\%\)\] {
      bottom: -14.4444%;
    }

    .md\:bottom-10 {
      bottom: calc(var(--spacing) * 10);
    }

    .md\:bottom-12 {
      bottom: calc(var(--spacing) * 12);
    }

    .md\:bottom-16 {
      bottom: calc(var(--spacing) * 16);
    }

    .md\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }

    .md\:bottom-50 {
      bottom: calc(var(--spacing) * 50);
    }

    .md\:bottom-96 {
      bottom: calc(var(--spacing) * 96);
    }

    .md\:bottom-\[calc\(\(-45\/729\)\*100\%\)\] {
      bottom: -6.17284%;
    }

    .md\:bottom-\[calc\(\(27\/720\)\*100\%\)\] {
      bottom: 3.75%;
    }

    .md\:bottom-\[calc\(\(47\/720\)\*100\%\)\] {
      bottom: 6.52778%;
    }

    .md\:-left-34 {
      left: calc(var(--spacing) * -34);
    }

    .md\:-left-\[calc\(\(67\/1440\)\*100\%\)\] {
      left: -4.65278%;
    }

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

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

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

    .md\:left-24 {
      left: calc(var(--spacing) * 24);
    }

    .md\:left-174 {
      left: calc(var(--spacing) * 174);
    }

    .md\:left-\[calc\(\(-115\/760\)\*100\%\)\] {
      left: -15.1316%;
    }

    .md\:left-\[calc\(\(193\/1440\)\*100\%\)\] {
      left: 13.4028%;
    }

    .md\:left-\[calc\(\(231\/1440\)\*100\%\)\] {
      left: 16.0417%;
    }

    .md\:left-\[calc\(\(444\/1440\)\*100\%\)\] {
      left: 30.8333%;
    }

    .md\:left-\[initial\] {
      left: initial;
    }

    .md\:z-20 {
      z-index: 20;
      z-index: 20;
    }

    .md\:order-1 {
      order: 1;
    }

    .md\:order-2 {
      order: 2;
    }

    .md\:order-3 {
      order: 3;
    }

    .md\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

    .md\:mx-auto {
      margin-inline: auto;
    }

    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .md\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }

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

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

    .md\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }

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

    .md\:mt-9 {
      margin-top: calc(var(--spacing) * 9);
    }

    .md\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .md\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }

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

    .md\:mt-16 {
      margin-top: calc(var(--spacing) * 16);
    }

    .md\:mt-20 {
      margin-top: calc(var(--spacing) * 20);
    }

    .md\:mt-22 {
      margin-top: calc(var(--spacing) * 22);
    }

    .md\:mt-24 {
      margin-top: calc(var(--spacing) * 24);
    }

    .md\:mt-26 {
      margin-top: calc(var(--spacing) * 26);
    }

    .md\:mt-28 {
      margin-top: calc(var(--spacing) * 28);
    }

    .md\:mt-29 {
      margin-top: calc(var(--spacing) * 29);
    }

    .md\:mt-30 {
      margin-top: calc(var(--spacing) * 30);
    }

    .md\:mt-32 {
      margin-top: calc(var(--spacing) * 32);
    }

    .md\:mt-34 {
      margin-top: calc(var(--spacing) * 34);
    }

    .md\:mt-35 {
      margin-top: calc(var(--spacing) * 35);
    }

    .md\:mt-36 {
      margin-top: calc(var(--spacing) * 36);
    }

    .md\:mt-38 {
      margin-top: calc(var(--spacing) * 38);
    }

    .md\:mt-40 {
      margin-top: calc(var(--spacing) * 40);
    }

    .md\:mt-42 {
      margin-top: calc(var(--spacing) * 42);
    }

    .md\:mt-44 {
      margin-top: calc(var(--spacing) * 44);
    }

    .md\:mt-48 {
      margin-top: calc(var(--spacing) * 48);
    }

    .md\:mt-56 {
      margin-top: calc(var(--spacing) * 56);
    }

    .md\:mt-60 {
      margin-top: calc(var(--spacing) * 60);
    }

    .md\:mt-64 {
      margin-top: calc(var(--spacing) * 64);
    }

    .md\:mt-68 {
      margin-top: calc(var(--spacing) * 68);
    }

    .md\:mt-70 {
      margin-top: calc(var(--spacing) * 70);
    }

    .md\:mt-72 {
      margin-top: calc(var(--spacing) * 72);
    }

    .md\:mt-80 {
      margin-top: calc(var(--spacing) * 80);
    }

    .md\:mt-86 {
      margin-top: calc(var(--spacing) * 86);
    }

    .md\:mt-87 {
      margin-top: calc(var(--spacing) * 87);
    }

    .md\:mt-88 {
      margin-top: calc(var(--spacing) * 88);
    }

    .md\:mt-100 {
      margin-top: calc(var(--spacing) * 100);
    }

    .md\:mt-110 {
      margin-top: calc(var(--spacing) * 110);
    }

    .md\:mt-111 {
      margin-top: calc(var(--spacing) * 111);
    }

    .md\:mt-118 {
      margin-top: calc(var(--spacing) * 118);
    }

    .md\:mt-120 {
      margin-top: calc(var(--spacing) * 120);
    }

    .md\:mt-140 {
      margin-top: calc(var(--spacing) * 140);
    }

    .md\:mt-180 {
      margin-top: calc(var(--spacing) * 180);
    }

    .md\:mt-184 {
      margin-top: calc(var(--spacing) * 184);
    }

    .md\:mt-185 {
      margin-top: calc(var(--spacing) * 185);
    }

    .md\:mr-10 {
      margin-right: calc(var(--spacing) * 10);
    }

    .md\:mr-60 {
      margin-right: calc(var(--spacing) * 60);
    }

    .md\:mr-74 {
      margin-right: calc(var(--spacing) * 74);
    }

    .md\:mb-12 {
      margin-bottom: calc(var(--spacing) * 12);
    }

    .md\:mb-20 {
      margin-bottom: calc(var(--spacing) * 20);
    }

    .md\:mb-40 {
      margin-bottom: calc(var(--spacing) * 40);
    }

    .md\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .md\:ml-1 {
      margin-left: calc(var(--spacing) * 1);
    }

    .md\:ml-14 {
      margin-left: calc(var(--spacing) * 14);
    }

    .md\:ml-20 {
      margin-left: calc(var(--spacing) * 20);
    }

    .md\:ml-24 {
      margin-left: calc(var(--spacing) * 24);
    }

    .md\:ml-40 {
      margin-left: calc(var(--spacing) * 40);
    }

    .md\:ml-auto {
      margin-left: auto;
    }

    .md\:block {
      display: block;
    }

    .md\:contents {
      display: contents;
    }

    .md\:flex {
      display: flex;
    }

    .md\:grid {
      display: grid;
    }

    .md\:grid\! {
      display: grid !important;
    }

    .md\:hidden {
      display: none;
    }

    .md\:aspect-2\/1 {
      aspect-ratio: 2;
    }

    .md\:size-32 {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32);
    }

    .md\:size-80 {
      width: calc(var(--spacing) * 80);
      height: calc(var(--spacing) * 80);
    }

    .md\:size-140 {
      width: calc(var(--spacing) * 140);
      height: calc(var(--spacing) * 140);
    }

    .md\:h-16 {
      height: calc(var(--spacing) * 16);
    }

    .md\:h-20 {
      height: calc(var(--spacing) * 20);
    }

    .md\:h-23 {
      height: calc(var(--spacing) * 23);
    }

    .md\:h-34 {
      height: calc(var(--spacing) * 34);
    }

    .md\:h-48 {
      height: calc(var(--spacing) * 48);
    }

    .md\:h-56 {
      height: calc(var(--spacing) * 56);
    }

    .md\:h-56\! {
      height: calc(var(--spacing) * 56) !important;
    }

    .md\:h-60 {
      height: calc(var(--spacing) * 60);
    }

    .md\:h-88 {
      height: calc(var(--spacing) * 88);
    }

    .md\:h-120 {
      height: calc(var(--spacing) * 120);
    }

    .md\:h-320 {
      height: calc(var(--spacing) * 320);
    }

    .md\:h-\[calc\(\(155\/720\)\*100\%\)\] {
      height: 21.5278%;
    }

    .md\:h-\[calc\(\(182\/720\)\*100\%\)\] {
      height: 25.2778%;
    }

    .md\:h-\[calc\(\(192\/720\)\*100\%\)\] {
      height: 26.6667%;
    }

    .md\:h-\[calc\(\(250\/720\)\*100\%\)\] {
      height: 34.7222%;
    }

    .md\:h-\[calc\(\(288\/720\)\*100\%\)\] {
      height: 40%;
    }

    .md\:h-\[calc\(\(330\/720\)\*100\%\)\] {
      height: 45.8333%;
    }

    .md\:max-h-500 {
      max-height: calc(var(--spacing) * 500);
    }

    .md\:max-h-680 {
      max-height: calc(var(--spacing) * 680);
    }

    .md\:max-h-720 {
      max-height: calc(var(--spacing) * 720);
    }

    .md\:max-h-\[80dvh\] {
      max-height: 80dvh;
    }

    .md\:w-2xs {
      width: var(--container-2xs);
    }

    .md\:w-12 {
      width: calc(var(--spacing) * 12);
    }

    .md\:w-13 {
      width: calc(var(--spacing) * 13);
    }

    .md\:w-18 {
      width: calc(var(--spacing) * 18);
    }

    .md\:w-20 {
      width: calc(var(--spacing) * 20);
    }

    .md\:w-22 {
      width: calc(var(--spacing) * 22);
    }

    .md\:w-24 {
      width: calc(var(--spacing) * 24);
    }

    .md\:w-34 {
      width: calc(var(--spacing) * 34);
    }

    .md\:w-40 {
      width: calc(var(--spacing) * 40);
    }

    .md\:w-46 {
      width: calc(var(--spacing) * 46);
    }

    .md\:w-54 {
      width: calc(var(--spacing) * 54);
    }

    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }

    .md\:w-74 {
      width: calc(var(--spacing) * 74);
    }

    .md\:w-80 {
      width: calc(var(--spacing) * 80);
    }

    .md\:w-88 {
      width: calc(var(--spacing) * 88);
    }

    .md\:w-92 {
      width: calc(var(--spacing) * 92);
    }

    .md\:w-98 {
      width: calc(var(--spacing) * 98);
    }

    .md\:w-100 {
      width: calc(var(--spacing) * 100);
    }

    .md\:w-105 {
      width: calc(var(--spacing) * 105);
    }

    .md\:w-110 {
      width: calc(var(--spacing) * 110);
    }

    .md\:w-115 {
      width: calc(var(--spacing) * 115);
    }

    .md\:w-116 {
      width: calc(var(--spacing) * 116);
    }

    .md\:w-120 {
      width: calc(var(--spacing) * 120);
    }

    .md\:w-124 {
      width: calc(var(--spacing) * 124);
    }

    .md\:w-126 {
      width: calc(var(--spacing) * 126);
    }

    .md\:w-131 {
      width: calc(var(--spacing) * 131);
    }

    .md\:w-136 {
      width: calc(var(--spacing) * 136);
    }

    .md\:w-140 {
      width: calc(var(--spacing) * 140);
    }

    .md\:w-150 {
      width: calc(var(--spacing) * 150);
    }

    .md\:w-160 {
      width: calc(var(--spacing) * 160);
    }

    .md\:w-170 {
      width: calc(var(--spacing) * 170);
    }

    .md\:w-178 {
      width: calc(var(--spacing) * 178);
    }

    .md\:w-192 {
      width: calc(var(--spacing) * 192);
    }

    .md\:w-260 {
      width: calc(var(--spacing) * 260);
    }

    .md\:w-300 {
      width: calc(var(--spacing) * 300);
    }

    .md\:w-380 {
      width: calc(var(--spacing) * 380);
    }

    .md\:w-530 {
      width: calc(var(--spacing) * 530);
    }

    .md\:w-720 {
      width: calc(var(--spacing) * 720);
    }

    .md\:w-800 {
      width: calc(var(--spacing) * 800);
    }

    .md\:w-\[calc\(\(149\/1440\)\*100\%\)\] {
      width: 10.3472%;
    }

    .md\:w-\[calc\(\(202\/1440\)\*100\%\)\] {
      width: 14.0278%;
    }

    .md\:w-\[calc\(\(250\/1440\)\*100\%\)\] {
      width: 17.3611%;
    }

    .md\:w-\[calc\(\(270\/1440\)\*100\%\)\] {
      width: 18.75%;
    }

    .md\:w-\[calc\(\(280\/760\)\*100\%\)\] {
      width: 36.8421%;
    }

    .md\:w-\[calc\(\(298\/426\)\*100\%\)\] {
      width: 69.9531%;
    }

    .md\:w-\[calc\(\(325\/1440\)\*100\%\)\] {
      width: 22.5694%;
    }

    .md\:w-\[calc\(\(375\/1440\)\*100\%\)\] {
      width: 26.0417%;
    }

    .md\:w-\[calc\(\(426\/1440\)\*100\%\)\] {
      width: 29.5833%;
    }

    .md\:w-\[calc\(\(500\/1160\)\*100\%\)\] {
      width: 43.1034%;
    }

    .md\:w-\[calc\(\(660\/520\)\*100\%\)\] {
      width: 126.923%;
    }

    .md\:w-\[calc\(\(660\/1140\)\*100\%\)\] {
      width: 57.8947%;
    }

    .md\:w-\[calc\(441\/1200\*100\%\)\] {
      width: 36.75%;
    }

    .md\:w-\[min\(25vw\,360px\)\] {
      width: min(25vw, 360px);
    }

    .md\:w-fit {
      width: fit-content;
    }

    .md\:w-full {
      width: 100%;
    }

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

    .md\:max-w-126 {
      max-width: calc(var(--spacing) * 126);
    }

    .md\:max-w-180 {
      max-width: calc(var(--spacing) * 180);
    }

    .md\:max-w-240 {
      max-width: calc(var(--spacing) * 240);
    }

    .md\:max-w-250 {
      max-width: calc(var(--spacing) * 250);
    }

    .md\:max-w-260 {
      max-width: calc(var(--spacing) * 260);
    }

    .md\:max-w-270 {
      max-width: calc(var(--spacing) * 270);
    }

    .md\:max-w-280 {
      max-width: calc(var(--spacing) * 280);
    }

    .md\:max-w-300 {
      max-width: calc(var(--spacing) * 300);
    }

    .md\:max-w-310 {
      max-width: calc(var(--spacing) * 310);
    }

    .md\:max-w-340 {
      max-width: calc(var(--spacing) * 340);
    }

    .md\:max-w-360 {
      max-width: calc(var(--spacing) * 360);
    }

    .md\:max-w-380 {
      max-width: calc(var(--spacing) * 380);
    }

    .md\:max-w-400 {
      max-width: calc(var(--spacing) * 400);
    }

    .md\:max-w-405 {
      max-width: calc(var(--spacing) * 405);
    }

    .md\:max-w-423 {
      max-width: calc(var(--spacing) * 423);
    }

    .md\:max-w-426 {
      max-width: calc(var(--spacing) * 426);
    }

    .md\:max-w-432 {
      max-width: calc(var(--spacing) * 432);
    }

    .md\:max-w-440 {
      max-width: calc(var(--spacing) * 440);
    }

    .md\:max-w-460 {
      max-width: calc(var(--spacing) * 460);
    }

    .md\:max-w-472 {
      max-width: calc(var(--spacing) * 472);
    }

    .md\:max-w-480 {
      max-width: calc(var(--spacing) * 480);
    }

    .md\:max-w-483 {
      max-width: calc(var(--spacing) * 483);
    }

    .md\:max-w-560 {
      max-width: calc(var(--spacing) * 560);
    }

    .md\:max-w-580 {
      max-width: calc(var(--spacing) * 580);
    }

    .md\:max-w-600 {
      max-width: calc(var(--spacing) * 600);
    }

    .md\:max-w-660 {
      max-width: calc(var(--spacing) * 660);
    }

    .md\:max-w-720 {
      max-width: calc(var(--spacing) * 720);
    }

    .md\:max-w-733 {
      max-width: calc(var(--spacing) * 733);
    }

    .md\:max-w-740 {
      max-width: calc(var(--spacing) * 740);
    }

    .md\:max-w-800 {
      max-width: calc(var(--spacing) * 800);
    }

    .md\:max-w-820 {
      max-width: calc(var(--spacing) * 820);
    }

    .md\:max-w-871 {
      max-width: calc(var(--spacing) * 871);
    }

    .md\:max-w-877 {
      max-width: calc(var(--spacing) * 877);
    }

    .md\:max-w-880 {
      max-width: calc(var(--spacing) * 880);
    }

    .md\:max-w-920 {
      max-width: calc(var(--spacing) * 920);
    }

    .md\:max-w-934 {
      max-width: calc(var(--spacing) * 934);
    }

    .md\:max-w-970 {
      max-width: calc(var(--spacing) * 970);
    }

    .md\:max-w-1000 {
      max-width: calc(var(--spacing) * 1000);
    }

    .md\:max-w-1030 {
      max-width: calc(var(--spacing) * 1030);
    }

    .md\:max-w-1040 {
      max-width: calc(var(--spacing) * 1040);
    }

    .md\:max-w-1100 {
      max-width: calc(var(--spacing) * 1100);
    }

    .md\:max-w-1160 {
      max-width: calc(var(--spacing) * 1160);
    }

    .md\:max-w-1200 {
      max-width: calc(var(--spacing) * 1200);
    }

    .md\:max-w-1240 {
      max-width: calc(var(--spacing) * 1240);
    }

    .md\:max-w-1360 {
      max-width: calc(var(--spacing) * 1360);
    }

    .md\:max-w-1440 {
      max-width: calc(var(--spacing) * 1440);
    }

    .md\:min-w-220 {
      min-width: calc(var(--spacing) * 220);
    }

    .md\:min-w-300 {
      min-width: calc(var(--spacing) * 300);
    }

    .md\:shrink {
      flex-shrink: 1;
    }

    .md\:shrink-0 {
      flex-shrink: 0;
    }

    .md\:grow {
      flex-grow: 1;
    }

    .md\:grow-0 {
      flex-grow: 0;
    }

    .md\:basis-264 {
      flex-basis: calc(var(--spacing) * 264);
    }

    .md\:basis-380 {
      flex-basis: calc(var(--spacing) * 380);
    }

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

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

    .md\:translate-y-\[-50\%\] {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .md\:auto-rows-max {
      grid-auto-rows: max-content;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .md\:grid-cols-\[1fr_180px\] {
      grid-template-columns: 1fr 180px;
    }

    .md\:grid-cols-\[1fr_min\(33\.33vw\,480px\)\] {
      grid-template-columns: 1fr min(33.33vw, 480px);
    }

    .md\:grid-cols-\[14\.375rem_1fr\] {
      grid-template-columns: 14.375rem 1fr;
    }

    .md\:grid-cols-\[114px_1fr\] {
      grid-template-columns: 114px 1fr;
    }

    .md\:grid-cols-\[160px_1fr\] {
      grid-template-columns: 160px 1fr;
    }

    .md\:grid-cols-\[200px_1fr_auto\] {
      grid-template-columns: 200px 1fr auto;
    }

    .md\:grid-cols-\[340px_1fr\] {
      grid-template-columns: 340px 1fr;
    }

    .md\:grid-cols-\[min\(50vw\,720px\)_1fr\] {
      grid-template-columns: min(50vw, 720px) 1fr;
    }

    .md\:grid-cols-auto-fill-16 {
      grid-template-columns: repeat(auto-fill, minmax(calc(16 * var(--spacing)), 1fr));
    }

    .md\:grid-cols-auto-fill-240 {
      grid-template-columns: repeat(auto-fill, minmax(calc(240 * var(--spacing)), 1fr));
    }

    .md\:grid-cols-auto-fill-280 {
      grid-template-columns: repeat(auto-fill, minmax(calc(280 * var(--spacing)), 1fr));
    }

    .md\:grid-cols-auto-fill-320 {
      grid-template-columns: repeat(auto-fill, minmax(calc(320 * var(--spacing)), 1fr));
    }

    .md\:grid-rows-\[min-content\] {
      grid-template-rows: min-content;
    }

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

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }

    .md\:flex-wrap {
      flex-wrap: wrap;
    }

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

    .md\:items-end {
      align-items: flex-end;
    }

    .md\:items-start {
      align-items: flex-start;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

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

    .md\:justify-end {
      justify-content: flex-end;
    }

    .md\:justify-start {
      justify-content: flex-start;
    }

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

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

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

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

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

    .md\:gap-16 {
      gap: calc(var(--spacing) * 16);
    }

    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

    .md\:gap-23 {
      gap: calc(var(--spacing) * 23);
    }

    .md\:gap-24 {
      gap: calc(var(--spacing) * 24);
    }

    .md\:gap-25 {
      gap: calc(var(--spacing) * 25);
    }

    .md\:gap-32 {
      gap: calc(var(--spacing) * 32);
    }

    .md\:gap-36 {
      gap: calc(var(--spacing) * 36);
    }

    .md\:gap-40 {
      gap: calc(var(--spacing) * 40);
    }

    .md\:gap-54 {
      gap: calc(var(--spacing) * 54);
    }

    .md\:gap-56 {
      gap: calc(var(--spacing) * 56);
    }

    .md\:gap-60 {
      gap: calc(var(--spacing) * 60);
    }

    .md\:gap-80 {
      gap: calc(var(--spacing) * 80);
    }

    .md\:gap-88 {
      gap: calc(var(--spacing) * 88);
    }

    .md\:gap-96 {
      gap: calc(var(--spacing) * 96);
    }

    .md\:gap-110 {
      gap: calc(var(--spacing) * 110);
    }

    .md\:gap-120 {
      gap: calc(var(--spacing) * 120);
    }

    .md\:gap-\[20px\] {
      gap: 20px;
    }

    .md\:gap-\[calc\(\(120\/1440\)\*100\%\)\] {
      gap: 8.33333%;
    }

    .md\:gap-\[calc\(\(240\/1440\)\*100\%\)\] {
      gap: 16.6667%;
    }

    .md\:gap-\[calc\(74\/1440\*100\%\)\] {
      gap: 5.13889%;
    }

    .md\:gap-\[calc\(88\/970\*100\%\)\] {
      gap: 9.07217%;
    }

    .md\:gap-\[clamp\(80px\,\(100vw-1024px\)\*120\/416\+80px\,200px\)\] {
      gap: clamp(80px, 28.8462vw - 215.385px, 200px);
    }

    .md\:gap-\[min\(2\.78vw\,40px\)\] {
      gap: min(2.78vw, 40px);
    }

    .md\:gap-\[min\(3\.89vw\,56px\)\] {
      gap: min(3.89vw, 56px);
    }

    .md\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }

    .md\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }

    .md\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12);
    }

    .md\:gap-x-16 {
      column-gap: calc(var(--spacing) * 16);
    }

    .md\:gap-x-20 {
      column-gap: calc(var(--spacing) * 20);
    }

    .md\:gap-x-24 {
      column-gap: calc(var(--spacing) * 24);
    }

    .md\:gap-x-32 {
      column-gap: calc(var(--spacing) * 32);
    }

    .md\:gap-x-35 {
      column-gap: calc(var(--spacing) * 35);
    }

    .md\:gap-x-40 {
      column-gap: calc(var(--spacing) * 40);
    }

    .md\:gap-x-80 {
      column-gap: calc(var(--spacing) * 80);
    }

    .md\:gap-x-120 {
      column-gap: calc(var(--spacing) * 120);
    }

    .md\:gap-x-\[calc\(\(116\/1140\)\*100\%\)\] {
      column-gap: 10.1754%;
    }

    .md\:gap-x-\[calc\(\(140\/1160\)\*100\%\)\] {
      column-gap: 12.069%;
    }

    .md\:gap-x-\[clamp\(32px\,\(100vw-1024px\)\*44\/416\+32px\,75px\)\] {
      column-gap: clamp(32px, 10.5769vw - 76.3077px, 75px);
    }

    .md\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }

    .md\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }

    .md\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .md\:gap-y-12 {
      row-gap: calc(var(--spacing) * 12);
    }

    .md\:gap-y-13 {
      row-gap: calc(var(--spacing) * 13);
    }

    .md\:gap-y-14 {
      row-gap: calc(var(--spacing) * 14);
    }

    .md\:gap-y-16 {
      row-gap: calc(var(--spacing) * 16);
    }

    .md\:gap-y-20 {
      row-gap: calc(var(--spacing) * 20);
    }

    .md\:gap-y-24 {
      row-gap: calc(var(--spacing) * 24);
    }

    .md\:gap-y-28 {
      row-gap: calc(var(--spacing) * 28);
    }

    .md\:gap-y-30 {
      row-gap: calc(var(--spacing) * 30);
    }

    .md\:gap-y-40 {
      row-gap: calc(var(--spacing) * 40);
    }

    .md\:gap-y-48 {
      row-gap: calc(var(--spacing) * 48);
    }

    .md\:gap-y-60 {
      row-gap: calc(var(--spacing) * 60);
    }

    .md\:gap-y-64 {
      row-gap: calc(var(--spacing) * 64);
    }

    .md\:gap-y-80 {
      row-gap: calc(var(--spacing) * 80);
    }

    .md\:gap-y-120 {
      row-gap: calc(var(--spacing) * 120);
    }

    .md\:self-center {
      align-self: center;
    }

    .md\:border-x {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }

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

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

    .md\:border-none {
      --tw-border-style: none;
      border-style: none;
    }

    .md\:border-current {
      border-color: currentColor;
    }

    .md\:border-gray-300 {
      border-color: var(--color-gray-300);
    }

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

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }

    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }

    .md\:p-14 {
      padding: calc(var(--spacing) * 14);
    }

    .md\:p-24 {
      padding: calc(var(--spacing) * 24);
    }

    .md\:p-32 {
      padding: calc(var(--spacing) * 32);
    }

    .md\:p-40 {
      padding: calc(var(--spacing) * 40);
    }

    .md\:p-60 {
      padding: calc(var(--spacing) * 60);
    }

    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:px-15 {
      padding-inline: calc(var(--spacing) * 15);
    }

    .md\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }

    .md\:px-18 {
      padding-inline: calc(var(--spacing) * 18);
    }

    .md\:px-19 {
      padding-inline: calc(var(--spacing) * 19);
    }

    .md\:px-20 {
      padding-inline: calc(var(--spacing) * 20);
    }

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

    .md\:px-30 {
      padding-inline: calc(var(--spacing) * 30);
    }

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

    .md\:px-40 {
      padding-inline: calc(var(--spacing) * 40);
    }

    .md\:px-48 {
      padding-inline: calc(var(--spacing) * 48);
    }

    .md\:px-56 {
      padding-inline: calc(var(--spacing) * 56);
    }

    .md\:px-60 {
      padding-inline: calc(var(--spacing) * 60);
    }

    .md\:px-80 {
      padding-inline: calc(var(--spacing) * 80);
    }

    .md\:px-86 {
      padding-inline: calc(var(--spacing) * 86);
    }

    .md\:px-100 {
      padding-inline: calc(var(--spacing) * 100);
    }

    .md\:px-120 {
      padding-inline: calc(var(--spacing) * 120);
    }

    .md\:px-140 {
      padding-inline: calc(var(--spacing) * 140);
    }

    .md\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }

    .md\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .md\:py-13 {
      padding-block: calc(var(--spacing) * 13);
    }

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

    .md\:py-16 {
      padding-block: calc(var(--spacing) * 16);
    }

    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }

    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }

    .md\:py-26 {
      padding-block: calc(var(--spacing) * 26);
    }

    .md\:py-30 {
      padding-block: calc(var(--spacing) * 30);
    }

    .md\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }

    .md\:py-40 {
      padding-block: calc(var(--spacing) * 40);
    }

    .md\:py-50 {
      padding-block: calc(var(--spacing) * 50);
    }

    .md\:py-60 {
      padding-block: calc(var(--spacing) * 60);
    }

    .md\:py-68 {
      padding-block: calc(var(--spacing) * 68);
    }

    .md\:py-80 {
      padding-block: calc(var(--spacing) * 80);
    }

    .md\:py-100 {
      padding-block: calc(var(--spacing) * 100);
    }

    .md\:py-120 {
      padding-block: calc(var(--spacing) * 120);
    }

    .md\:pt-\(--header-height\) {
      padding-top: var(--header-height);
    }

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

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

    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }

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

    .md\:pt-24 {
      padding-top: calc(var(--spacing) * 24);
    }

    .md\:pt-30 {
      padding-top: calc(var(--spacing) * 30);
    }

    .md\:pt-32 {
      padding-top: calc(var(--spacing) * 32);
    }

    .md\:pt-36 {
      padding-top: calc(var(--spacing) * 36);
    }

    .md\:pt-39 {
      padding-top: calc(var(--spacing) * 39);
    }

    .md\:pt-40 {
      padding-top: calc(var(--spacing) * 40);
    }

    .md\:pt-48 {
      padding-top: calc(var(--spacing) * 48);
    }

    .md\:pt-50 {
      padding-top: calc(var(--spacing) * 50);
    }

    .md\:pt-60 {
      padding-top: calc(var(--spacing) * 60);
    }

    .md\:pt-64 {
      padding-top: calc(var(--spacing) * 64);
    }

    .md\:pt-70 {
      padding-top: calc(var(--spacing) * 70);
    }

    .md\:pt-76 {
      padding-top: calc(var(--spacing) * 76);
    }

    .md\:pt-80 {
      padding-top: calc(var(--spacing) * 80);
    }

    .md\:pt-98 {
      padding-top: calc(var(--spacing) * 98);
    }

    .md\:pt-100 {
      padding-top: calc(var(--spacing) * 100);
    }

    .md\:pt-120 {
      padding-top: calc(var(--spacing) * 120);
    }

    .md\:pt-126 {
      padding-top: calc(var(--spacing) * 126);
    }

    .md\:pt-130 {
      padding-top: calc(var(--spacing) * 130);
    }

    .md\:pt-140 {
      padding-top: calc(var(--spacing) * 140);
    }

    .md\:pt-160 {
      padding-top: calc(var(--spacing) * 160);
    }

    .md\:pt-190 {
      padding-top: calc(var(--spacing) * 190);
    }

    .md\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .md\:pr-16 {
      padding-right: calc(var(--spacing) * 16);
    }

    .md\:pr-20 {
      padding-right: calc(var(--spacing) * 20);
    }

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

    .md\:pb-11 {
      padding-bottom: calc(var(--spacing) * 11);
    }

    .md\:pb-13 {
      padding-bottom: calc(var(--spacing) * 13);
    }

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

    .md\:pb-16 {
      padding-bottom: calc(var(--spacing) * 16);
    }

    .md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }

    .md\:pb-24 {
      padding-bottom: calc(var(--spacing) * 24);
    }

    .md\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30);
    }

    .md\:pb-34 {
      padding-bottom: calc(var(--spacing) * 34);
    }

    .md\:pb-36 {
      padding-bottom: calc(var(--spacing) * 36);
    }

    .md\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }

    .md\:pb-48 {
      padding-bottom: calc(var(--spacing) * 48);
    }

    .md\:pb-50 {
      padding-bottom: calc(var(--spacing) * 50);
    }

    .md\:pb-60 {
      padding-bottom: calc(var(--spacing) * 60);
    }

    .md\:pb-64 {
      padding-bottom: calc(var(--spacing) * 64);
    }

    .md\:pb-76 {
      padding-bottom: calc(var(--spacing) * 76);
    }

    .md\:pb-77 {
      padding-bottom: calc(var(--spacing) * 77);
    }

    .md\:pb-80 {
      padding-bottom: calc(var(--spacing) * 80);
    }

    .md\:pb-85 {
      padding-bottom: calc(var(--spacing) * 85);
    }

    .md\:pb-88 {
      padding-bottom: calc(var(--spacing) * 88);
    }

    .md\:pb-90 {
      padding-bottom: calc(var(--spacing) * 90);
    }

    .md\:pb-100 {
      padding-bottom: calc(var(--spacing) * 100);
    }

    .md\:pb-108 {
      padding-bottom: calc(var(--spacing) * 108);
    }

    .md\:pb-110 {
      padding-bottom: calc(var(--spacing) * 110);
    }

    .md\:pb-115 {
      padding-bottom: calc(var(--spacing) * 115);
    }

    .md\:pb-116 {
      padding-bottom: calc(var(--spacing) * 116);
    }

    .md\:pb-120 {
      padding-bottom: calc(var(--spacing) * 120);
    }

    .md\:pb-130 {
      padding-bottom: calc(var(--spacing) * 130);
    }

    .md\:pb-140 {
      padding-bottom: calc(var(--spacing) * 140);
    }

    .md\:pb-142 {
      padding-bottom: calc(var(--spacing) * 142);
    }

    .md\:pb-160 {
      padding-bottom: calc(var(--spacing) * 160);
    }

    .md\:pb-180 {
      padding-bottom: calc(var(--spacing) * 180);
    }

    .md\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }

    .md\:pl-20 {
      padding-left: calc(var(--spacing) * 20);
    }

    .md\:pl-40 {
      padding-left: calc(var(--spacing) * 40);
    }

    .md\:pl-80 {
      padding-left: calc(var(--spacing) * 80);
    }

    .md\:pl-120 {
      padding-left: calc(var(--spacing) * 120);
    }

    .md\:pl-\[calc\(\(120\/1280\*100\%\)\+220px\)\] {
      padding-left: calc(9.375% + 220px);
    }

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

    .md\:text-left {
      text-align: left;
    }

    .md\:font-features-\[normal\] {
      font-feature-settings: normal;
    }

    .md\:text-10 {
      font-size: calc(var(--spacing) * 10);
    }

    .md\:text-11 {
      font-size: calc(var(--spacing) * 11);
    }

    .md\:text-12 {
      font-size: calc(var(--spacing) * 12);
    }

    .md\:text-13 {
      font-size: calc(var(--spacing) * 13);
    }

    .md\:text-14 {
      font-size: calc(var(--spacing) * 14);
    }

    .md\:text-15 {
      font-size: calc(var(--spacing) * 15);
    }

    .md\:text-16 {
      font-size: calc(var(--spacing) * 16);
    }

    .md\:text-17 {
      font-size: calc(var(--spacing) * 17);
    }

    .md\:text-18 {
      font-size: calc(var(--spacing) * 18);
    }

    .md\:text-20 {
      font-size: calc(var(--spacing) * 20);
    }

    .md\:text-22 {
      font-size: calc(var(--spacing) * 22);
    }

    .md\:text-24 {
      font-size: calc(var(--spacing) * 24);
    }

    .md\:text-26 {
      font-size: calc(var(--spacing) * 26);
    }

    .md\:text-28 {
      font-size: calc(var(--spacing) * 28);
    }

    .md\:text-30 {
      font-size: calc(var(--spacing) * 30);
    }

    .md\:text-32 {
      font-size: calc(var(--spacing) * 32);
    }

    .md\:text-34 {
      font-size: calc(var(--spacing) * 34);
    }

    .md\:text-38 {
      font-size: calc(var(--spacing) * 38);
    }

    .md\:text-42 {
      font-size: calc(var(--spacing) * 42);
    }

    .md\:text-44 {
      font-size: calc(var(--spacing) * 44);
    }

    .md\:text-46 {
      font-size: calc(var(--spacing) * 46);
    }

    .md\:text-\[clamp\(14px\,1\.25vw\,18px\)\] {
      font-size: clamp(14px, 1.25vw, 18px);
    }

    .md\:text-\[clamp\(32px\,3\.0556vw\,72px\)\] {
      font-size: clamp(32px, 3.0556vw, 72px);
    }

    .md\:leading-120 {
      --tw-leading: calc(var(--spacing) * 120);
      line-height: calc(var(--spacing) * 120);
    }

    .md\:leading-150 {
      --tw-leading: calc(var(--spacing) * 150);
      line-height: calc(var(--spacing) * 150);
    }

    .md\:leading-160 {
      --tw-leading: calc(var(--spacing) * 160);
      line-height: calc(var(--spacing) * 160);
    }

    .md\:leading-165 {
      --tw-leading: calc(var(--spacing) * 165);
      line-height: calc(var(--spacing) * 165);
    }

    .md\:leading-180 {
      --tw-leading: calc(var(--spacing) * 180);
      line-height: calc(var(--spacing) * 180);
    }

    .md\:leading-200 {
      --tw-leading: calc(var(--spacing) * 200);
      line-height: calc(var(--spacing) * 200);
    }

    .md\:leading-220 {
      --tw-leading: calc(var(--spacing) * 220);
      line-height: calc(var(--spacing) * 220);
    }

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

    .md\:leading-120 {
      line-height: 120%;
    }

    .md\:leading-150 {
      line-height: 150%;
    }

    .md\:leading-160 {
      line-height: 160%;
    }

    .md\:leading-165 {
      line-height: 165%;
    }

    .md\:leading-180 {
      line-height: 180%;
    }

    .md\:leading-200 {
      line-height: 200%;
    }

    .md\:leading-220 {
      line-height: 220%;
    }

    .md\:tracking-0 {
      letter-spacing: calc(0 * 1%);
    }

    .md\:tracking-6 {
      letter-spacing: calc(6 * 1%);
    }

    .md\:area-\[list\] {
      grid-area: list;
    }

    :is(.md\:\*\:basis-240 > *) {
      flex-basis: calc(var(--spacing) * 240);
    }

    :is(.md\:\*\:text-12 > *) {
      font-size: calc(var(--spacing) * 12);
    }

    .md\:not-first\:mt-14:not(:first-child) {
      margin-top: calc(var(--spacing) * 14);
    }

    .md\:before\:absolute:before {
      content: var(--tw-content);
      position: absolute;
    }

    .md\:before\:-top-3:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -3);
    }

    .md\:before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }

    .md\:before\:-right-3:before {
      content: var(--tw-content);
      right: calc(var(--spacing) * -3);
    }

    .md\:before\:right-12:before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 12);
    }

    .md\:before\:mx-\[calc\(50\%-50vw\)\]:before {
      content: var(--tw-content);
      margin-inline: calc(50% - 50vw);
    }

    .md\:before\:size-38:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 38);
      height: calc(var(--spacing) * 38);
    }

    .md\:before\:h-\[calc\(100\%-40px\)\]:before {
      content: var(--tw-content);
      height: calc(100% - 40px);
    }

    .md\:before\:h-full:before {
      content: var(--tw-content);
      height: 100%;
    }
  }

  .before\:md\:w-20:before {
    content: var(--tw-content);
  }

  @media (min-width: 48rem) {
    .before\:md\:w-20:before {
      width: calc(var(--spacing) * 20);
    }

    .md\:before\:w-26:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 26);
    }

    .md\:before\:w-30:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 30);
    }

    .md\:before\:w-\[calc\(100vw-60px\)\]:before {
      content: var(--tw-content);
      width: calc(100vw - 60px);
    }

    .md\:before\:w-dvw:before {
      content: var(--tw-content);
      width: 100dvw;
    }

    .md\:before\:bg-\[\#C3C1CF\]:before {
      content: var(--tw-content);
      background-color: #c3c1cf;
    }
  }

  .after\:md\:w-20:after {
    content: var(--tw-content);
  }

  @media (min-width: 48rem) {
    .after\:md\:w-20:after {
      width: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }

    .lg\:top-100 {
      top: calc(var(--spacing) * 100);
    }

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

    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }

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

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

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

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

    .lg\:mt-\[-1\.4em\] {
      margin-top: -1.4em;
    }

    .lg\:mr-auto {
      margin-right: auto;
    }

    .lg\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }

    .lg\:contents {
      display: contents;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:grid {
      display: grid;
    }

    .lg\:hidden {
      display: none;
    }

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

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

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

    .lg\:w-\[calc\(\(100\%-160px\)\/5\)\] {
      width: calc(20% - 32px);
    }

    .lg\:w-\[calc\(260\/820\*100\%\)\] {
      width: 31.7073%;
    }

    .lg\:w-\[calc\(400\/940\*100\%\)\] {
      width: 42.5532%;
    }

    .lg\:w-\[calc\(440\/940\*100\%\)\] {
      width: 46.8085%;
    }

    .lg\:w-\[calc\(441\/940\*100\%\)\] {
      width: 46.9149%;
    }

    .lg\:w-\[calc\(480\/940\*100\%\)\] {
      width: 51.0638%;
    }

    .lg\:w-\[calc\(484\/820\*100\%\)\] {
      width: 59.0244%;
    }

    .lg\:w-\[calc\(500\/1200\*100\%\)\] {
      width: 41.6667%;
    }

    .lg\:w-\[calc\(600\/1200\*100\%\)\] {
      width: 50%;
    }

    .lg\:w-\[clamp\(264px\,\(100vw-1024px\)\*86\/416\+264px\,350px\)\] {
      width: clamp(264px, 20.6731vw + 52.3077px, 350px);
    }

    .lg\:min-w-200 {
      min-width: calc(var(--spacing) * 200);
    }

    .lg\:min-w-300 {
      min-width: calc(var(--spacing) * 300);
    }

    .lg\:shrink-0 {
      flex-shrink: 0;
    }

    .lg\:basis-264 {
      flex-basis: calc(var(--spacing) * 264);
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[1fr_380px\] {
      grid-template-columns: 1fr 380px;
    }

    .lg\:grid-cols-\[126px_1fr_136px\] {
      grid-template-columns: 126px 1fr 136px;
    }

    .lg\:grid-cols-\[180px_1fr\] {
      grid-template-columns: 180px 1fr;
    }

    .lg\:grid-cols-\[repeat\(2\,1fr\)\] {
      grid-template-columns: repeat(2, 1fr);
    }

    .lg\:grid-cols-auto-fill-300 {
      grid-template-columns: repeat(auto-fill, minmax(calc(300 * var(--spacing)), 1fr));
    }

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

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

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

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

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

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

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

    .lg\:gap-\[calc\(50\/820\*100\%\)\] {
      gap: 6.09756%;
    }

    .lg\:gap-\[calc\(50\/940\*100\%\)\] {
      gap: 5.31915%;
    }

    .lg\:gap-\[calc\(75\/940\*100\%\)\] {
      gap: 7.97872%;
    }

    .lg\:gap-\[calc\(80\/1200\*100\%\)\] {
      gap: 6.66667%;
    }

    .lg\:gap-\[clamp\(16px\,\(100vw-1024px\)\*8\/416\+16px\,24px\)\] {
      gap: clamp(16px, 1.92308vw - 3.69231px, 24px);
    }

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

    .lg\:gap-x-40 {
      column-gap: calc(var(--spacing) * 40);
    }

    .lg\:gap-x-70 {
      column-gap: calc(var(--spacing) * 70);
    }

    .lg\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }

    .lg\:gap-y-48 {
      row-gap: calc(var(--spacing) * 48);
    }

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

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

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

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

    .lg\:px-\[calc\(60\/940\*100\%\)\] {
      padding-inline: 6.38298%;
    }

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

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

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

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

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

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

    .lg\:text-left {
      text-align: left;
    }

    .lg\:text-14 {
      font-size: calc(var(--spacing) * 14);
    }

    .lg\:text-15 {
      font-size: calc(var(--spacing) * 15);
    }

    .lg\:text-22 {
      font-size: calc(var(--spacing) * 22);
    }

    .lg\:text-\[clamp\(16px\,\(100vw-1024px\)\*6\/416\+16px\,20px\)\] {
      font-size: clamp(16px, 1.44231vw + 1.23077px, 20px);
    }

    .lg\:area-\[link\] {
      grid-area: link;
    }

    .lg\:area-\[list\] {
      grid-area: list;
    }

    .lg\:area-\[title\] {
      grid-area: title;
    }

    .lg\:template-\[\'title_list\'_auto\'link_list\'_1fr\/19\.375rem_1fr\] {
      grid-template: "title list"
                     "link list" 1fr
                     / 19.375rem 1fr;
    }

    .lg\:template-\[\'title_list\'_auto\'link_list\'_1fr\/25rem_1fr\] {
      grid-template: "title list"
                     "link list" 1fr
                     / 25rem 1fr;
    }

    .lg\:before\:text-24:before {
      content: var(--tw-content);
      font-size: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[min\(18vw\,288px\)_1fr\] {
      grid-template-columns: min(18vw, 288px) 1fr;
    }

    .xl\:gap-80 {
      gap: calc(var(--spacing) * 80);
    }
  }

  @media (hover: hover) {
    .hover\:\[\&_\.rectangle-button\]\:border-black:hover .rectangle-button {
      border-color: var(--color-black);
    }

    .hover\:\[\&_\.rectangle-button\]\:bg-black:hover .rectangle-button {
      background-color: var(--color-black);
    }

    .hover\:\[\&_\.rectangle-button\]\:text-white:hover .rectangle-button {
      color: var(--color-white);
    }

    .hover\:\[\&_\.thumb\]\:scale-105:hover .thumb {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .\[\&_a\]\:grid a {
    display: grid;
  }

  .\[\&_a\]\:h-40 a {
    height: calc(var(--spacing) * 40);
  }

  .\[\&_a\]\:h-\[40px\] a {
    height: 40px;
  }

  .\[\&_a\]\:place-items-center a {
    place-items: center;
  }

  .\[\&_a\]\:text-13 a {
    font-size: calc(var(--spacing) * 13);
  }

  .\[\&_a\]\:text-\[13px\] a {
    font-size: 13px;
  }

  .\[\&_a\]\:leading-none a {
    --tw-leading: 1;
    line-height: 1;
  }

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

  @media (hover: hover) {
    .\[\&_a\]\:hover\:bg-black a:hover {
      background-color: var(--color-black);
    }

    .\[\&_a\]\:hover\:text-white a:hover {
      color: var(--color-white);
    }
  }

  .\[\&_button\]\:size-8 button {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .\[\&_button\]\:rounded-full button {
    border-radius: 3.40282e38px;
  }

  .\[\&_button\.is-active\]\:scale-150 button.is-active {
    --tw-scale-x: 150%;
    --tw-scale-y: 150%;
    --tw-scale-z: 150%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .\[\&_button\.is-active\]\:bg-black\! button.is-active {
    background-color: var(--color-black) !important;
  }

  .\[\&_button\:hover\]\:bg-black button:hover {
    background-color: var(--color-black);
  }

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

  .\[\&_div\+div\]\:border-t div + div {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&_dt_input\]\:absolute dt input {
    position: absolute;
  }

  .\[\&_dt_input\]\:opacity-0 dt input {
    opacity: 0;
  }

  .\[\&_dt_input\:checked\+label\]\:border-\[\#1F1B12\] dt input:checked + label {
    border-color: #1f1b12;
  }

  .\[\&_dt_input\:checked\+label\]\:before\:bg-\[\#1F1B12\] dt input:checked + label:before {
    content: var(--tw-content);
    background-color: #1f1b12;
  }

  .\[\&_dt_input\:checked\+label\]\:after\:border-\[\#1F1B12\] dt input:checked + label:after {
    content: var(--tw-content);
    border-color: #1f1b12;
  }

  .\[\&_dt_label\]\:relative dt label {
    position: relative;
  }

  .\[\&_dt_label\]\:flex dt label {
    display: flex;
  }

  .\[\&_dt_label\]\:h-40 dt label {
    height: calc(var(--spacing) * 40);
  }

  .\[\&_dt_label\]\:items-center dt label {
    align-items: center;
  }

  .\[\&_dt_label\]\:border dt label {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_dt_label\]\:border-gray-300 dt label {
    border-color: var(--color-gray-300);
  }

  .\[\&_dt_label\]\:pl-40 dt label {
    padding-left: calc(var(--spacing) * 40);
  }

  .\[\&_dt_label\]\:text-14 dt label {
    font-size: calc(var(--spacing) * 14);
  }

  .\[\&_dt_label\]\:font-normal dt label {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .\[\&_dt_label\]\:tracking-6 dt label {
    letter-spacing: calc(6 * 1%);
  }

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

  .\[\&_dt_label\]\:before\:absolute dt label:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&_dt_label\]\:before\:left-19 dt label:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 19);
  }

  .\[\&_dt_label\]\:before\:h-8 dt label:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 8);
  }

  .\[\&_dt_label\]\:before\:w-8 dt label:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 8);
  }

  .\[\&_dt_label\]\:before\:rounded-\[50\%\] dt label:before {
    content: var(--tw-content);
    border-radius: 50%;
  }

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

  .\[\&_dt_label\]\:after\:absolute dt label:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&_dt_label\]\:after\:left-16 dt label:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 16);
  }

  .\[\&_dt_label\]\:after\:h-14 dt label:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 14);
  }

  .\[\&_dt_label\]\:after\:w-14 dt label:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 14);
  }

  .\[\&_dt_label\]\:after\:rounded-\[50\%\] dt label:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&_dt_label\]\:after\:border dt label:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_dt_label\]\:after\:border-gray-500 dt label:after {
    content: var(--tw-content);
    border-color: var(--color-gray-500);
  }

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

  @media (min-width: 48rem) {
    .md\:\[\&_dt_label\]\:h-44 dt label {
      height: calc(var(--spacing) * 44);
    }

    .md\:\[\&_dt_label\]\:max-w-360 dt label {
      max-width: calc(var(--spacing) * 360);
    }

    .md\:\[\&_dt_label\]\:pl-48 dt label {
      padding-left: calc(var(--spacing) * 48);
    }

    .md\:\[\&_dt_label\]\:before\:left-23 dt label:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 23);
    }

    .md\:\[\&_dt_label\]\:after\:left-19 dt label:after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 19);
    }

    .md\:\[\&_dt_label\]\:after\:h-16 dt label:after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 16);
    }

    .md\:\[\&_dt_label\]\:after\:w-16 dt label:after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 16);
    }
  }

  .\[\&_dt_label\:hover\]\:border-\[\#1F1B12\] dt label:hover {
    border-color: #1f1b12;
  }

  .\[\&_input\]\:absolute input {
    position: absolute;
  }

  .\[\&_input\]\:opacity-0 input {
    opacity: 0;
  }

  .\[\&_input\:checked\+label\]\:text-black input:checked + label {
    color: var(--color-black);
  }

  .\[\&_label\]\:relative label {
    position: relative;
  }

  .\[\&_label\]\:flex label {
    display: flex;
  }

  .\[\&_label\]\:h-40 label {
    height: calc(var(--spacing) * 40);
  }

  .\[\&_label\]\:items-center label {
    align-items: center;
  }

  .\[\&_label\]\:border label {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_label\]\:border-current label {
    border-color: currentColor;
  }

  .\[\&_label\]\:pl-48 label {
    padding-left: calc(var(--spacing) * 48);
  }

  .\[\&_label\]\:text-14 label {
    font-size: calc(var(--spacing) * 14);
  }

  .\[\&_label\]\:text-gray-400 label {
    color: var(--color-gray-400);
  }

  .\[\&_label\]\:before\:absolute label:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&_label\]\:before\:left-23 label:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 23);
  }

  .\[\&_label\]\:before\:h-8 label:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 8);
  }

  .\[\&_label\]\:before\:w-8 label:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 8);
  }

  .\[\&_label\]\:before\:rounded-\[50\%\] label:before {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&_label\]\:before\:bg-current label:before {
    content: var(--tw-content);
    background-color: currentColor;
  }

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

  .\[\&_label\]\:after\:absolute label:after {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&_label\]\:after\:left-19 label:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 19);
  }

  .\[\&_label\]\:after\:h-16 label:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 16);
  }

  .\[\&_label\]\:after\:w-16 label:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 16);
  }

  .\[\&_label\]\:after\:rounded-\[50\%\] label:after {
    content: var(--tw-content);
    border-radius: 50%;
  }

  .\[\&_label\]\:after\:border label:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_label\]\:after\:border-current label:after {
    content: var(--tw-content);
    border-color: currentColor;
  }

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

  @media (hover: hover) {
    .hover\:\[\&_picture\]\:scale-106:hover picture {
      --tw-scale-x: 106%;
      --tw-scale-y: 106%;
      --tw-scale-z: 106%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .\[\&_td\]\:border td, .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\+\*\]\:mt-10 + * {
    margin-top: calc(var(--spacing) * 10);
  }

  .\[\&\+\*\]\:mt-12 + * {
    margin-top: calc(var(--spacing) * 12);
  }

  .\[\&\+\*\]\:mt-16 + * {
    margin-top: calc(var(--spacing) * 16);
  }

  .\[\&\+\*\]\:mt-20 + * {
    margin-top: calc(var(--spacing) * 20);
  }

  .\[\&\+\*\]\:mt-24 + * {
    margin-top: calc(var(--spacing) * 24);
  }

  .\[\&\+\*\]\:mt-32 + * {
    margin-top: calc(var(--spacing) * 32);
  }

  .\[\&\+\*\]\:mt-40 + * {
    margin-top: calc(var(--spacing) * 40);
  }

  @media (min-width: 48rem) {
    .\[\&\+\*\]\:md\:mt-16 + * {
      margin-top: calc(var(--spacing) * 16);
    }

    .\[\&\+\*\]\:md\:mt-20 + * {
      margin-top: calc(var(--spacing) * 20);
    }

    .\[\&\+\*\]\:md\:mt-24 + * {
      margin-top: calc(var(--spacing) * 24);
    }

    .\[\&\+\*\]\:md\:mt-30 + * {
      margin-top: calc(var(--spacing) * 30);
    }

    .md\:\[\&\+\*\]\:mt-16 + * {
      margin-top: calc(var(--spacing) * 16);
    }

    .md\:\[\&\+\*\]\:mt-18 + * {
      margin-top: calc(var(--spacing) * 18);
    }

    .md\:\[\&\+\*\]\:mt-24 + * {
      margin-top: calc(var(--spacing) * 24);
    }

    .md\:\[\&\+\*\]\:mt-30 + * {
      margin-top: calc(var(--spacing) * 30);
    }

    .md\:\[\&\+\*\]\:mt-40 + * {
      margin-top: calc(var(--spacing) * 40);
    }

    .md\:\[\&\+\*\]\:mt-100 + * {
      margin-top: calc(var(--spacing) * 100);
    }
  }

  .\[\&\+\.c-product-category-tab\]\:mt-32 + .c-product-category-tab {
    margin-top: calc(var(--spacing) * 32);
  }

  @media (min-width: 48rem) {
    .md\:\[\&\+\.c-product-category-tab\]\:mt-48 + .c-product-category-tab {
      margin-top: calc(var(--spacing) * 48);
    }
  }

  .\[\&\+details\]\:border-t + details {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&\+details\]\:border-t-gray-300 + details {
    border-top-color: var(--color-gray-300);
  }

  .\[\&\+li\]\:border-t + li {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&\+li\]\:border-t-gray-300 + li {
    border-top-color: var(--color-gray-300);
  }

  .\[\&\+section\]\:mt-60 + section {
    margin-top: calc(var(--spacing) * 60);
  }

  @media (min-width: 48rem) {
    .md\:\[\&\+section\]\:mt-120 + section {
      margin-top: calc(var(--spacing) * 120);
    }
  }

  .\[\&\.is-active\]\:before\:opacity-100.is-active:before {
    content: var(--tw-content);
    opacity: 1;
  }

  .\[\&\>div\:has\(\>\*\)\]\:border-t > div:has( > *) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .\[\&\>div\:has\(\>\*\)\]\:border-black > div:has( > *) {
    border-color: var(--color-black);
  }

  .\[\&\>iframe\]\:aspect-video > iframe {
    aspect-ratio: var(--aspect-video);
  }

  .\[\&\>iframe\]\:h-full > iframe {
    height: 100%;
  }

  .\[\&\>iframe\]\:w-full > iframe {
    width: 100%;
  }

  .\[\&\>input\]\:relative > input {
    position: relative;
  }

  .\[\&\>input\]\:top-1 > input {
    top: calc(var(--spacing) * 1);
  }

  .\[\&\>input\]\:h-16 > input {
    height: calc(var(--spacing) * 16);
  }

  .\[\&\>input\]\:w-16 > input {
    width: calc(var(--spacing) * 16);
  }

  .\[\&\>input\]\:appearance-none > input {
    appearance: none;
  }

  .\[\&\>input\]\:rounded-none > input {
    border-radius: 0;
  }

  .\[\&\>input\]\:border > input {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&\>input\]\:bg-white > input {
    background-color: var(--color-white);
  }

  .\[\&\>input\:checked\]\:bg-black > input:checked {
    background-color: var(--color-black);
  }

  .\[\&\>input\:checked\]\:before\:absolute > input:checked:before {
    content: var(--tw-content);
    position: absolute;
  }

  .\[\&\>input\:checked\]\:before\:top-1 > input:checked:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 1);
  }

  .\[\&\>input\:checked\]\:before\:left-4 > input:checked:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 4);
  }

  .\[\&\>input\:checked\]\:before\:h-9 > input:checked:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 9);
  }

  .\[\&\>input\:checked\]\:before\:w-6 > input:checked:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }

  .\[\&\>input\:checked\]\:before\:rotate-45 > input:checked:before {
    content: var(--tw-content);
    rotate: 45deg;
  }

  .\[\&\>input\:checked\]\:before\:border-r-2 > input:checked:before {
    content: var(--tw-content);
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
  }

  .\[\&\>input\:checked\]\:before\:border-b-2 > input:checked:before {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .\[\&\>input\:checked\]\:before\:border-white > input:checked:before {
    content: var(--tw-content);
    border-color: var(--color-white);
  }

  .\[\&\>li\]\:grid > li {
    display: grid;
  }

  @media (min-width: 48rem) {
    .md\:\[\&\>li\+li\]\:mt-4 > li + li {
      margin-top: calc(var(--spacing) * 4);
    }
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-gutter: stable;
}

:where([id]) {
  scroll-margin-top: 24px;
}

@media (min-width: 800px) {
  :where([id]) {
    scroll-margin-top: calc(var(--header-height, 80px) + 20px);
  }
}

input[type="number"] {
  -moz-appearance: textfield;
}

details::details-content {
  content-visibility: unset;
  will-change: grid-template-rows;
  transition: grid-template-rows .3s;
  display: grid;
}

details:not([open])::details-content {
  grid-template-rows: 0fr;
}

details[open]::details-content {
  grid-template-rows: 1fr;
}

a[target="_blank"]:not(:has(*)):after {
  aspect-ratio: 1;
  content: "";
  background-image: url("/Contents/2026/img/global/ico_external.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: .9em;
  margin-inline: 4px;
  display: inline-block;
}

.c-dialog {
  --duration: .3s;
  overscroll-behavior: none;
  transition: opacity var(--duration), scale var(--duration), translate var(--duration);
  background: none;
  margin: auto;
}

.c-dialog:not([data-active="true"]) {
  opacity: 0;
  scale: .95;
}

.c-dialog::backdrop {
  cursor: pointer;
  transition: opacity .5s;
}

.c-dialog:not([data-active="true"])::backdrop {
  opacity: 0;
}

.c-dialog.-header-menu {
  width: 100%;
  height: 100%;
  margin: 0;
}

.c-dialog.-header-menu:not([data-active="true"]) {
  translate: 0 4%;
  scale: 1;
}

@media (min-width: 765px) {
  .c-dialog.-header-menu:not([data-active="true"]) {
    pointer-events: none;
    translate: 2%;
  }
}

.c-dialog.-header-menu > .wrapper {
  height: 100%;
}

@media (min-width: 765px) {
  .c-dialog.-header-menu > .wrapper {
    max-width: 390px;
    margin-left: auto;
  }
}

.c-dialog > .wrapper {
  position: relative;
  overflow: auto;
}

.c-dialog .close {
  aspect-ratio: 1;
  grid-template-columns: 1fr;
  place-items: center;
  width: 28px;
  display: grid;
  position: absolute;
}

.c-dialog .close:before, .c-dialog .close:after {
  z-index: 1;
  content: "";
  background-color: var(--color-black);
  grid-area: 1 / 1 / 1 / 1;
  place-items: center;
  width: 100%;
  height: 1.2px;
}

.c-dialog .close:before {
  rotate: 35deg;
}

.c-dialog .close:after {
  rotate: -35deg;
}

.c-tab-container .tabpanel {
  will-change: opacity;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.3, 1.01, .6, 1);
}

.c-tab-container .tabpanel[hidden] {
  pointer-events: none;
  opacity: 0;
}

.c-product-details + .c-product-details {
  border-block-start: 1px solid var(--color-gray-300);
}

.c-product-details[open] > summary > .toggle {
  rotate: 45deg;
}

.c-product-details > summary {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-block: 20px;
  padding-inline-end: 8px;
  display: flex;
  position: relative;
}

.c-product-details > summary > .toggle {
  aspect-ratio: 1;
  flex-shrink: 0;
  place-items: center;
  width: 12px;
  transition: rotate .3s;
  display: grid;
}

.c-product-details > summary > .toggle:before, .c-product-details > summary > .toggle:after {
  content: "";
  background-color: currentColor;
  grid-area: 1 / 1 / 1 / 1;
  width: 100%;
  height: 1px;
}

.c-product-details > summary > .toggle:after {
  rotate: 90deg;
}

.c-product-details > .content {
  overflow: hidden;
}

.c-product-details > .content > .inner {
  padding-block-end: 20px;
  font-size: 13px;
  line-height: 1.8;
}

.c-product-details > .content :where(h2, h3, h4, h5, h6) {
  font-size: 14px;
  font-weight: 600;
}

.c-product-details > .content :where(h2, h3, h4, h5, h6):not(:first-child) {
  margin-block-start: 32px;
}

.c-product-details > .content :where(h2, h3, h4, h5, h6) + * {
  margin-block-start: 12px;
}

.c-product-details > .content b {
  font-weight: 600;
}

.c-product-details > .content img {
  margin-block: 12px;
}

.c-product-details > .content .img-with-text {
  align-items: center;
  gap: 16px;
  display: flex;
}

.c-product-details > .content .img-with-text img {
  margin-block: 0;
}

.c-product-details > .content .size-list {
  border: 1px solid var(--color-gray-300);
  grid-template-columns: 94px 1fr;
  display: grid;
}

@media (min-width: 800px) {
  .c-product-details > .content .size-list {
    grid-template-columns: 114px 1fr;
  }
}

.c-product-details > .content .size-list dt, .c-product-details > .content .size-list dd {
  padding-block: 16px;
  padding-inline: 8px;
}

:is(.c-product-details > .content .size-list dt, .c-product-details > .content .size-list dd):not(:first-of-type) {
  border-block-start: 1px solid var(--color-gray-300);
}

.c-product-details > .content .size-list dt {
  background-color: var(--color-gray-200);
  border-inline-end: 1px solid var(--color-gray-300);
  font-weight: 400;
}

.c-product-details > .content .notes {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 12px;
}

body:has([data-fv-anime="home"]) [data-fv-anime="copy-wrapper"], body:has([data-fv-anime="home"]) [data-fv-anime="brand-wrapper"] {
  visibility: hidden;
}

@media (min-width: 800px) {
  body:has([data-fv-anime="home"]) [data-fv-anime="pc-header"] {
    visibility: hidden;
  }
}

@media (max-width: 800px) {
  body:has([data-fv-anime="home"]) [data-fv-anime="sp-header-top"], body:has([data-fv-anime="home"]) [data-fv-anime="sp-header-bottom"] {
    visibility: hidden;
  }
}

body[data-home-anime-played="true"] [data-fv-anime="copy-wrapper"], body[data-home-anime-played="true"] [data-fv-anime="brand-wrapper"] {
  visibility: visible;
  opacity: 1;
  transform: none;
}

@media (min-width: 800px) {
  body[data-home-anime-played="true"] [data-fv-anime="pc-header"] {
    visibility: visible;
  }
}

@media (max-width: 800px) {
  body[data-home-anime-played="true"] [data-fv-anime="sp-header-top"], body[data-home-anime-played="true"] [data-fv-anime="sp-header-bottom"] {
    visibility: visible;
  }
}

.c-hover-line-slide {
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size .3s;
}

.c-hover-line-slide:focus-visible {
  background-position: 100% 100%;
  background-size: 0 1px;
}

@media (any-hover: hover) and (any-pointer: fine) {
  .c-hover-line-slide:hover {
    background-position: 100% 100%;
    background-size: 0 1px;
  }
}

.c-hover-line-slide-child {
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size .3s;
}

.c-hover-line-draw {
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

.c-hover-line-draw:focus-visible {
  background-position: 0 100%;
  background-size: 100% 1px;
}

@media (any-hover: hover) and (any-pointer: fine) {
  .c-hover-line-draw:hover {
    background-position: 0 100%;
    background-size: 100% 1px;
    transition: background-size .3s;
  }
}

.c-hover-line-draw-child {
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size .3s;
}

a:focus-visible .c-hover-line-slide-child {
  background-position: 100% 100%;
  background-size: 0 1px;
}

a:focus-visible .c-hover-line-draw-child {
  background-position: 0 100%;
  background-size: 100% 1px;
}

@media (any-hover: hover) and (any-pointer: fine) {
  a:hover .c-hover-line-slide-child {
    background-position: 100% 100%;
    background-size: 0 1px;
  }

  a:hover .c-hover-line-draw-child {
    background-position: 0 100%;
    background-size: 100% 1px;
    transition: background-size .3s;
  }
}

.dvRegulation * + * {
  margin-top: 12px;
}

.dvRegulation h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.dvRegulation * + h3 {
  margin-top: 24px;
}

.dvRegulation h3 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.dvRegulation p, .dvRegulation li {
  font-size: .875rem;
  line-height: 1.5;
}

[data-carousel] .splide__arrows {
  pointer-events: none;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: absolute;
  top: 124px;
}

[data-carousel] .splide__arrow {
  pointer-events: all;
  background: none;
  transition-property: visibility, opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  transform: translateY(0);
}

[data-carousel] .splide__arrow[disabled] {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

[data-carousel] .splide__arrow--prev {
  scale: -1 1;
}

[data-carousel] .splide__pagination {
  bottom: calc(var(--spacing) * 0);
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 14);
  width: 100%;
  display: flex;
  position: absolute;
}

[data-carousel] .splide__pagination li {
  --tw-leading: calc(var(--spacing) * 0) !important;
  line-height: calc(var(--spacing) * 0) !important;
  line-height: 0% !important;
}

[data-carousel] .splide__pagination li .splide__pagination__page {
  margin: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  background-color: var(--color-gray-300);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 3.40282e38px;
}

[data-carousel] .splide__pagination li .splide__pagination__page.is-active {
  --tw-scale-x: 160%;
  --tw-scale-y: 160%;
  --tw-scale-z: 160%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
  background-color: var(--color-black);
  opacity: 1;
}

.c-journal-post {
  max-width: 840px;
  margin-inline: auto;
  font-size: 14px;
  line-height: 1.8;
}

@media (min-width: 765px) {
  .c-journal-post {
    font-size: 15px;
  }
}

.c-journal-post section {
  margin-block: 56px;
}

@media (min-width: 765px) {
  .c-journal-post section {
    margin-block: 80px;
  }
}

.c-journal-post :where(h2, h3, h4, h5, h6) {
  font-weight: 400;
  line-height: 1.65;
}

@media (min-width: 765px) {
  .c-journal-post :where(h2, h3, h4, h5, h6) {
    margin-block: 32px;
    line-height: 2;
  }
}

.c-journal-post h2 {
  border-block-end: 1px solid var(--color-gray-300);
  margin-block-start: 48px;
  padding-block-end: 20px;
  font-size: 20px;
  position: relative;
}

@media (min-width: 765px) {
  .c-journal-post h2 {
    margin-block-start: 80px;
    padding-block-end: 28px;
    font-size: 26px;
  }
}

.c-journal-post h2:after {
  content: "";
  background-color: var(--color-toneup-orange);
  opacity: .6;
  width: 60px;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

@media (min-width: 765px) {
  .c-journal-post h2:after {
    width: 100px;
  }
}

.c-journal-post h2 + * {
  margin-block-start: 32px;
}

@media (min-width: 765px) {
  .c-journal-post h2 + * {
    margin-block-start: 48px;
  }
}

.c-journal-post h3 {
  border-block-end: 1px solid var(--color-gray-300);
  margin-block-start: 48px;
  padding-block-end: 16px;
  font-size: 18px;
}

@media (min-width: 765px) {
  .c-journal-post h3 {
    margin-block-start: 64px;
    font-size: 24px;
  }
}

.c-journal-post h3 + * {
  margin-block-start: 28px;
}

@media (min-width: 765px) {
  .c-journal-post h3 + * {
    margin-block-start: 32px;
  }
}

.c-journal-post h4 {
  margin-block-start: 40px;
  font-size: 16px;
}

@media (min-width: 765px) {
  .c-journal-post h4 {
    margin-block-start: 48px;
    font-size: 20px;
  }
}

.c-journal-post p {
  margin-block: 16px;
}

@media (min-width: 765px) {
  .c-journal-post p {
    margin-block: 24px;
  }
}

.c-journal-post small {
  margin-block: 10px;
  font-size: 13px;
  display: block;
}

.c-journal-post :where(ul, ol) {
  list-style-position: inside;
  list-style-type: revert;
  gap: 4px;
  margin-block: 20px;
  display: grid;
}

.c-journal-post :where(ul, ol) ::marker {
  font-family: var(--font-en);
}

.c-journal-post :where(ul, ol) :where(ul, ol) {
  margin-block: 8px;
  padding-inline-start: 1em;
}

.c-journal-post dl {
  border: 1px solid var(--color-gray-300);
  margin-block: 24px;
}

@media (min-width: 765px) {
  .c-journal-post dl {
    grid-template-columns: 150px 1fr;
    margin-block: 40px;
    display: grid;
  }
}

.c-journal-post :where(dt, dd) {
  padding-block: 16px;
  padding-inline: 20px;
}

@media (min-width: 765px) {
  .c-journal-post :where(dt, dd) {
    padding-inline: 32px;
  }

  .c-journal-post :where(dt, dd):not(:first-of-type) {
    border-block-start: 1px solid var(--color-gray-300);
  }
}

.c-journal-post dt {
  background-color: var(--color-beige-400);
  font-weight: 400;
}

@media (min-width: 765px) {
  .c-journal-post dt {
    place-items: center;
    height: 100%;
    display: grid;
  }
}

@media (max-width: 765px) {
  .c-journal-post dt:not(:first-child) {
    border-block-start: 1px solid var(--color-gray-300);
  }
}

.c-journal-post dd {
  background-color: var(--color-white);
}

@media (max-width: 765px) {
  .c-journal-post dd {
    border-block-start: 1px solid var(--color-gray-300);
  }
}

@media (min-width: 765px) {
  .c-journal-post dd {
    border-inline-start: 1px solid var(--color-gray-300);
  }
}

.c-journal-post .media {
  margin-block: 48px;
}

@media (min-width: 765px) {
  .c-journal-post .media {
    margin-block: 80px;
  }
}

.c-journal-post .summary-wrapper {
  margin-block: 48px;
  padding-block: 40px;
  padding-inline: 20px;
}

@media (min-width: 765px) {
  .c-journal-post .summary-wrapper {
    margin-block: 80px;
    padding-block: 48px;
    padding-inline: 60px;
  }
}

@media (min-width: 900px) {
  .c-journal-post .summary-wrapper {
    grid-template-columns: 1fr 300px;
    gap: 60px;
    display: grid;
  }
}

.c-journal-post .summary-wrapper p {
  margin: 0;
}

.c-journal-post .summary-wrapper .title {
  font-size: 20px;
}

@media (min-width: 765px) {
  .c-journal-post .summary-wrapper .title {
    font-size: 24px;
  }
}

.c-journal-post .summary-wrapper .title + * {
  margin-block-start: 16px;
}

.c-journal-post .summary-wrapper .img {
  margin-block-start: 40px;
}

@media (min-width: 765px) {
  .c-journal-post .summary-wrapper .img {
    margin-block-start: 0;
  }
}

.c-journal-post .blockquote-wrapper {
  text-align: center;
  margin-block: 32px;
  padding-block: 30px;
  padding-inline: 16px;
}

@media (min-width: 765px) {
  .c-journal-post .blockquote-wrapper {
    margin-block: 40px;
    padding-block: 40px;
    padding-inline: 32px;
  }
}

.c-journal-post .blockquote-wrapper blockquote {
  font-size: 16px;
}

@media (min-width: 765px) {
  .c-journal-post .blockquote-wrapper blockquote {
    font-size: 20px;
  }
}

.c-journal-post .media-wrapper {
  gap: 32px;
  margin-block: 32px;
  display: grid;
}

@media (min-width: 765px) {
  .c-journal-post .media-wrapper {
    justify-content: space-between;
    align-items: center;
    margin-block: 56px;
    display: flex;
  }
}

.c-journal-post .media-wrapper figure {
  width: 100%;
}

@media (min-width: 765px) {
  .c-journal-post .media-wrapper figure {
    flex-shrink: 2;
    max-width: 340px;
  }

  .c-journal-post .media-wrapper .summary {
    flex-shrink: 3;
    max-width: 400px;
  }
}

.c-journal-post .media-wrapper .summary > p:first-child {
  margin-block-start: 0;
}

.c-journal-post .conclusion-wrapper {
  text-align: center;
  margin-block: 48px;
  padding-block: 48px;
  position: relative;
}

@media (min-width: 765px) {
  .c-journal-post .conclusion-wrapper {
    margin-block: 80px;
    padding-block: 64px;
  }
}

.c-journal-post .conclusion-wrapper:before {
  content: "";
  background-color: var(--color-beige-400);
  width: 100svw;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50%;
}

.c-journal-post .conclusion-wrapper h2 {
  border: none;
  margin-block-start: 0;
  padding-block: 0;
}

.c-journal-post .conclusion-wrapper h2:after {
  display: none;
}

.c-news-post {
  font-size: 14px;
  line-height: 1.8;
}

@media (min-width: 765px) {
  .c-news-post {
    font-size: 15px;
  }
}

.c-news-post section {
  margin-block: 48px;
}

@media (min-width: 765px) {
  .c-news-post section {
    margin-block: 80px;
    padding-inline: 60px;
  }
}

.c-news-post :where(h2, h3, h4, h5, h6) {
  font-weight: 400;
  line-height: 1.65;
}

@media (min-width: 765px) {
  .c-news-post :where(h2, h3, h4, h5, h6) {
    margin-block: 32px;
    line-height: 2;
  }
}

.c-news-post h2 {
  border-block-end: 1px solid var(--color-gray-300);
  margin-block-start: 48px;
  padding-block-end: 20px;
  font-size: 20px;
  position: relative;
}

@media (min-width: 765px) {
  .c-news-post h2 {
    margin-block-start: 80px;
    padding-block-end: 28px;
    font-size: 26px;
  }
}

.c-news-post h2:after {
  content: "";
  background-color: var(--color-toneup-orange);
  opacity: .6;
  width: 60px;
  height: 3px;
  position: absolute;
  bottom: -2px;
  left: 0;
}

@media (min-width: 765px) {
  .c-news-post h2:after {
    width: 100px;
  }
}

.c-news-post h2 + * {
  margin-block-start: 32px;
}

@media (min-width: 765px) {
  .c-news-post h2 + * {
    margin-block-start: 48px;
  }
}

.c-news-post h3 {
  border-block-end: 1px solid var(--color-gray-300);
  margin-block-start: 48px;
  padding-block-end: 16px;
  font-size: 18px;
}

@media (min-width: 765px) {
  .c-news-post h3 {
    margin-block-start: 64px;
    font-size: 24px;
  }
}

.c-news-post h3 + * {
  margin-block-start: 28px;
}

@media (min-width: 765px) {
  .c-news-post h3 + * {
    margin-block-start: 32px;
  }
}

.c-news-post h4 {
  margin-block-start: 40px;
  font-size: 16px;
}

@media (min-width: 765px) {
  .c-news-post h4 {
    margin-block-start: 48px;
    font-size: 20px;
  }
}

.c-news-post p {
  margin-block: 18px;
}

.c-news-post small {
  margin-block: 10px;
  font-size: 13px;
  display: block;
}

.c-news-post a:not([class]) {
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size .3s, opacity .3s;
}

.c-news-post a:not([class]):focus-visible {
  background-position: 100% 100%;
  background-size: 0 1px;
}

@media (any-hover: hover) and (any-pointer: fine) {
  .c-news-post a:not([class]):hover {
    background-position: 100% 100%;
    background-size: 0 1px;
  }

  .c-news-post a:not([class]):has( > img:only-child):hover {
    opacity: .8;
  }
}

.c-news-post :where(ul, ol) {
  list-style-position: inside;
  list-style-type: revert;
  gap: 4px;
  margin-block: 20px;
  display: grid;
}

.c-news-post :where(ul, ol) ::marker {
  font-family: var(--font-en);
}

.c-news-post :where(ul, ol) :where(ul, ol) {
  margin-block: 8px;
  padding-inline-start: 1em;
}

.c-news-post dl {
  border: 1px solid var(--color-gray-300);
  margin-block: 24px;
}

@media (min-width: 765px) {
  .c-news-post dl {
    grid-template-columns: 150px 1fr;
    margin-block: 40px;
    display: grid;
  }
}

.c-news-post :where(dt, dd) {
  padding-block: 16px;
  padding-inline: 20px;
}

@media (min-width: 765px) {
  .c-news-post :where(dt, dd) {
    padding-inline: 32px;
  }

  .c-news-post :where(dt, dd):not(:first-of-type) {
    border-block-start: 1px solid var(--color-gray-300);
  }
}

.c-news-post dt {
  background-color: var(--color-beige-400);
  font-weight: 400;
}

@media (min-width: 765px) {
  .c-news-post dt {
    place-items: center;
    height: 100%;
    display: grid;
  }
}

@media (max-width: 765px) {
  .c-news-post dt:not(:first-child) {
    border-block-start: 1px solid var(--color-gray-300);
  }
}

.c-news-post dd {
  background-color: var(--color-white);
}

@media (max-width: 765px) {
  .c-news-post dd {
    border-block-start: 1px solid var(--color-gray-300);
  }
}

@media (min-width: 765px) {
  .c-news-post dd {
    border-inline-start: 1px solid var(--color-gray-300);
  }
}

.c-news-post .rectangle-button {
  margin-top: calc(var(--spacing) * 32);
  width: calc(var(--spacing) * 220);
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing) * 8);
  border-style: var(--tw-border-style);
  padding-inline: calc(var(--spacing) * 16);
  padding-block: calc(var(--spacing) * 10);
  text-align: left;
  font-size: calc(var(--spacing) * 14);
  --tw-leading: calc(var(--spacing) * 170);
  line-height: calc(var(--spacing) * 170);
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-width: 1px;
  border-color: currentColor;
  line-height: 170%;
  display: flex;
}

@media (hover: hover) {
  .c-news-post .rectangle-button:hover {
    opacity: .5;
  }
}

@media (min-width: 48rem) {
  .c-news-post .rectangle-button {
    --tw-leading: calc(var(--spacing) * 180);
    line-height: calc(var(--spacing) * 180);
    line-height: 180%;
  }
}

.c-news-post .rectangle-button.-center {
  margin-inline: auto;
}

.c-news-post .rectangle-button:after {
  aspect-ratio: 1;
  content: "";
  background-color: currentColor;
  flex-shrink: 0;
  width: 10px;
  -webkit-mask-image: url("/Contents/2026/img/global/ico_arrow.svg");
  mask-image: url("/Contents/2026/img/global/ico_arrow.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.c-news-post .media {
  margin-block: 48px;
}

@media (min-width: 765px) {
  .c-news-post .media {
    margin-block: 80px;
  }
}

.c-news-post .summary-center-wrapper {
  text-align: center;
  margin-block: 48px;
  padding-block: 40px;
  padding-inline: 20px;
}

@media (min-width: 765px) {
  .c-news-post .summary-center-wrapper {
    margin-block: 80px;
    padding-block: 48px;
    padding-inline: 60px;
  }
}

.c-news-post .summary-center-wrapper .title {
  font-size: 20px;
}

@media (min-width: 765px) {
  .c-news-post .summary-center-wrapper .title {
    font-size: 24px;
  }
}

.c-news-post .summary-center-wrapper .title + * {
  margin-block-start: 16px;
}

.c-news-post .summary-wrapper {
  margin-block: 48px;
  padding-block: 40px;
  padding-inline: 20px;
}

@media (min-width: 765px) {
  .c-news-post .summary-wrapper {
    margin-block: 80px;
    padding-block: 48px;
    padding-inline: 60px;
  }
}

@media (min-width: 900px) {
  .c-news-post .summary-wrapper {
    grid-template-columns: 1fr 300px;
    gap: 60px;
    display: grid;
  }
}

.c-news-post .summary-wrapper p {
  margin: 0;
}

.c-news-post .summary-wrapper .title {
  font-size: 20px;
}

@media (min-width: 765px) {
  .c-news-post .summary-wrapper .title {
    font-size: 24px;
  }
}

.c-news-post .summary-wrapper .title + * {
  margin-block-start: 16px;
}

.c-news-post .summary-wrapper .img {
  margin-block-start: 40px;
}

@media (min-width: 765px) {
  .c-news-post .summary-wrapper .img {
    margin-block-start: 0;
  }
}

.p-cartlist-other {
  scrollbar-width: none;
}

.p-shop-slider .splide__pagination {
  justify-content: center;
  align-items: center;
  gap: calc(var(--spacing) * 14);
  display: flex;
}

.p-shop-slider .splide__pagination li {
  --tw-leading: calc(var(--spacing) * 0) !important;
  line-height: calc(var(--spacing) * 0) !important;
  line-height: 0% !important;
}

.p-shop-slider .splide__pagination__page {
  margin: calc(var(--spacing) * 0);
  height: calc(var(--spacing) * 6);
  width: calc(var(--spacing) * 6);
  background-color: var(--color-gray-300);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  border-radius: 3.40282e38px;
}

.p-shop-slider .splide__pagination__page.is-active {
  background-color: var(--color-black);
  --tw-scale-x: 160% !important;
  --tw-scale-y: 160% !important;
  --tw-scale-z: 160% !important;
  scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  opacity: 1 !important;
}

.p-shop-slider .splide__arrow {
  background: none;
  transform: translateY(0);
}

.p-shop-slider .splide__toggle {
  justify-content: center;
  align-items: center;
  display: flex;
}

.modal {
  opacity: 0;
  background-color: #0000;
  border: none;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transition: opacity .3s;
}

.modal__container {
  overscroll-behavior: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
}

@media screen and (max-width: 767px) {
  .modal__container {
    padding-block: 20px;
    padding-inline: 20px;
  }
}

@media screen and (min-width: 768px) {
  .modal__container {
    padding-block: 80px;
    padding-inline: 80px;
  }
}

.modal__content {
  z-index: 1;
  background-color: #fff;
  max-width: 1040px;
  margin-inline: auto;
  position: relative;
}

.modal__overlay {
  margin: auto;
  position: absolute;
  inset: 0;
}

.modal.is-open, .modal.is-open::backdrop {
  opacity: 1;
}

.modal::backdrop {
  opacity: 0;
  background-color: #000c;
  transition: opacity .3s;
}

.side-nav__item {
  position: relative;
}

.side-nav__item:hover:before {
  background-color: #f0decd;
}

.side-nav__item:before {
  z-index: -1;
  content: "";
  background-color: #0000;
  width: 100%;
  height: 100%;
  transition: background-color .5s;
  position: absolute;
  top: 0;
  left: 0;
}

.side-nav__item.active:before {
  background-color: #f0decd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

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

@property --tw-ease {
  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;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}