/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Wix+Madefor+Display:wght@400..800&display=swap");
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --container-2xl: 42rem;
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: "Wix Madefor Display";
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(
      --font-sans--font-variation-settings
    );
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(
      --font-mono--font-feature-settings
    );
    --default-mono-font-variation-settings: var(
      --font-mono--font-variation-settings
    );
    --font-second: "Manrope";
    --radius-10: 0.625rem;
    --radius-20: 1.25rem;
    --radius-30: 1.875rem;
    --color-black: #000;
    --color-black-500: #1a1a1a;
    --color-gray-100: #f9f9f9;
    --color-gray-200: #f5f5f5;
    --color-gray-300: #f3f3f3;
    --color-gray-500: #d7d7d7;
    --color-gray-700: #737373;
    --color-gray-900: #4d4d4d;
    --color-white: #fff;
    --color-orange-300: #ffeee2;
    --color-orange-500: #fa8c67;
    --color-orange-700: #f87245;
    --color-blue-500: #54cdf9;
    --color-blue-700: #27bcf3;
    --color-purple-700: #be88ed;
    --color-green-700: #b5dd84;
    --text-header-0: 17.5rem;
    --text-header-0--line-height: 73%;
    --text-header-0--letter-spacing: -0.03em;
    --text-header-0--font-weight: 650;
    --text-header-0-m: 4.375rem;
    --text-header-0-m--line-height: 100%;
    --text-header-0-m--letter-spacing: -0.03em;
    --text-header-0-m--font-weight: 650;
    --text-header-1: 4.25rem;
    --text-header-1--line-height: 109%;
    --text-header-1--letter-spacing: -0.03em;
    --text-header-1--font-weight: 700;
    --text-header-2: 3.5rem;
    --text-header-2--line-height: 111%;
    --text-header-2--letter-spacing: -0.02em;
    --text-header-2--font-weight: 650;
    --text-header-2-m: 1.875rem;
    --text-header-2-m--line-height: 120%;
    --text-header-2-m--letter-spacing: -0.03em;
    --text-header-2-m--font-weight: 650;
    --text-header-3: 3rem;
    --text-header-3--line-height: 112%;
    --text-header-3--letter-spacing: -0.02em;
    --text-header-3--font-weight: 650;
    --text-header-3-m: 1.5rem;
    --text-header-3-m--line-height: 125%;
    --text-header-3-m--letter-spacing: -0.02em;
    --text-header-3-m--font-weight: 650;
    --text-header-4-m: 1.25rem;
    --text-header-4-m--line-height: 130%;
    --text-header-4-m--letter-spacing: -0.02em;
    --text-header-4-m--font-weight: 650;
    --text-header-5: 2.125rem;
    --text-header-5--line-height: 118%;
    --text-header-5--letter-spacing: -0.01em;
    --text-header-5--font-weight: 650;
    --text-header-5-m: 1rem;
    --text-header-5-m--line-height: 137%;
    --text-header-5-m--letter-spacing: -0.01em;
    --text-header-5-m--font-weight: 650;
    --text-header-6: 1.625rem;
    --text-header-6--line-height: 123%;
    --text-header-6--letter-spacing: -0.01em;
    --text-header-6--font-weight: 650;
    --text-header-6-m: 0.75rem;
    --text-header-6-m--line-height: 117%;
    --text-header-6-m--letter-spacing: -0.01em;
    --text-header-6-m--font-weight: 500;
    --text-header-7: 1.375rem;
    --text-header-7--line-height: 127%;
    --text-header-7--letter-spacing: -0.01em;
    --text-header-7--font-weight: 650;
    --text-header-8: 1.25rem;
    --text-header-8--line-height: 130%;
    --text-header-8--letter-spacing: -0.01em;
    --text-header-8--font-weight: 650;
    --text-header-floor: 2rem;
    --text-header-floor--line-height: 100%;
    --text-header-floor--letter-spacing: -0.01em;
    --text-header-floor--font-weight: 500;
    --text-group-label: 3.5rem;
    --text-group-label--line-height: 111%;
    --text-group-label--letter-spacing: -0.02em;
    --text-group-label--font-weight: 650;
    --text-group-label-m: 2.5rem;
    --text-group-label-m--line-height: 100%;
    --text-group-label-m--letter-spacing: -0.03em;
    --text-group-label-m--font-weight: 650;
    --text-28: 1.75rem;
    --text-28--line-height: 136%;
    --text-28--letter-spacing: 0.02em;
    --text-28--font-weight: 400;
    --text-22: 1.375rem;
    --text-22--line-height: 127%;
    --text-22--letter-spacing: 0.02em;
    --text-22--font-weight: 400;
    --text-20: 1.25rem;
    --text-20--line-height: 140%;
    --text-20--letter-spacing: 0.02em;
    --text-20--font-weight: 400;
    --text-20-m: 0.875rem;
    --text-20-m--line-height: 157%;
    --text-20-m--letter-spacing: 0.01em;
    --text-20-m--font-weight: 500;
    --text-16: 1rem;
    --text-16--line-height: 162%;
    --text-16--letter-spacing: 0.01em;
    --text-16-m: 1rem;
    --text-16-m--line-height: 162%;
    --text-16-m--letter-spacing: 0.01em;
    --text-16-m--font-weight: 500;
    --text-15: 0.9375rem;
    --text-15--line-height: 133%;
    --text-15--letter-spacing: 0.01em;
    --text-15--font-weight: 400;
    --text-14: 0.875rem;
    --text-14--line-height: 157%;
    --text-14--letter-spacing: 0.01em;
    --text-14--font-weight: 500;
    --text-header-link: 1rem;
    --text-header-link--line-height: 100%;
    --text-header-link--font-weight: 400;
    --text-header-button: 1.125rem;
    --text-header-button--line-height: 100%;
    --text-header-button--letter-spacing: -0.01em;
    --text-header-button--font-weight: 500;
    --text-header-button-m: 0.875rem;
    --text-header-button-m--line-height: 100%;
    --text-header-button-m--letter-spacing: -0.01em;
    --text-header-button-m--font-weight: 500;
    --text-breadcrumb: 1.125rem;
    --text-breadcrumb--line-height: 100%;
    --text-breadcrumb--font-weight: 400;
    --text-breadcrumb-m: 0.875rem;
    --text-breadcrumb-m--line-height: 100%;
    --text-breadcrumb-m--font-weight: 400;
    --text-button-big: 1.25rem;
    --text-button-big--line-height: 130%;
    --text-button-big--letter-spacing: -0.01em;
    --text-button-big--font-weight: 500;
    --text-button-big-m: 1.125rem;
    --text-button-big-m--line-height: 144%;
    --text-button-big-m--letter-spacing: -0.01em;
    --text-button-big-m--font-weight: 500;
    --text-link-button: 1.125rem;
    --text-link-button--line-height: 100%;
    --text-link-button--letter-spacing: -0.01em;
    --text-link-button--font-weight: 500;
    --text-find-result: 1.125rem;
    --text-find-result--line-height: 133%;
    --text-find-result--letter-spacing: -0.01em;
    --text-find-result--font-weight: 500;
    --text-button-m: 1rem;
    --text-button-m--line-height: 150%;
    --text-button-m--letter-spacing: -0.01em;
    --text-button-m--font-weight: 500;
    --text-label: 1rem;
    --text-label--line-height: 100%;
    --text-label--letter-spacing: -0.01em;
    --text-label--font-weight: 700;
    --text-label-m: 0.875rem;
    --text-label-m--line-height: 100%;
    --text-label-m--letter-spacing: -0.01em;
    --text-label-m--font-weight: 500;
    --text-label-10: 0.625rem;
    --text-label-10--line-height: 100%;
    --text-label-10--letter-spacing: -0.01em;
    --text-label-10--font-weight: 700;
    --text-tag: 1rem;
    --text-tag--line-height: 100%;
    --text-tag--letter-spacing: -0.01em;
    --text-tag--font-weight: 500;
    --text-tag-button-m: 0.875rem;
    --text-tag-button-m--line-height: 129%;
    --text-tag-button-m--letter-spacing: -0.01em;
    --text-tag-button-m--font-weight: 500;
    --text-button-12: 0.75rem;
    --text-button-12--line-height: 130%;
    --text-button-12--letter-spacing: -0.01em;
    --text-button-12--font-weight: 500;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var( --default-font-variation-settings, normal );
    -webkit-tap-highlight-color: transparent;
  }
  body {
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
    font-feature-settings: var( --default-mono-font-feature-settings, normal );
    font-variation-settings: var( --default-mono-font-variation-settings, normal );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
    color: color-mix(in oklab, currentColor 50%, transparent);
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .invisible {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-13 {
    margin-top: calc(var(--spacing) * 13);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-18 {
    margin-top: calc(var(--spacing) * 18);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .mr-14 {
    margin-right: calc(var(--spacing) * 14);
  }
  .mr-17 {
    margin-right: calc(var(--spacing) * 17);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-4\.5 {
    margin-bottom: calc(var(--spacing) * 4.5);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-15 {
    margin-bottom: calc(var(--spacing) * 15);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-5\.5 {
    margin-left: calc(var(--spacing) * 5.5);
  }
  .line-clamp-7 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .aspect-3\/2 {
    aspect-ratio: 3/2;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-auto {
    height: auto !important;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-49 {
    height: calc(var(--spacing) * 49);
  }
  .h-158 {
    height: calc(var(--spacing) * 158);
  }
  .h-176 {
    height: calc(var(--spacing) * 176);
  }
  .h-192 {
    height: calc(var(--spacing) * 192);
  }
  .h-\[3\.75rem\] {
    height: 3.75rem;
  }
  .h-full {
    height: 100%;
  }
  .max-h-75 {
    max-height: calc(var(--spacing) * 75);
  }
  .max-h-dvh {
    max-height: 100dvh;
  }
  .min-h-18 {
    min-height: calc(var(--spacing) * 18);
  }
  .min-h-22 {
    min-height: calc(var(--spacing) * 22);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-27 {
    width: calc(var(--spacing) * 27);
  }
  .w-87 {
    width: calc(var(--spacing) * 87);
  }
  .w-190 {
    width: calc(var(--spacing) * 190);
  }
  .w-full {
    width: 100%;
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-150 {
    max-width: calc(var(--spacing) * 150);
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }
  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .resize {
    resize: both;
  }
  .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));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .\!flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-start\! {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .\!gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .\!gap-7 {
    gap: calc(var(--spacing) * 7) !important;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .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-17 {
    gap: calc(var(--spacing) * 17);
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-19 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 19) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 19) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .place-self-start {
    place-self: start;
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-3xl\! {
    border-radius: var(--radius-3xl) !important;
  }
  .rounded-10 {
    border-radius: var(--radius-10);
  }
  .rounded-30 {
    border-radius: var(--radius-30);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }
  .bg-orange-700 {
    background-color: var(--color-orange-700);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .\!bg-\[url\(\"img\/columbia\.png\"\)\] {
    background-image: url("img/columbia.png") !important;
  }
  .\!bg-\[url\(\"img\/edelveis\.png\"\)\] {
    background-image: url("img/edelveis.png") !important;
  }
  .\!bg-\[url\(\"img\/glenfield\.png\"\)\] {
    background-image: url("img/glenfield.png") !important;
  }
  .\!bg-\[url\(\"img\/letual\.png\"\)\] {
    background-image: url("img/letual.png") !important;
  }
  .bg-\[url\(\'img\/about-header\.png\'\)\] {
    background-image: url('img/about-header.png');
  }
  .bg-\[url\(\'img\/letual\.png\'\)\] {
    background-image: url('img/letual.png');
  }
  .bg-\[url\(\'img\/news-1\.png\'\)\] {
    background-image: url('img/news-1.png');
  }
  .bg-\[url\(\'img\/news-2\.png\'\)\] {
    background-image: url('img/news-2.png');
  }
  .bg-\[url\(\'img\/news-3\.png\'\)\] {
    background-image: url('img/news-3.png');
  }
  .bg-\[url\(\'img\/news-4\.png\'\)\] {
    background-image: url('img/news-4.png');
  }
  .bg-\[url\(\'img\/stockImage\.png\'\)\] {
    background-image: url('img/stockImage.png');
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-left {
    object-position: left;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-20 {
    padding-inline: calc(var(--spacing) * 20);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-7 {
    padding-bottom: calc(var(--spacing) * 7);
  }
  .text-center {
    text-align: center;
  }
  .font-second {
    font-family: var(--font-second);
  }
  .text-14 {
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
    letter-spacing: var(--tw-tracking, var(--text-14--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-14--font-weight));
  }
  .text-15 {
    font-size: var(--text-15);
    line-height: var(--tw-leading, var(--text-15--line-height));
    letter-spacing: var(--tw-tracking, var(--text-15--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-15--font-weight));
  }
  .text-16-m {
    font-size: var(--text-16-m);
    line-height: var(--tw-leading, var(--text-16-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-16-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-16-m--font-weight));
  }
  .text-20 {
    font-size: var(--text-20);
    line-height: var(--tw-leading, var(--text-20--line-height));
    letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-20--font-weight));
  }
  .text-20-m {
    font-size: var(--text-20-m);
    line-height: var(--tw-leading, var(--text-20-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-20-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-20-m--font-weight));
  }
  .text-button-big {
    font-size: var(--text-button-big);
    line-height: var(--tw-leading, var(--text-button-big--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-big--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-big--font-weight));
  }
  .text-button-big-m {
    font-size: var(--text-button-big-m);
    line-height: var(--tw-leading, var(--text-button-big-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-big-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-big-m--font-weight));
  }
  .text-button-m {
    font-size: var(--text-button-m);
    line-height: var(--tw-leading, var(--text-button-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  }
  .text-header-0-m {
    font-size: var(--text-header-0-m);
    line-height: var(--tw-leading, var(--text-header-0-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-0-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-0-m--font-weight));
  }
  .text-header-2-m {
    font-size: var(--text-header-2-m);
    line-height: var(--tw-leading, var(--text-header-2-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-2-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-2-m--font-weight));
  }
  .text-header-3 {
    font-size: var(--text-header-3);
    line-height: var(--tw-leading, var(--text-header-3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-3--font-weight));
  }
  .text-header-3-m {
    font-size: var(--text-header-3-m);
    line-height: var(--tw-leading, var(--text-header-3-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
  }
  .text-header-4-m {
    font-size: var(--text-header-4-m);
    line-height: var(--tw-leading, var(--text-header-4-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-4-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-4-m--font-weight));
  }
  .text-header-5-m {
    font-size: var(--text-header-5-m);
    line-height: var(--tw-leading, var(--text-header-5-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-5-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-5-m--font-weight));
  }
  .text-header-6 {
    font-size: var(--text-header-6);
    line-height: var(--tw-leading, var(--text-header-6--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-6--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-6--font-weight));
  }
  .text-header-6-m {
    font-size: var(--text-header-6-m);
    line-height: var(--tw-leading, var(--text-header-6-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-6-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-6-m--font-weight));
  }
  .text-header-7 {
    font-size: var(--text-header-7);
    line-height: var(--tw-leading, var(--text-header-7--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-7--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-7--font-weight));
  }
  .text-header-8 {
    font-size: var(--text-header-8);
    line-height: var(--tw-leading, var(--text-header-8--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-8--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-8--font-weight));
  }
  .text-header-button-m {
    font-size: var(--text-header-button-m);
    line-height: var(--tw-leading, var(--text-header-button-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-button-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-button-m--font-weight));
  }
  .text-header-floor {
    font-size: var(--text-header-floor);
    line-height: var(--tw-leading, var(--text-header-floor--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-floor--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-floor--font-weight));
  }
  .text-link-button {
    font-size: var(--text-link-button);
    line-height: var(--tw-leading, var(--text-link-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  }
  .text-tag-button-m {
    font-size: var(--text-tag-button-m);
    line-height: var(--tw-leading, var(--text-tag-button-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-tag-button-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-tag-button-m--font-weight));
  }
  .text-header-link {
    font-size: var(--text-header-link);
    line-height: var(--tw-leading, var(--text-header-link--line-height));
    font-weight: var(--tw-font-weight, var(--text-header-link--font-weight));
  }
  .text-16 {
    font-size: var(--text-16);
    line-height: var(--tw-leading, var(--text-16--line-height));
    letter-spacing: var(--tw-tracking, var(--text-16--letter-spacing));
  }
  .text-\[20px\]\! {
    font-size: 20px !important;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .hyphens-manual {
    -webkit-hyphens: manual;
    hyphens: manual;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-orange-700 {
    color: var(--color-orange-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-gray-700 {
    text-decoration-color: var(--color-gray-700);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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));
  }
  .not-last\:mb-10 {
    &:not(*:last-child) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .group-hover\:text-orange-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-700);
      }
    }
  }
  .group-hover\/item\:text-orange-700 {
    &:is(:where(.group\/item):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-700);
      }
    }
  }
  .group-hover\/slide\:text-orange-700 {
    &:is(:where(.group\/slide):hover *) {
      @media (hover: hover) {
        color: var(--color-orange-700);
      }
    }
  }
  .group-hover\/slide\:opacity-100 {
    &:is(:where(.group\/slide):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .max-md\:order-1 {
    @media (width < 48rem) {
      order: 1;
    }
  }
  .max-md\:order-2 {
    @media (width < 48rem) {
      order: 2;
    }
  }
  .max-md\:order-3 {
    @media (width < 48rem) {
      order: 3;
    }
  }
  .max-md\:order-4 {
    @media (width < 48rem) {
      order: 4;
    }
  }
  .max-md\:\!mt-22 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 22) !important;
    }
  }
  .max-md\:mt-1 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 1);
    }
  }
  .max-md\:mt-10 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .max-md\:mt-14 {
    @media (width < 48rem) {
      margin-top: calc(var(--spacing) * 14);
    }
  }
  .max-md\:mb-3 {
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .max-md\:mb-9 {
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .max-md\:mb-11 {
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 11);
    }
  }
  .max-md\:\!hidden {
    @media (width < 48rem) {
      display: none !important;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .max-md\:\!min-h-9 {
    @media (width < 48rem) {
      min-height: calc(var(--spacing) * 9) !important;
    }
  }
  .max-md\:\!min-h-12 {
    @media (width < 48rem) {
      min-height: calc(var(--spacing) * 12) !important;
    }
  }
  .max-md\:min-h-dvh {
    @media (width < 48rem) {
      min-height: 100dvh;
    }
  }
  .max-md\:w-full {
    @media (width < 48rem) {
      width: 100%;
    }
  }
  .max-md\:max-w-36 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 36);
    }
  }
  .max-md\:max-w-64 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 64);
    }
  }
  .max-md\:max-w-76 {
    @media (width < 48rem) {
      max-width: calc(var(--spacing) * 76);
    }
  }
  .max-md\:flex-col {
    @media (width < 48rem) {
      flex-direction: column;
    }
  }
  .max-md\:\!items-start {
    @media (width < 48rem) {
      align-items: flex-start !important;
    }
  }
  .max-md\:self-center {
    @media (width < 48rem) {
      align-self: center;
    }
  }
  .max-md\:self-start {
    @media (width < 48rem) {
      align-self: flex-start;
    }
  }
  .max-md\:\!rounded-20 {
    @media (width < 48rem) {
      border-radius: var(--radius-20) !important;
    }
  }
  .max-md\:\!bg-orange-500 {
    @media (width < 48rem) {
      background-color: var(--color-orange-500) !important;
    }
  }
  .max-md\:\!bg-transparent {
    @media (width < 48rem) {
      background-color: transparent !important;
    }
  }
  .max-md\:\!bg-white {
    @media (width < 48rem) {
      background-color: var(--color-white) !important;
    }
  }
  .max-md\:bg-gray-100 {
    @media (width < 48rem) {
      background-color: var(--color-gray-100);
    }
  }
  .max-md\:\!p-0 {
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 0) !important;
    }
  }
  .max-md\:\!pt-3\.5 {
    @media (width < 48rem) {
      padding-top: calc(var(--spacing) * 3.5) !important;
    }
  }
  .max-md\:pb-4 {
    @media (width < 48rem) {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  .max-md\:\!text-white {
    @media (width < 48rem) {
      color: var(--color-white) !important;
    }
  }
  .md\:left-1\/2 {
    @media (width >= 48rem) {
      left: calc(1/2 * 100%);
    }
  }
  .md\:-order-1 {
    @media (width >= 48rem) {
      order: calc(1 * -1);
    }
  }
  .md\:order-1 {
    @media (width >= 48rem) {
      order: 1;
    }
  }
  .md\:order-2 {
    @media (width >= 48rem) {
      order: 2;
    }
  }
  .md\:order-3 {
    @media (width >= 48rem) {
      order: 3;
    }
  }
  .md\:order-first {
    @media (width >= 48rem) {
      order: -9999;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:row-span-5 {
    @media (width >= 48rem) {
      grid-row: span 5 / span 5;
    }
  }
  .md\:mx-0 {
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:mx-auto {
    @media (width >= 48rem) {
      margin-inline: auto;
    }
  }
  .md\:-mt-11 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * -11);
    }
  }
  .md\:mt-3 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .md\:mt-6 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  .md\:mt-7 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 7);
    }
  }
  .md\:mt-10 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 10);
    }
  }
  .md\:mt-20 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 20);
    }
  }
  .md\:mt-32 {
    @media (width >= 48rem) {
      margin-top: calc(var(--spacing) * 32);
    }
  }
  .md\:mr-2 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 2);
    }
  }
  .md\:mr-11 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 11);
    }
  }
  .md\:mr-18 {
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 18);
    }
  }
  .md\:mb-2 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .md\:mb-2\.5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 2.5);
    }
  }
  .md\:mb-4 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .md\:mb-5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:mb-6 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .md\:mb-7 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .md\:mb-8 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .md\:mb-9 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .md\:mb-10 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .md\:mb-11 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 11);
    }
  }
  .md\:mb-12 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .md\:mb-14 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 14);
    }
  }
  .md\:mb-15 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 15);
    }
  }
  .md\:mb-16 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .md\:mb-20 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .md\:mb-32 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 32);
    }
  }
  .md\:mb-34 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 34);
    }
  }
  .md\:ml-3 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 3);
    }
  }
  .md\:ml-5\.5 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 5.5);
    }
  }
  .md\:ml-7 {
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 7);
    }
  }
  .md\:\!hidden {
    @media (width >= 48rem) {
      display: none !important;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:size-6 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .md\:h-10 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 10);
    }
  }
  .md\:h-50 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 50);
    }
  }
  .md\:h-105 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 105);
    }
  }
  .md\:h-176 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 176);
    }
  }
  .md\:h-200 {
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 200);
    }
  }
  .md\:max-h-75 {
    @media (width >= 48rem) {
      max-height: calc(var(--spacing) * 75);
    }
  }
  .md\:min-h-18 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 18);
    }
  }
  .md\:min-h-34 {
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 34);
    }
  }
  .md\:w-4\/12 {
    @media (width >= 48rem) {
      width: calc(4/12 * 100%);
    }
  }
  .md\:w-49 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 49);
    }
  }
  .md\:w-105 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 105);
    }
  }
  .md\:w-112 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 112);
    }
  }
  .md\:w-160 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 160);
    }
  }
  .md\:w-167 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 167);
    }
  }
  .md\:w-168 {
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 168);
    }
  }
  .md\:max-w-49 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 49);
    }
  }
  .md\:max-w-77 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 77);
    }
  }
  .md\:max-w-95 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 95);
    }
  }
  .md\:max-w-258 {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 258);
    }
  }
  .md\:-translate-x-1\/2 {
    @media (width >= 48rem) {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-1 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-8 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[38\%_62\%\] {
    @media (width >= 48rem) {
      grid-template-columns: 38% 62%;
    }
  }
  .md\:grid-cols-\[50\%_50\%\] {
    @media (width >= 48rem) {
      grid-template-columns: 50% 50%;
    }
  }
  .md\:grid-cols-\[75\%_25\%\] {
    @media (width >= 48rem) {
      grid-template-columns: 75% 25%;
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:\!flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap !important;
    }
  }
  .md\:flex-nowrap {
    @media (width >= 48rem) {
      flex-wrap: nowrap;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:\!gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2) !important;
    }
  }
  .md\:\!gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8) !important;
    }
  }
  .md\:gap-1 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 1);
    }
  }
  .md\:gap-2 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .md\:gap-4 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:gap-6 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .md\:gap-7 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .md\:gap-8 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 8);
    }
  }
  .md\:gap-10 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .md\:gap-12 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .md\:gap-16 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .md\:gap-32 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  .md\:gap-34 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 34);
    }
  }
  .md\:space-y-3 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-7 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-13 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-14 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:space-y-26 {
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 26) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 26) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .md\:gap-x-7 {
    @media (width >= 48rem) {
      column-gap: calc(var(--spacing) * 7);
    }
  }
  .md\:justify-self-end {
    @media (width >= 48rem) {
      justify-self: flex-end;
    }
  }
  .md\:rounded-2xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .md\:rounded-3xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-3xl);
    }
  }
  .md\:rounded-4xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-4xl);
    }
  }
  .md\:rounded-20 {
    @media (width >= 48rem) {
      border-radius: var(--radius-20);
    }
  }
  .md\:rounded-30 {
    @media (width >= 48rem) {
      border-radius: var(--radius-30);
    }
  }
  .md\:rounded-xl {
    @media (width >= 48rem) {
      border-radius: var(--radius-xl);
    }
  }
  .md\:border-b-2 {
    @media (width >= 48rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }
  }
  .md\:border-gray-300 {
    @media (width >= 48rem) {
      border-color: var(--color-gray-300);
    }
  }
  .md\:bg-gray-100 {
    @media (width >= 48rem) {
      background-color: var(--color-gray-100);
    }
  }
  .md\:bg-gray-300 {
    @media (width >= 48rem) {
      background-color: var(--color-gray-300);
    }
  }
  .md\:bg-white {
    @media (width >= 48rem) {
      background-color: var(--color-white);
    }
  }
  .md\:\!p-14 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 14) !important;
    }
  }
  .md\:p-0 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .md\:p-3 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .md\:p-5 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .md\:p-7 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .md\:p-10 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .md\:p-11 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 11);
    }
  }
  .md\:p-13 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 13);
    }
  }
  .md\:p-14 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .md\:p-20 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 20);
    }
  }
  .md\:px-4 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .md\:px-5 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .md\:px-20 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .md\:py-3 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .md\:py-24 {
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  .md\:ps-6 {
    @media (width >= 48rem) {
      padding-inline-start: calc(var(--spacing) * 6);
    }
  }
  .md\:\!pt-14 {
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 14) !important;
    }
  }
  .md\:pr-8 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 8);
    }
  }
  .md\:pr-28 {
    @media (width >= 48rem) {
      padding-right: calc(var(--spacing) * 28);
    }
  }
  .md\:pb-26 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 26);
    }
  }
  .md\:text-15 {
    @media (width >= 48rem) {
      font-size: var(--text-15);
      line-height: var(--tw-leading, var(--text-15--line-height));
      letter-spacing: var(--tw-tracking, var(--text-15--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-15--font-weight));
    }
  }
  .md\:text-20 {
    @media (width >= 48rem) {
      font-size: var(--text-20);
      line-height: var(--tw-leading, var(--text-20--line-height));
      letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-20--font-weight));
    }
  }
  .md\:text-22 {
    @media (width >= 48rem) {
      font-size: var(--text-22);
      line-height: var(--tw-leading, var(--text-22--line-height));
      letter-spacing: var(--tw-tracking, var(--text-22--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-22--font-weight));
    }
  }
  .md\:text-28 {
    @media (width >= 48rem) {
      font-size: var(--text-28);
      line-height: var(--tw-leading, var(--text-28--line-height));
      letter-spacing: var(--tw-tracking, var(--text-28--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-28--font-weight));
    }
  }
  .md\:text-button-big {
    @media (width >= 48rem) {
      font-size: var(--text-button-big);
      line-height: var(--tw-leading, var(--text-button-big--line-height));
      letter-spacing: var(--tw-tracking, var(--text-button-big--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-button-big--font-weight));
    }
  }
  .md\:text-header-0 {
    @media (width >= 48rem) {
      font-size: var(--text-header-0);
      line-height: var(--tw-leading, var(--text-header-0--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-0--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-0--font-weight));
    }
  }
  .md\:text-header-1 {
    @media (width >= 48rem) {
      font-size: var(--text-header-1);
      line-height: var(--tw-leading, var(--text-header-1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-1--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-1--font-weight));
    }
  }
  .md\:text-header-2 {
    @media (width >= 48rem) {
      font-size: var(--text-header-2);
      line-height: var(--tw-leading, var(--text-header-2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-2--font-weight));
    }
  }
  .md\:text-header-3 {
    @media (width >= 48rem) {
      font-size: var(--text-header-3);
      line-height: var(--tw-leading, var(--text-header-3--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-3--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-3--font-weight));
    }
  }
  .md\:text-header-5 {
    @media (width >= 48rem) {
      font-size: var(--text-header-5);
      line-height: var(--tw-leading, var(--text-header-5--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-5--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-5--font-weight));
    }
  }
  .md\:text-header-6 {
    @media (width >= 48rem) {
      font-size: var(--text-header-6);
      line-height: var(--tw-leading, var(--text-header-6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-6--font-weight));
    }
  }
  .md\:text-header-7 {
    @media (width >= 48rem) {
      font-size: var(--text-header-7);
      line-height: var(--tw-leading, var(--text-header-7--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-7--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-7--font-weight));
    }
  }
  .md\:text-header-8 {
    @media (width >= 48rem) {
      font-size: var(--text-header-8);
      line-height: var(--tw-leading, var(--text-header-8--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-8--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-8--font-weight));
    }
  }
  .md\:text-header-button {
    @media (width >= 48rem) {
      font-size: var(--text-header-button);
      line-height: var(--tw-leading, var(--text-header-button--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-button--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-button--font-weight));
    }
  }
  .md\:text-link-button {
    @media (width >= 48rem) {
      font-size: var(--text-link-button);
      line-height: var(--tw-leading, var(--text-link-button--line-height));
      letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
    }
  }
  .md\:text-tag {
    @media (width >= 48rem) {
      font-size: var(--text-tag);
      line-height: var(--tw-leading, var(--text-tag--line-height));
      letter-spacing: var(--tw-tracking, var(--text-tag--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-tag--font-weight));
    }
  }
  .md\:text-16 {
    @media (width >= 48rem) {
      font-size: var(--text-16);
      line-height: var(--tw-leading, var(--text-16--line-height));
      letter-spacing: var(--tw-tracking, var(--text-16--letter-spacing));
    }
  }
  .md\:text-nowrap {
    @media (width >= 48rem) {
      text-wrap: nowrap;
    }
  }
  .md\:text-white {
    @media (width >= 48rem) {
      color: var(--color-white);
    }
  }
  .md\:not-last\:mb-0 {
    @media (width >= 48rem) {
      &:not(*:last-child) {
        margin-bottom: calc(var(--spacing) * 0);
      }
    }
  }
}
@layer base {
  button:not(:disabled), [role="button"]:not(:disabled) {
    cursor: pointer;
  }
  input::placeholder, textarea::placeholder {
    color: var(--color-black);
  }
}
html {
  --size: 1920;
  font-size: calc((100vw / var(--size)) * 16);
  color: var(--color-black);
  @media (max-width: 767px) {
    --size: 375;
  }
}
body {
  &:has(*:is(.modal[open])) {
    overflow: hidden;
  }
}
[x-cloak] {
  display: none !important;
}
.first-animation-show {
  opacity: 0%;
}
.sticky-header {
  position: sticky;
  top: calc(var(--spacing) * 26);
}
.wrapper-main {
  margin-inline: calc(var(--spacing) * 4);
  margin-top: calc(var(--spacing) * 3);
  margin-bottom: calc(var(--spacing) * 18);
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 20);
  }
  @media (width >= 48rem) {
    margin-top: calc(var(--spacing) * 17);
  }
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 42);
  }
}
.transition-show {
  transition-property: visibility, opacity;
  transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) );
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  visibility: hidden;
  opacity: 0%;
  &.transition-show_open {
    visibility: visible;
    opacity: 100%;
  }
}
#sofa-wrapper {
  position: relative;
  @media (width < 48rem) {
    margin-inline: calc(var(--spacing) * -8);
  }
  @media (width < 48rem) {
    margin-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    position: absolute;
  }
  @media (width >= 48rem) {
    right: calc(var(--spacing) * 94);
  }
  @media (width >= 48rem) {
    bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 80);
  }
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 184);
  }
  #sofa-img {
    isolation: isolate;
    z-index: 50;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  #sofa-path-svg {
    position: absolute;
    top: calc(var(--spacing) * -5);
    left: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 23);
    width: calc(var(--spacing) * 43);
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -14);
    }
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 50);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 100);
    }
  }
  .sofa-tag {
    position: absolute;
    display: flex;
    align-items: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-orange-500);
    background-color: var(--color-gray-100);
    padding: calc(var(--spacing) * 1.5);
    vertical-align: middle;
    font-size: var(--text-label-10);
    line-height: var(--tw-leading, var(--text-label-10--line-height));
    letter-spacing: var(--tw-tracking, var(--text-label-10--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-label-10--font-weight));
    color: var(--color-orange-500);
    @media (width >= 48rem) {
      border-radius: var(--radius-lg);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2.5);
    }
    @media (width >= 48rem) {
      font-size: var(--text-label);
      line-height: var(--tw-leading, var(--text-label--line-height));
      letter-spacing: var(--tw-tracking, var(--text-label--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-label--font-weight));
    }
  }
  #sofa-tag-1 {
    top: calc(var(--spacing) * -10);
    right: calc(var(--spacing) * 26);
    rotate: 8deg;
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -16);
    }
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 54);
    }
  }
  #sofa-tag-2 {
    top: calc(var(--spacing) * -6);
    right: calc(var(--spacing) * 7);
    rotate: calc(10deg * -1);
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -9);
    }
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 26);
    }
  }
  #sofa-tag-3 {
    top: calc(var(--spacing) * -2);
    right: calc(var(--spacing) * 33);
    rotate: calc(10deg * -1);
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 65);
    }
  }
  #sofa-tag-4 {
    top: calc(var(--spacing) * -0.5);
    right: calc(var(--spacing) * 5);
    rotate: 16deg;
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 23);
    }
  }
  #sofa-tag-1-path {
    position: absolute;
    top: calc(var(--spacing) * -9);
    left: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 23);
    width: calc(var(--spacing) * 43);
    @media (width >= 48rem) {
      top: calc(var(--spacing) * -14);
    }
    @media (width >= 48rem) {
      left: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      height: calc(var(--spacing) * 50);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 100);
    }
  }
}
.swiper-main {
  pointer-events: none;
  height: calc(var(--spacing) * 43);
  width: calc(var(--spacing) * 68);
  @media (width >= 48rem) {
    height: calc(var(--spacing) * 103);
  }
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 163);
  }
  .swiper-slide {
    border-radius: var(--radius-xl);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    @media (width >= 48rem) {
      border-radius: var(--radius-30);
    }
  }
}
.wrapper-breadcrumbs {
  margin-bottom: calc(var(--spacing) * 10);
  display: flex;
  align-items: center;
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 7);
  }
}
.breadcrumbs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  font-size: var(--text-breadcrumb-m);
  line-height: var(--tw-leading, var(--text-breadcrumb-m--line-height));
  font-weight: var(--tw-font-weight, var(--text-breadcrumb-m--font-weight));
  color: var(--color-gray-700);
  @media (width >= 48rem) {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 8.5) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 8.5) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  @media (width >= 48rem) {
    font-size: var(--text-breadcrumb);
    line-height: var(--tw-leading, var(--text-breadcrumb--line-height));
    font-weight: var(--tw-font-weight, var(--text-breadcrumb--font-weight));
  }
  .breadcrumbs--item {
    position: relative;
    cursor: pointer;
    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));
    &:last-child {
      pointer-events: none;
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
    &:last-child .breadcrumbs--separator {
      display: none;
    }
    &:hover .breadcrumbs--separator {
      color: var(--color-gray-700);
    }
  }
  .breadcrumbs--separator {
    pointer-events: none;
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * -2);
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
    --tw-translate-x: calc(1/2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-outline-style: none;
    outline-style: none;
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -4);
    }
  }
}
.logo {
  display: flex;
  flex-wrap: nowrap;
  font-size: 1.4375rem;
  --tw-font-weight: 650;
  font-weight: 650;
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  @media (width >= 48rem) {
    font-size: 2.0625rem;
  }
  .logo--icon {
    margin-right: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    fill: var(--color-orange-700);
    color: var(--color-white);
    @media (width >= 48rem) {
      margin-right: calc(var(--spacing) * 2.5);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  &.mini {
    @media (width < 48rem) {
      font-size: 1.125rem;
    }
    .logo--icon {
      @media (width < 48rem) {
        margin-right: calc(var(--spacing) * 1.5);
      }
      @media (width < 48rem) {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
      }
    }
  }
  &.white .logo--icon {
    fill: var(--color-white);
    color: var(--color-orange-700);
  }
}
.link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-500);
    }
  }
  &:active {
    color: var(--color-orange-700);
  }
  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));
  .link--icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 6);
    }
  }
  &.disabled {
    &:hover {
      @media (hover: hover) {
        color: inherit;
      }
    }
    &:active {
      color: inherit;
    }
  }
}
.link-policy {
  text-decoration-line: underline;
  text-underline-offset: 4px;
  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));
  &.link-hover-orange {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--color-orange-500);
      }
    }
    &:active {
      color: var(--color-orange-700);
    }
  }
  &.link-hover-blue {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-color: var(--color-blue-500);
      }
    }
    &:active {
      color: var(--color-blue-700);
    }
  }
}
.scroll-button {
  position: fixed;
  right: calc(var(--spacing) * 4);
  bottom: calc(var(--spacing) * 5);
  z-index: 50;
  display: flex;
  width: calc(var(--spacing) * 11);
  height: calc(var(--spacing) * 11);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xl);
  background-color: var(--color-white);
  --tw-shadow: 0 0 5px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-500);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:active {
    background-color: var(--color-orange-700);
  }
  &:active {
    color: var(--color-white);
  }
  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));
  svg {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    rotate: calc(90deg * -1);
  }
}
.share-square {
  display: flex;
  min-height: calc(var(--spacing) * 9);
  min-width: calc(var(--spacing) * 9);
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-10);
  background-color: var(--color-white);
  color: var(--color-black);
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    min-width: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-xl);
  }
  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));
  &.gray-m {
    @media (width < 48rem) {
      background-color: var(--color-gray-200);
    }
  }
  .share-square--icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 6);
    }
  }
  &:hover {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    &:active {
      background-color: var(--color-orange-700);
    }
    &:active {
      color: var(--color-white);
    }
  }
  &.top-right {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 3.5);
    }
    @media (width >= 48rem) {
      right: calc(var(--spacing) * 3.5);
    }
  }
}
.radio-container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  .radio-item {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    .radio-circle {
      margin-right: calc(var(--spacing) * 3);
      display: flex;
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      align-items: center;
      justify-content: center;
      border-radius: calc(infinity * 1px);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-gray-500);
      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));
      &:after {
        visibility: hidden;
        width: calc(var(--spacing) * 2);
        height: calc(var(--spacing) * 2);
        border-radius: calc(infinity * 1px);
        background-color: var(--color-white);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    input[type="radio"] {
      visibility: hidden;
      position: absolute;
      width: calc(var(--spacing) * 0);
      height: calc(var(--spacing) * 0);
      opacity: 0%;
      &:checked + .radio-circle {
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: var(--color-orange-700);
        &:after {
          visibility: visible;
        }
      }
    }
  }
}
.checkbox-container {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 4);
  .checkbox-item {
    position: relative;
    display: flex;
    cursor: pointer;
    align-items: center;
    -webkit-user-select: none;
    user-select: none;
    .checkbox-box {
      margin-right: calc(var(--spacing) * 3);
      display: flex;
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-gray-500);
      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));
      &:after {
        visibility: hidden;
        height: calc(var(--spacing) * 3);
        width: calc(var(--spacing) * 2);
        rotate: 45deg;
        border-top-style: var(--tw-border-style);
        border-top-width: 0px;
        border-right-style: var(--tw-border-style);
        border-right-width: 2px;
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
        border-left-style: var(--tw-border-style);
        border-left-width: 0px;
        border-color: var(--color-white);
        --tw-content: '';
        content: var(--tw-content);
      }
    }
    input[type="checkbox"] {
      visibility: hidden;
      position: absolute;
      width: calc(var(--spacing) * 0);
      height: calc(var(--spacing) * 0);
      opacity: 0%;
      &:checked + .checkbox-box {
        border-style: var(--tw-border-style);
        border-width: 0px;
        background-color: var(--color-orange-700);
        &:after {
          visibility: visible;
        }
      }
    }
  }
}
.btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  background-color: var(--color-gray-300);
  white-space: nowrap;
  color: var(--color-black);
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2.5);
  }
  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));
  &.only-icon {
    justify-content: center;
    padding: calc(var(--spacing) * 0);
  }
  &.mirror {
    .btn--chevron, .btn--icon {
      --tw-scale-x: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  &.mirror-y {
    .btn--chevron, .btn--icon {
      --tw-scale-y: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .btn--icon {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    min-width: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 6);
    }
    &.size-24 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      min-width: calc(var(--spacing) * 6);
    }
  }
  .btn--chevron {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
    min-width: calc(var(--spacing) * 2.5);
  }
}
.btn-base {
  min-height: calc(var(--spacing) * 8);
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 3.5);
  padding-block: calc(var(--spacing) * 2.5);
  font-size: var(--text-button-m);
  line-height: var(--tw-leading, var(--text-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    font-size: var(--text-link-button);
    line-height: var(--tw-leading, var(--text-link-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 12);
    }
  }
}
.btn-header {
  font-size: var(--text-header-button-m);
  line-height: var(--tw-leading, var(--text-header-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-header-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-header-button-m--font-weight));
  @media (width < 48rem) {
    padding-inline: calc(var(--spacing) * 1.75);
  }
  @media (width >= 48rem) {
    font-size: var(--text-header-button);
    line-height: var(--tw-leading, var(--text-header-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-button--font-weight));
  }
  &.icon {
    padding-inline-start: calc(var(--spacing) * 4);
    padding-inline-end: calc(var(--spacing) * 5);
  }
  &.orange-text {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-orange-700);
  }
}
.btn-thin {
  min-height: calc(var(--spacing) * 9);
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  font-size: var(--text-tag-button-m);
  line-height: var(--tw-leading, var(--text-tag-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-tag-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-tag-button-m--font-weight));
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 11);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    font-size: var(--text-link-button);
    line-height: var(--tw-leading, var(--text-link-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 9);
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 11);
    }
  }
}
.btn-thinnest {
  min-height: calc(var(--spacing) * 7);
  gap: calc(var(--spacing) * 0.5);
  border-radius: var(--radius-10);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 1);
  font-size: var(--text-button-12);
  line-height: var(--tw-leading, var(--text-button-12--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-12--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-12--font-weight));
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 11);
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 48rem) {
    font-size: var(--text-link-button);
    line-height: var(--tw-leading, var(--text-link-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 7);
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 11);
    }
  }
  .btn--icon {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    min-width: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 6);
    }
  }
  .btn--chevron {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    min-width: calc(var(--spacing) * 2);
  }
}
.btn-big {
  min-height: calc(var(--spacing) * 12);
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-button-big-m);
  line-height: var(--tw-leading, var(--text-button-big-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-big-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-big-m--font-weight));
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 15);
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    font-size: var(--text-button-big);
    line-height: var(--tw-leading, var(--text-button-big--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-big--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-big--font-weight));
  }
  &.orange-text {
    background-color: var(--color-orange-300);
    color: var(--color-orange-500);
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 15);
    }
  }
}
.btn-bigest {
  min-height: calc(var(--spacing) * 12);
  border-radius: var(--radius-xl);
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 12);
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 16);
    }
    .btn--icon {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      min-width: calc(var(--spacing) * 6);
      @media (width >= 48rem) {
        width: calc(var(--spacing) * 8);
        height: calc(var(--spacing) * 8);
      }
      @media (width >= 48rem) {
        min-width: calc(var(--spacing) * 8);
      }
    }
  }
}
.btn-only-bigest {
  min-height: calc(var(--spacing) * 13);
  gap: calc(var(--spacing) * 2.5);
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-header-button);
  line-height: var(--tw-leading, var(--text-header-button--line-height));
  letter-spacing: var(--tw-tracking, var(--text-header-button--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-header-button--font-weight));
  &.only-icon {
    min-width: calc(var(--spacing) * 13);
  }
  .btn--icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
  }
  .orange-icon {
    color: var(--color-orange-500);
  }
}
.btn-find {
  min-height: calc(var(--spacing) * 12);
  border-radius: var(--radius-2xl);
  padding-inline: calc(var(--spacing) * 6);
  font-size: var(--text-button-big-m);
  line-height: var(--tw-leading, var(--text-button-big-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-big-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-big-m--font-weight));
}
.btn-change {
  min-height: calc(var(--spacing) * 11);
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 3.5);
  font-size: var(--text-button-m);
  line-height: var(--tw-leading, var(--text-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  &.only-icon {
    min-width: calc(var(--spacing) * 11);
  }
}
.btn-change-2 {
  min-height: calc(var(--spacing) * 11);
  gap: calc(var(--spacing) * 2);
  border-radius: var(--radius-xl);
  padding-inline: calc(var(--spacing) * 3.5);
  font-size: var(--text-button-m);
  line-height: var(--tw-leading, var(--text-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 15);
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 48rem) {
    font-size: var(--text-button-big);
    line-height: var(--tw-leading, var(--text-button-big--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-big--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-big--font-weight));
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 11);
  }
}
.btn-outline {
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: transparent;
  color: inherit;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-700) !important;
    }
  }
  &:active {
    background-color: var(--color-gray-300) !important;
  }
  &:active {
    color: var(--color-orange-700) !important;
  }
}
.btn-inherit {
  background-color: transparent;
  color: inherit;
}
.btn-share_open {
  background-color: inherit;
  color: var(--color-orange-500);
}
.btn-social-blue {
  color: var(--color-blue-700);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
  &:active {
    background-color: var(--color-blue-500) !important;
  }
  &:active {
    color: var(--color-white) !important;
  }
}
.btn-social-orange {
  color: var(--color-orange-700);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-700) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
  &:active {
    background-color: var(--color-orange-500) !important;
  }
  &:active {
    color: var(--color-white) !important;
  }
}
.btn-social-fill-blue {
  background-color: var(--color-blue-700);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-700) !important;
    }
  }
  &:active {
    background-color: var(--color-gray-300) !important;
  }
  &:active {
    color: var(--color-blue-700) !important;
  }
}
.btn-social-fill-orange {
  background-color: var(--color-orange-700);
  color: var(--color-white);
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-700) !important;
    }
  }
  &:active {
    background-color: var(--color-gray-300) !important;
  }
  &:active {
    color: var(--color-orange-700) !important;
  }
}
.btn-view {
  min-height: calc(var(--spacing) * 9);
  border-radius: var(--radius-10);
  background-color: inherit;
  color: var(--color-gray-700);
  &:hover {
    @media (hover: hover) {
      color: var(--color-orange-500);
    }
  }
  &:active {
    color: var(--color-orange-700);
  }
  @media (width >= 48rem) {
    min-height: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-xl);
  }
  &.only-icon {
    min-width: calc(var(--spacing) * 9);
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 12);
    }
  }
  .btn--icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    min-width: calc(var(--spacing) * 3.5);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 4.5);
      height: calc(var(--spacing) * 4.5);
    }
    @media (width >= 48rem) {
      min-width: calc(var(--spacing) * 4.5);
    }
  }
  &.active {
    background-color: var(--color-gray-100);
    color: var(--color-black);
  }
}
.btn-orange-300 {
  background-color: var(--color-orange-300) !important;
}
.btn-orange {
  background-color: var(--color-orange-700);
  color: var(--color-white);
}
.btn-white {
  background-color: var(--color-white);
  color: var(--color-black);
}
.hover-orange {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-500) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
  &:active {
    background-color: var(--color-orange-700) !important;
  }
  &:active {
    color: var(--color-white) !important;
  }
  &.active {
    background-color: var(--color-orange-500);
    color: var(--color-white);
    .orange-icon {
      color: var(--color-white) !important;
    }
  }
  &:hover {
    .orange-icon {
      color: var(--color-white) !important;
    }
  }
}
.hover-blue {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-500) !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
  &:active {
    background-color: var(--color-blue-700) !important;
  }
  &:active {
    color: var(--color-white) !important;
  }
  &.active {
    background-color: var(--color-blue-500);
    color: var(--color-white);
  }
}
.select {
  position: relative;
  .btn {
    .text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .list {
    position: absolute;
    z-index: 10;
    margin-top: calc(var(--spacing) * 1);
    display: none;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    overflow: auto;
    border-radius: var(--radius-2xl);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-shadow: 0 0 12px 6px var(--tw-shadow-color, rgba(248, 114, 69, 0.3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    .list--item {
      cursor: pointer;
      border-radius: var(--radius-xl);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      -webkit-user-select: none;
      user-select: none;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-orange-300);
        }
      }
      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));
      &.selected {
        background-color: var(--color-orange-500);
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-white);
      }
    }
  }
  &.open {
    .btn {
      background-color: var(--color-orange-500);
      color: var(--color-white);
    }
    .list {
      display: block;
    }
  }
}
.input {
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 4);
  padding-block: calc(var(--spacing) * 3);
  color: var(--color-black);
  &:hover {
    @media (hover: hover) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-2xl);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 5);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 4);
  }
  &.gray {
    border-color: var(--color-gray-300);
    background-color: var(--color-gray-300);
  }
  &.gray-2 {
    border-color: var(--color-gray-500);
  }
  &.white {
    border-color: var(--color-white);
    background-color: var(--color-white);
  }
  &.orange {
    border-color: var(--color-orange-500);
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-500);
      }
    }
    &:focus {
      border-color: var(--color-orange-700);
    }
    &:focus {
      --tw-ring-color: var(--color-orange-500);
    }
  }
  &.blue {
    border-color: var(--color-blue-500);
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-blue-500);
      }
    }
    &:focus {
      border-color: var(--color-blue-700);
    }
    &:focus {
      --tw-ring-color: var(--color-blue-500);
    }
  }
  &.input-hover-orange {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: var(--color-orange-500);
      }
    }
    &:focus {
      border-color: var(--color-orange-700);
    }
    &:focus {
      --tw-ring-color: var(--color-orange-500);
    }
  }
}
.search-input {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  .input--icon {
    position: absolute;
    left: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .input {
    min-height: calc(var(--spacing) * 12);
    width: 100%;
    border-radius: var(--radius-2xl) !important;
    padding-block: calc(var(--spacing) * 2);
    padding-inline-start: calc(var(--spacing) * 14);
    padding-inline-end: calc(var(--spacing) * 10);
  }
  .input-btn-clear {
    position: absolute;
    right: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(infinity * 1px);
    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));
    .btn--icon {
      width: 100%;
      height: 100%;
    }
  }
}
.search-input-2 {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  .input {
    min-height: calc(var(--spacing) * 12);
    width: 100%;
    border-radius: var(--radius-2xl) !important;
    padding-block: calc(var(--spacing) * 2);
    padding-inline-start: calc(var(--spacing) * 5);
    padding-inline-end: calc(var(--spacing) * 14);
  }
  .input-btn-find {
    position: absolute;
    right: calc(var(--spacing) * 2);
    display: flex;
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2xl);
    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));
    .btn--icon {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      min-width: calc(var(--spacing) * 6);
    }
  }
}
.find-results {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 8);
  font-size: var(--text-find-result);
  line-height: var(--tw-leading, var(--text-find-result--line-height));
  letter-spacing: var(--tw-tracking, var(--text-find-result--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-find-result--font-weight));
  color: var(--color-gray-700);
  .result-item {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    .title {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
}
.filters {
  display: flex;
  flex: 1;
  align-items: center;
  row-gap: calc(var(--spacing) * 3);
  overflow: hidden;
  font-size: var(--text-button-m);
  line-height: var(--tw-leading, var(--text-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  @media (width >= 48rem) {
    font-family: var(--font-second);
  }
  @media (width >= 48rem) {
    font-size: var(--text-22);
    line-height: var(--tw-leading, var(--text-22--line-height));
    letter-spacing: var(--tw-tracking, var(--text-22--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-22--font-weight));
  }
  &.active .filters-btn {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .group {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
    }
    text-wrap: nowrap;
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));
      }
    }
    .item {
      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));
      &:hover {
        @media (hover: hover) {
          color: var(--color-orange-500);
        }
      }
      &:is(.active) {
        color: var(--color-orange-700);
      }
    }
  }
  .filters-btn {
    margin-left: calc(var(--spacing) * 5);
    display: none;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    border-radius: calc(infinity * 1px);
    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));
    .btn--icon {
      width: 100%;
      height: 100%;
    }
  }
  .separator {
    margin-inline: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
    @media (width >= 48rem) {
      margin-inline: calc(var(--spacing) * 10);
    }
  }
}
.floors {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 1);
  font-size: var(--text-button-m);
  line-height: var(--tw-leading, var(--text-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  @media (width >= 48rem) {
    font-size: var(--text-link-button);
    line-height: var(--tw-leading, var(--text-link-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  }
  .item {
    display: flex;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-gray-100);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
    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));
    &.disabled {
      pointer-events: none;
    }
  }
}
.floors-hover-orange .item {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-500);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:active {
    background-color: var(--color-orange-700);
  }
  &:active {
    color: var(--color-white);
  }
  &.active {
    background-color: var(--color-orange-700);
    color: var(--color-white);
  }
}
.paginations {
  display: flex;
  flex-wrap: nowrap;
  gap: calc(var(--spacing) * 1.5);
  font-size: var(--text-button-m);
  line-height: var(--tw-leading, var(--text-button-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2);
  }
  @media (width >= 48rem) {
    font-size: var(--text-link-button);
    line-height: var(--tw-leading, var(--text-link-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  }
  .item {
    display: flex;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-10);
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
    @media (width >= 48rem) {
      border-radius: var(--radius-xl);
    }
    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));
    &.icon {
      background-color: var(--color-gray-300);
    }
    &.disabled {
      pointer-events: none;
    }
    svg {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
    }
  }
}
.pagination-hover-orange .item {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-orange-500);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
  &:active {
    background-color: var(--color-orange-700);
  }
  &:active {
    color: var(--color-white);
  }
  &.active {
    color: var(--color-orange-700);
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    &:active {
      color: var(--color-white);
    }
  }
}
.group-label {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 8);
  @media (width >= 48rem) {
    grid-template-columns: 5rem 1fr;
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 9);
  }
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 16);
  }
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 14);
  }
  &:before, &:after {
    position: absolute;
    right: calc(var(--spacing) * -4);
    left: calc(var(--spacing) * -4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-gray-500);
    --tw-content: '';
    content: var(--tw-content);
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -20);
    }
    @media (width >= 48rem) {
      left: calc(var(--spacing) * -20);
    }
  }
  &:before {
    top: calc(var(--spacing) * 0);
  }
  &:after {
    bottom: calc(1px * -1);
  }
  .label {
    font-size: var(--text-group-label-m);
    line-height: var(--tw-leading, var(--text-group-label-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-group-label-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-group-label-m--font-weight));
    @media (width >= 48rem) {
      font-size: var(--text-group-label);
      line-height: var(--tw-leading, var(--text-group-label--line-height));
      letter-spacing: var(--tw-tracking, var(--text-group-label--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-group-label--font-weight));
    }
  }
}
.buttons, .tags, .flex-row-center {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing) * 1);
}
.tags {
  .tag {
    min-height: calc(var(--spacing) * 9);
    border-radius: var(--radius-xl);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-tag-button-m);
    line-height: var(--tw-leading, var(--text-tag-button-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-tag-button-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-tag-button-m--font-weight));
    white-space: nowrap;
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 2.5);
    }
    @media (width >= 48rem) {
      font-size: var(--text-tag);
      line-height: var(--tw-leading, var(--text-tag--line-height));
      letter-spacing: var(--tw-tracking, var(--text-tag--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-tag--font-weight));
    }
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    .tag--icon {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      min-width: calc(var(--spacing) * 6);
    }
    &.orange {
      background-color: var(--color-orange-500);
      color: var(--color-white);
    }
  }
  .tag_thin {
    min-height: calc(var(--spacing) * 7);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0);
    @media (width >= 48rem) {
      min-height: calc(var(--spacing) * 9);
    }
    @media (width >= 48rem) {
      border-radius: var(--radius-lg);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .tag_info {
    font-size: var(--text-button-m);
    line-height: var(--tw-leading, var(--text-button-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
    @media (width >= 48rem) {
      font-size: var(--text-link-button);
      line-height: var(--tw-leading, var(--text-link-button--line-height));
      letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
    }
  }
  &.gray-300 .tag {
    background-color: var(--color-gray-300);
  }
  .bank {
    padding: calc(var(--spacing) * 1.5);
    padding-inline-end: calc(var(--spacing) * 4);
    img {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
      min-width: calc(var(--spacing) * 8);
      border-radius: var(--radius-lg);
    }
  }
}
.stocks {
  display: flex;
  gap: calc(var(--spacing) * 1);
  .stock {
    border-radius: var(--radius-lg);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-label-m);
    line-height: var(--tw-leading, var(--text-label-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-label-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-label-m--font-weight));
    color: var(--color-orange-700);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 2.5);
    }
    @media (width >= 48rem) {
      font-size: var(--text-label);
      line-height: var(--tw-leading, var(--text-label--line-height));
      letter-spacing: var(--tw-tracking, var(--text-label--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-label--font-weight));
    }
    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));
  }
}
.news-info-wrapper {
  @media (width >= 48rem) {
    margin-right: calc(var(--spacing) * 28);
  }
  @media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 10);
  }
}
.stores, .news, .grid-4 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: calc(var(--spacing) * 14);
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    column-gap: calc(var(--spacing) * 7);
  }
  @media (width >= 48rem) {
    row-gap: calc(var(--spacing) * 34);
  }
}
.stores {
  &.list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      row-gap: calc(var(--spacing) * 16);
    }
    .stores__store {
      flex-direction: row;
      align-items: center;
      gap: calc(var(--spacing) * 14);
      .image {
        width: calc(var(--spacing) * 48);
        height: calc(var(--spacing) * 48);
        border-radius: var(--radius-xl);
        @media (width < 48rem) {
          display: none;
        }
        img {
          width: calc(var(--spacing) * 32);
          height: calc(var(--spacing) * 32);
        }
        .stocks {
          display: none;
        }
      }
      .tags {
        margin-bottom: calc(var(--spacing) * 1);
        @media (width < 48rem) {
          display: none;
        }
      }
      .info {
        .stocks {
          margin-bottom: calc(var(--spacing) * 4);
          display: flex;
          @media (width < 48rem) {
            display: none;
          }
        }
        .show-in-list {
          @media (width < 48rem) {
            display: flex;
          }
        }
      }
      .btn {
        padding-inline: calc(var(--spacing) * 4);
        .btn--icon {
          display: none;
        }
        .btn--chevron {
          display: block;
        }
      }
    }
  }
}
.stores__store {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 5);
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 7);
  }
  .image {
    position: relative;
    display: flex;
    aspect-ratio: 1 / 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-500);
    @media (width >= 48rem) {
      border-radius: var(--radius-20);
    }
    .back {
      position: absolute;
      inset: calc(var(--spacing) * 0);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0%;
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .stocks {
      position: absolute;
      top: calc(var(--spacing) * 4);
      left: calc(var(--spacing) * 4);
      @media (width >= 48rem) {
        top: calc(var(--spacing) * 5);
      }
      @media (width >= 48rem) {
        left: calc(var(--spacing) * 5);
      }
    }
    img {
      width: calc(var(--spacing) * 56);
      height: calc(var(--spacing) * 56);
      object-fit: contain;
      opacity: 100%;
      @media (width >= 48rem) {
        width: calc(var(--spacing) * 60);
        height: calc(var(--spacing) * 60);
      }
    }
    .btn {
      visibility: hidden;
      position: absolute;
      bottom: calc(var(--spacing) * 4);
      border-radius: var(--radius-xl);
      background-color: var(--color-black-500);
      padding-block: calc(var(--spacing) * 3);
      font-size: var(--text-button-m);
      line-height: var(--tw-leading, var(--text-button-m--line-height));
      letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
      color: var(--color-white);
      opacity: 0%;
      @media (width >= 48rem) {
        font-size: var(--text-link-button);
        line-height: var(--tw-leading, var(--text-link-button--line-height));
        letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
      }
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .tags {
    margin-bottom: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .title {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-header-3-m);
    line-height: var(--tw-leading, var(--text-header-3-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
    @media (width >= 48rem) {
      font-size: var(--text-header-6);
      line-height: var(--tw-leading, var(--text-header-6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-6--font-weight));
    }
    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));
  }
  .info {
    display: flex;
    flex: 1;
    flex-direction: column;
    .stocks {
      display: none;
    }
    .actions {
      flex: 1;
      align-content: flex-end;
      .show-in-list {
        display: none;
      }
    }
    .btn {
      border-radius: var(--radius-xl);
      padding-block: calc(var(--spacing) * 2.5);
      font-size: var(--text-button-m);
      line-height: var(--tw-leading, var(--text-button-m--line-height));
      letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
      @media (width >= 48rem) {
        padding-block: calc(var(--spacing) * 3);
      }
      @media (width >= 48rem) {
        font-size: var(--text-link-button);
        line-height: var(--tw-leading, var(--text-link-button--line-height));
        letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
      }
    }
  }
  .btn--chevron {
    display: none;
  }
  &:hover {
    .image {
      .back, .btn {
        visibility: visible;
        opacity: 100%;
      }
      img {
        opacity: 0%;
      }
    }
    .stock {
      background-color: var(--color-orange-500);
      color: var(--color-white);
    }
    .title {
      color: var(--color-orange-700);
    }
  }
}
.swiper-button {
  --swiper-navigation-sides-offset: -1rem;
  &.swiper-button-prev, &.swiper-button-next {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3.5);
    color: var(--color-black);
    --tw-shadow: 0 0 5px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &::after {
      content: var(--tw-content);
      --tw-content: none !important;
      content: none !important;
    }
  }
  &.swiper-button-prev {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.swiper-scrollbar {
  --swiper-scrollbar-border-radius: 2rem;
  --swiper-scrollbar-bottom: -2rem;
  --swiper-scrollbar-sides-offset: 0%;
  --swiper-scrollbar-drag-bg-color: var(--color-orange-700);
  --swiper-scrollbar-size: 1rem;
  position: relative;
  cursor: grab;
  background-color: transparent !important;
  &:active {
    cursor: grabbing;
  }
  &:before {
    position: absolute;
    top: calc(var(--spacing) * 1.5);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 1);
    border-radius: var(--swiper-scrollbar-border-radius);
    background-color: var(--color-gray-500);
    --tw-content: '';
    content: var(--tw-content);
  }
  .swiper-scrollbar-drag {
    top: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1);
  }
}
.swiper-pagination {
  --swiper-pagination-bottom: -2.4rem;
  --swiper-pagination-bullet-width: 2.5rem;
  --swiper-pagination-bullet-height: 1rem;
  --swiper-pagination-bullet-border-radius: 2rem;
  --swiper-pagination-bullet-horizontal-gap: 0.375rem;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-color: transparent;
  .swiper-pagination-bullet {
    position: relative;
    &:before {
      position: absolute;
      top: calc(var(--spacing) * 1.5);
      right: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: calc(var(--spacing) * 1);
      border-radius: var(--swiper-pagination-bullet-border-radius);
      background-color: var(--color-gray-300);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .swiper-pagination-bullet-active:before {
    background-color: var(--color-orange-700);
  }
}
.card {
  border-radius: var(--radius-2xl);
  background-color: var(--color-gray-200);
  padding: calc(var(--spacing) * 6);
  @media (width >= 48rem) {
    border-radius: var(--radius-30);
  }
  @media (width >= 48rem) {
    background-color: var(--color-white);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 10);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 8);
  }
  @media (width >= 48rem) {
    --tw-shadow: 0 6px 16px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 1);
  .btn:not(.only-icon) {
    background-color: var(--color-white);
    color: var(--color-black);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    &:active {
      background-color: var(--color-orange-700);
    }
    &:active {
      color: var(--color-white);
    }
    @media (width >= 48rem) {
      background-color: var(--color-gray-300);
    }
  }
  .btn.only-icon {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    border-radius: var(--radius-xl);
  }
}
.mini-images {
  display: flex;
  flex-wrap: nowrap;
  img {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
    border-radius: var(--radius-xl);
    object-fit: cover;
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0.25rem + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: var(--color-gray-100);
    &:not(*:first-child) {
      margin-left: calc(var(--spacing) * -5);
    }
    &:last-child {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.share-popover {
  z-index: 50;
  border-radius: var(--radius-2xl);
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 3);
  font-size: var(--text-link-button);
  line-height: var(--tw-leading, var(--text-link-button--line-height));
  letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
  --tw-shadow: 0 6px 16px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.guides_guide {
  .buttons {
    .btn--icon {
      @media (width < 48rem) {
        display: none;
      }
    }
    .btn--chevron {
      @media (width >= 48rem) {
        display: none;
      }
    }
  }
  &:nth-child(8n) img, &:nth-child(8n + 1) img {
    background-color: var(--color-blue-500);
  }
  &:nth-child(8n + 2) img, &:nth-child(8n + 7) img {
    background-color: var(--color-orange-500);
  }
  &:nth-child(8n + 3) img, &:nth-child(8n + 6) img {
    background-color: var(--color-purple-700);
  }
  &:nth-child(8n + 4) img, &:nth-child(8n + 5) img {
    background-color: var(--color-green-700);
  }
  &:nth-child(8n + 1) img, &:nth-child(8n + 2) img {
    background-color: var(--color-blue-500);
  }
  &:nth-child(8n) img, &:nth-child(8n + 3) img {
    background-color: var(--color-orange-500);
  }
  &:nth-child(8n - 1) img, &:nth-child(8n + 4) img {
    background-color: var(--color-purple-700);
  }
  &:nth-child(8n - 2) img, &:nth-child(8n + 5) img {
    background-color: var(--color-green-700);
  }
}
.hero {
  border-radius: var(--radius-30);
  padding: calc(var(--spacing) * 8);
  color: var(--color-white);
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 20);
  }
  &.hero-thin {
    border-radius: var(--radius-20);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    @media (width >= 48rem) {
      border-radius: var(--radius-30);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  &.hero-orange {
    background-color: var(--color-orange-500);
  }
  &.hero-blue {
    background-color: var(--color-blue-500);
  }
  &.hero-purple {
    background-color: var(--color-purple-700);
  }
  &.hero-m-off {
    @media (width < 48rem) {
      border-radius: 0;
    }
    @media (width < 48rem) {
      background-color: inherit;
    }
    @media (width < 48rem) {
      padding: calc(var(--spacing) * 0);
    }
    @media (width < 48rem) {
      color: inherit;
    }
  }
}
.video {
  aspect-ratio: var(--aspect-video);
  overflow: hidden;
  border-radius: var(--radius-2xl);
  background-color: var(--color-white);
}
.anchors {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-2xl);
  background-color: var(--color-gray-200);
  padding: calc(var(--spacing) * 6);
  @media (width >= 48rem) {
    border-radius: var(--radius-30);
  }
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 14);
  }
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 9);
  }
  .anchors_list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .anchors_item {
    cursor: pointer;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    font-size: var(--text-button-m);
    line-height: var(--tw-leading, var(--text-button-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange-500);
      }
    }
    &:active {
      color: var(--color-orange-700);
    }
    @media (width >= 48rem) {
      font-size: var(--text-link-button);
      line-height: var(--tw-leading, var(--text-link-button--line-height));
      letter-spacing: var(--tw-tracking, var(--text-link-button--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-link-button--font-weight));
    }
  }
}
.article-main {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing) * 6);
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 9);
  }
}
.article {
  display: flex;
  flex-direction: column;
  &.article-fit, .article-fit {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 206);
    }
  }
}
.article_title {
  margin-bottom: calc(var(--spacing) * 7);
  font-size: var(--text-header-3-m);
  line-height: var(--tw-leading, var(--text-header-3-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 48rem) {
    font-size: var(--text-header-3);
    line-height: var(--tw-leading, var(--text-header-3--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-3--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-3--font-weight));
  }
}
.article_text {
  font-family: var(--font-second);
  font-size: var(--text-16-m);
  line-height: var(--tw-leading, var(--text-16-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-16-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-16-m--font-weight));
  &:not(*:last-of-type) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    font-size: var(--text-20);
    line-height: var(--tw-leading, var(--text-20--line-height));
    letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-20--font-weight));
  }
  @media (width >= 48rem) {
    &:not(*:last-of-type) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
}
.policy {
  display: flex;
  flex-direction: column;
  &.policy-fit {
    @media (width >= 48rem) {
      max-width: calc(var(--spacing) * 206);
    }
  }
}
.policy_title {
  margin-bottom: calc(var(--spacing) * 7);
  font-size: var(--text-header-3-m);
  line-height: var(--tw-leading, var(--text-header-3-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  @media (width >= 48rem) {
    font-size: var(--text-header-6);
    line-height: var(--tw-leading, var(--text-header-6--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-6--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-6--font-weight));
  }
}
.policy_text {
  font-family: var(--font-second);
  font-size: var(--text-16-m);
  line-height: var(--tw-leading, var(--text-16-m--line-height));
  letter-spacing: var(--tw-tracking, var(--text-16-m--letter-spacing));
  font-weight: var(--tw-font-weight, var(--text-16-m--font-weight));
  &:not(*:last-of-type) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  @media (width >= 48rem) {
    font-size: var(--text-20);
    line-height: var(--tw-leading, var(--text-20--line-height));
    letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-20--font-weight));
  }
  @media (width >= 48rem) {
    &:not(*:last-of-type) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
}
.service {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 1.5);
  @media (width >= 48rem) {
    grid-template-columns: 50% 50%;
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 0);
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-30);
  }
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 14);
  }
  .service-title {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-2xl);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-button-big-m);
    line-height: var(--tw-leading, var(--text-button-big-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button-big-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button-big-m--font-weight));
    white-space: nowrap;
    color: var(--color-white);
    @media (width >= 48rem) {
      display: none;
    }
    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));
    .title {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: start;
    }
    .btn--icon {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      min-width: calc(var(--spacing) * 6);
    }
    .btn--chevron {
      width: calc(var(--spacing) * 2.5);
      height: calc(var(--spacing) * 2.5);
      min-width: calc(var(--spacing) * 2.5);
    }
  }
  .left-card {
    @media (width < 48rem) {
      display: none;
    }
    @media (width < 48rem) {
      border-radius: var(--radius-2xl);
    }
    @media (width < 48rem) {
      background-color: var(--color-gray-200);
    }
    @media (width < 48rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
    @media (width < 48rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .right-card {
    place-self: center;
    @media (width < 48rem) {
      display: none;
    }
    @media (width >= 48rem) {
      margin-left: calc(var(--spacing) * 17);
    }
  }
  .tag {
    background-color: var(--color-white);
  }
  &.open {
    .service-title .btn--chevron {
      --tw-scale-y: calc(100% * -1);
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .left-card {
      @media (width < 48rem) {
        display: block;
      }
    }
    .right-card {
      @media (width < 48rem) {
        display: flex;
      }
    }
  }
  &:nth-child(4n + 1) {
    @media (width >= 48rem) {
      background-color: var(--color-blue-500);
    }
    .service-title {
      background-color: var(--color-blue-500);
    }
  }
  &:nth-child(4n + 2) {
    @media (width >= 48rem) {
      background-color: var(--color-orange-500);
    }
    .service-title {
      background-color: var(--color-orange-500);
    }
  }
  &:nth-child(4n + 3) {
    @media (width >= 48rem) {
      background-color: var(--color-purple-700);
    }
    .service-title {
      background-color: var(--color-purple-700);
    }
  }
  &:nth-child(4n) {
    @media (width >= 48rem) {
      background-color: var(--color-green-700);
    }
    .service-title {
      background-color: var(--color-green-700);
    }
  }
  &:nth-child(4n + 2) {
    @media (width >= 48rem) {
      background-color: var(--color-blue-500);
    }
    .service-title {
      background-color: var(--color-blue-500);
    }
  }
  &:nth-child(4n + 3) {
    @media (width >= 48rem) {
      background-color: var(--color-orange-500);
    }
    .service-title {
      background-color: var(--color-orange-500);
    }
  }
  &:nth-child(4n + 4) {
    @media (width >= 48rem) {
      background-color: var(--color-purple-700);
    }
    .service-title {
      background-color: var(--color-purple-700);
    }
  }
  &:nth-child(4n + 1) {
    @media (width >= 48rem) {
      background-color: var(--color-green-700);
    }
    .service-title {
      background-color: var(--color-green-700);
    }
  }
}
.contacts {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--spacing) * 3);
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 7);
  }
  &.two-column-m {
    @media (width < 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width < 48rem) {
      gap: calc(var(--spacing) * 2);
    }
    .contact {
      @media (width < 48rem) {
        padding-inline: calc(var(--spacing) * 4.5);
      }
      @media (width < 48rem) {
        padding-top: calc(var(--spacing) * 3);
      }
      @media (width < 48rem) {
        padding-bottom: calc(var(--spacing) * 4);
      }
      .text {
        &.main {
          font-size: var(--text-header-5-m);
          line-height: var(--tw-leading, var(--text-header-5-m--line-height));
          letter-spacing: var(--tw-tracking, var(--text-header-5-m--letter-spacing));
          font-weight: var(--tw-font-weight, var(--text-header-5-m--font-weight));
          @media (width >= 48rem) {
            font-size: var(--text-header-3);
            line-height: var(--tw-leading, var(--text-header-3--line-height));
            letter-spacing: var(--tw-tracking, var(--text-header-3--letter-spacing));
            font-weight: var(--tw-font-weight, var(--text-header-3--font-weight));
          }
        }
        &.sub {
          font-size: var(--text-header-6-m);
          line-height: var(--tw-leading, var(--text-header-6-m--line-height));
          letter-spacing: var(--tw-tracking, var(--text-header-6-m--letter-spacing));
          font-weight: var(--tw-font-weight, var(--text-header-6-m--font-weight));
          @media (width >= 48rem) {
            font-family: var(--font-second);
          }
          @media (width >= 48rem) {
            font-size: var(--text-20);
            line-height: var(--tw-leading, var(--text-20--line-height));
            letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
            font-weight: var(--tw-font-weight, var(--text-20--font-weight));
          }
        }
      }
    }
  }
  .contact {
    border-radius: var(--radius-2xl);
    background-color: var(--color-gray-300);
    padding-inline: calc(var(--spacing) * 7);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      border-radius: var(--radius-30);
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 13);
    }
    @media (width >= 48rem) {
      padding-top: calc(var(--spacing) * 9);
    }
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    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));
    .text {
      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));
      &.main {
        font-size: var(--text-header-4-m);
        line-height: var(--tw-leading, var(--text-header-4-m--line-height));
        letter-spacing: var(--tw-tracking, var(--text-header-4-m--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-header-4-m--font-weight));
        @media (width >= 48rem) {
          font-size: var(--text-header-5);
          line-height: var(--tw-leading, var(--text-header-5--line-height));
          letter-spacing: var(--tw-tracking, var(--text-header-5--letter-spacing));
          font-weight: var(--tw-font-weight, var(--text-header-5--font-weight));
        }
      }
      &.sub-2 {
        font-size: var(--text-header-5-m);
        line-height: var(--tw-leading, var(--text-header-5-m--line-height));
        letter-spacing: var(--tw-tracking, var(--text-header-5-m--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-header-5-m--font-weight));
        @media (width >= 48rem) {
          font-family: var(--font-second);
        }
        @media (width >= 48rem) {
          font-size: var(--text-20);
          line-height: var(--tw-leading, var(--text-20--line-height));
          letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
          font-weight: var(--tw-font-weight, var(--text-20--font-weight));
        }
      }
      &.sub {
        font-size: var(--text-button-m);
        line-height: var(--tw-leading, var(--text-button-m--line-height));
        letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
        @media (width >= 48rem) {
          font-family: var(--font-second);
        }
        @media (width >= 48rem) {
          font-size: var(--text-20);
          line-height: var(--tw-leading, var(--text-20--line-height));
          letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
          font-weight: var(--tw-font-weight, var(--text-20--font-weight));
        }
      }
    }
    &:hover, &.hovered {
      @media (width >= 48rem) {
        color: var(--color-white);
      }
      &:nth-child(4n + 1) {
        @media (width >= 48rem) {
          background-color: var(--color-green-700);
        }
      }
      &:nth-child(4n + 2) {
        @media (width >= 48rem) {
          background-color: var(--color-purple-700);
        }
      }
      &:nth-child(4n + 3) {
        @media (width >= 48rem) {
          background-color: var(--color-orange-500);
        }
      }
      &:nth-child(4n) {
        @media (width >= 48rem) {
          background-color: var(--color-blue-500);
        }
      }
    }
  }
  .tag, button.btn {
    align-self: flex-start;
    background-color: var(--color-white);
    color: var(--color-black);
  }
}
.to-get-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: calc(var(--spacing) * 3);
  @media (width >= 48rem) {
    flex-direction: row;
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 7);
  }
  .to-get {
    border-radius: var(--radius-2xl);
    background-color: var(--color-gray-100);
    padding-inline: calc(var(--spacing) * 7);
    padding-block: calc(var(--spacing) * 8);
    @media (width >= 48rem) {
      flex-basis: 33.1875rem;
    }
    @media (width >= 48rem) {
      border-radius: var(--radius-30);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 14);
    }
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 7);
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 12);
    }
    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));
    .title {
      font-size: var(--text-header-4-m);
      line-height: var(--tw-leading, var(--text-header-4-m--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-4-m--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-4-m--font-weight));
      @media (width >= 48rem) {
        font-size: var(--text-header-5);
        line-height: var(--tw-leading, var(--text-header-5--line-height));
        letter-spacing: var(--tw-tracking, var(--text-header-5--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-header-5--font-weight));
      }
    }
    .text {
      margin-top: calc(var(--spacing) * 5);
      font-size: var(--text-button-m);
      line-height: var(--tw-leading, var(--text-button-m--line-height));
      letter-spacing: var(--tw-tracking, var(--text-button-m--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-button-m--font-weight));
      @media (width >= 48rem) {
        margin-top: calc(var(--spacing) * 3);
      }
      @media (width >= 48rem) {
        font-family: var(--font-second);
      }
      @media (width >= 48rem) {
        font-size: var(--text-20);
        line-height: var(--tw-leading, var(--text-20--line-height));
        letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-20--font-weight));
      }
    }
    &:hover, &.hovered {
      .text {
        color: var(--color-white);
      }
      &:nth-child(4n + 1) {
        background-color: var(--color-green-700);
      }
      &:nth-child(4n + 2) {
        background-color: var(--color-purple-700);
      }
      &:nth-child(4n + 3) {
        background-color: var(--color-orange-500);
      }
      &:nth-child(4n) {
        background-color: var(--color-blue-500);
      }
    }
  }
}
.modal {
  position: fixed;
  inset: calc(var(--spacing) * 0);
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  &:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-gray-300);
    opacity: 95%;
    --tw-content: '';
    content: var(--tw-content);
  }
  .modal-wrapper {
    position: relative;
    width: 100%;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 6);
    @media (width < 48rem) {
      height: 100%;
    }
    @media (width >= 48rem) {
      width: calc(9/10 * 100%);
    }
    @media (width >= 48rem) {
      max-width: var(--container-2xl);
    }
    @media (width >= 48rem) {
      border-radius: var(--radius-30);
    }
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .modal-close {
    position: absolute;
    top: calc(var(--spacing) * 5);
    right: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-gray-200);
    @media (width >= 48rem) {
      top: calc(var(--spacing) * 0);
    }
    @media (width >= 48rem) {
      right: calc(var(--spacing) * -10);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
    @media (width >= 48rem) {
      background-color: var(--color-white);
    }
    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));
    .btn--icon {
      width: 100%;
      height: 100%;
    }
  }
  .modal-content {
    max-height: calc(100dvh - 11rem);
    overflow: auto;
    padding: calc(var(--spacing) * 1);
    @media (width < 48rem) {
      max-height: 100%;
    }
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  @media (max-width: 48rem) {
    &.transition-show {
      transition-property: translate;
      transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) );
      transition-duration: var( --tw-duration, var(--default-transition-duration) );
      visibility: visible;
      opacity: 100%;
      --tw-translate-y: calc(1/1 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      &.transition-show_open {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
}
.map-info {
  position: fixed;
  inset: calc(var(--spacing) * 0);
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  .map-info-wrapper {
    position: relative;
    max-width: calc(var(--spacing) * 108);
    border-radius: var(--radius-30);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 8);
    padding-top: calc(var(--spacing) * 11);
    --tw-shadow: 0 6px 16px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .map-info-close {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-gray-200);
    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));
    .btn--icon {
      width: 100%;
      height: 100%;
    }
  }
  .map-info-content {
    max-height: calc(100dvh - 11rem);
    overflow: auto;
    @media (width < 48rem) {
      max-height: 100%;
    }
  }
}
.bg-img-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.about-section {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  @media (width >= 48rem) {
    grid-template-columns: 50% 50%;
  }
  .title {
    order: -9999;
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-header-3-m);
    line-height: var(--tw-leading, var(--text-header-3-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
    @media (width >= 48rem) {
      font-size: var(--text-header-2);
      line-height: var(--tw-leading, var(--text-header-2--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-2--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-2--font-weight));
    }
  }
  .left-section {
    order: 2;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
    @media (width >= 48rem) {
      order: 1;
    }
    @media (width >= 48rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .title {
      @media (width < 48rem) {
        display: none;
      }
    }
    p {
      font-family: var(--font-second);
      font-size: var(--text-16-m);
      line-height: var(--tw-leading, var(--text-16-m--line-height));
      letter-spacing: var(--tw-tracking, var(--text-16-m--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-16-m--font-weight));
      @media (width >= 48rem) {
        font-size: var(--text-28);
        line-height: var(--tw-leading, var(--text-28--line-height));
        letter-spacing: var(--tw-tracking, var(--text-28--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-28--font-weight));
      }
    }
  }
  .right-section {
    order: 1;
    margin-bottom: calc(var(--spacing) * 8);
    margin-left: auto;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      order: 2;
    }
    @media (width >= 48rem) {
      margin-bottom: auto;
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 161);
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 7);
    }
    img {
      aspect-ratio: 1 / 1;
      border-radius: var(--radius-xl);
      object-fit: cover;
      @media (width >= 48rem) {
        border-radius: var(--radius-3xl);
      }
    }
  }
}
.about-social {
  display: flex !important;
  cursor: pointer;
  flex-direction: column;
  border-radius: var(--radius-30);
  padding: calc(var(--spacing) * 7);
  color: var(--color-white);
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 11);
  }
  &:nth-child(4n + 1) {
    background-color: var(--color-orange-500);
  }
  &:nth-child(4n + 2) {
    background-color: var(--color-blue-500);
  }
  &:nth-child(4n + 3) {
    background-color: var(--color-green-700);
  }
  &:nth-child(4n) {
    background-color: var(--color-purple-700);
  }
  &:nth-child(4n + 2) {
    background-color: var(--color-orange-500);
  }
  &:nth-child(4n + 3) {
    background-color: var(--color-blue-500);
  }
  &:nth-child(4n + 4) {
    background-color: var(--color-green-700);
  }
  &:nth-child(4n + 1) {
    background-color: var(--color-purple-700);
  }
}
.vacancy {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  border-radius: var(--radius-20);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-500);
  background-color: var(--color-white);
  @media (width >= 48rem) {
    grid-template-columns: 21rem 1fr 33rem;
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-30);
  }
  .image {
    margin: calc(var(--spacing) * 7);
    margin-bottom: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    @media (width >= 48rem) {
      margin: calc(var(--spacing) * 12);
    }
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
    @media (width >= 48rem) {
      width: calc(var(--spacing) * 60);
      height: calc(var(--spacing) * 60);
    }
  }
  .content-wrapper {
    position: relative;
    display: flex;
    @media (width < 48rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
    .content {
      margin-top: auto;
      margin-bottom: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding-inline: calc(var(--spacing) * 7);
      @media (width >= 48rem) {
        padding-inline: calc(var(--spacing) * 17);
      }
    }
  }
  .vacancy-info-block {
    @media (width < 48rem) {
      display: none;
    }
  }
  .borders {
    position: relative;
    &:before, &:after {
      position: absolute;
      top: calc(var(--spacing) * 4);
      bottom: calc(var(--spacing) * 4);
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
      border-color: var(--color-gray-500);
      --tw-content: '';
      content: var(--tw-content);
      @media (width >= 48rem) {
        border-left-style: var(--tw-border-style);
        border-left-width: 1px;
      }
    }
    &:before {
      left: calc(var(--spacing) * 0);
    }
    &:after {
      right: calc(var(--spacing) * 0);
    }
  }
  .border-top {
    position: relative;
    &:before {
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 4);
      left: calc(var(--spacing) * 4);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: var(--color-gray-500);
      --tw-content: '';
      content: var(--tw-content);
    }
  }
  .descriptions {
    grid-column-start: 1;
    grid-column-end: 4;
    @media (width < 48rem) {
      display: none;
    }
    height: calc(var(--spacing) * 0);
    transform-origin: top;
    overflow: hidden;
    .content {
      margin-block: calc(var(--spacing) * 18);
      margin-right: calc(var(--spacing) * 132);
      margin-left: calc(var(--spacing) * 84);
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 13) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 13) * calc(1 - var(--tw-space-y-reverse)));
      }
      padding-inline: calc(var(--spacing) * 17);
    }
  }
}
.vacancy-description {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }
  .title {
    font-size: var(--text-header-3-m);
    line-height: var(--tw-leading, var(--text-header-3-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
    @media (width >= 48rem) {
      font-size: var(--text-header-6);
      line-height: var(--tw-leading, var(--text-header-6--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-6--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-6--font-weight));
    }
  }
  .text {
    font-family: var(--font-second);
    font-size: var(--text-16-m);
    line-height: var(--tw-leading, var(--text-16-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-16-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-16-m--font-weight));
    @media (width >= 48rem) {
      font-size: var(--text-20);
      line-height: var(--tw-leading, var(--text-20--line-height));
      letter-spacing: var(--tw-tracking, var(--text-20--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-20--font-weight));
    }
  }
  .info {
    font-size: var(--text-header-4-m);
    line-height: var(--tw-leading, var(--text-header-4-m--line-height));
    letter-spacing: var(--tw-tracking, var(--text-header-4-m--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-header-4-m--font-weight));
    @media (width >= 48rem) {
      font-size: var(--text-header-8);
      line-height: var(--tw-leading, var(--text-header-8--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-8--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-8--font-weight));
    }
  }
  ul {
    list-style-position: inside;
    list-style-type: disc;
  }
}
.main-page-section {
  .section-title {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
    .title {
      font-size: var(--text-header-3-m);
      line-height: var(--tw-leading, var(--text-header-3-m--line-height));
      letter-spacing: var(--tw-tracking, var(--text-header-3-m--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-header-3-m--font-weight));
      @media (width >= 48rem) {
        font-size: var(--text-header-3);
        line-height: var(--tw-leading, var(--text-header-3--line-height));
        letter-spacing: var(--tw-tracking, var(--text-header-3--letter-spacing));
        font-weight: var(--tw-font-weight, var(--text-header-3--font-weight));
      }
    }
  }
}
.main-hero {
  position: relative;
  .main-hero-bg {
    position: absolute;
    top: calc(calc(1/1 * 100%) * -1);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: calc(10 * -1);
    overflow: hidden;
    .main-hero-bg-animate {
      position: absolute;
      top: calc(1/2 * 100%);
      left: calc(1/2 * 100%);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      background-color: var(--color-orange-700);
      --size-full: max(100dvh, 100dvw);
      height: var(--size-full);
      width: var(--size-full);
      scale: 2;
    }
  }
}
.information-block {
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: var(--radius-3xl);
  padding-inline: calc(var(--spacing) * 8);
  padding-block: calc(var(--spacing) * 7);
  color: var(--color-white);
  @media (width >= 48rem) {
    flex-direction: row;
  }
  @media (width >= 48rem) {
    align-items: center;
  }
  @media (width >= 48rem) {
    border-radius: var(--radius-30);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 12);
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 11);
  }
  &.m-block {
    margin-block: calc(var(--spacing) * 14);
    @media (width >= 48rem) {
      margin-block: calc(var(--spacing) * 34);
    }
  }
  &.normal {
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      width: 64rem;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 32);
    }
  }
  &.big {
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      width: 81rem;
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 40);
    }
  }
}
.menu-mobile {
  position: fixed;
  right: calc(var(--spacing) * 0);
  bottom: calc(var(--spacing) * -18);
  left: calc(var(--spacing) * 0);
  z-index: 60;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 1000ms;
  transition-duration: 1000ms;
  &.show {
    bottom: calc(var(--spacing) * 5);
  }
  .menu-items {
    margin-inline: calc(var(--spacing) * 4);
    display: flex;
    justify-content: space-between;
    border-radius: var(--radius-2xl);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2.5);
    --tw-shadow: 0 0 5px 6px var(--tw-shadow-color, rgba(0, 0, 0, 0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .menu-item {
    display: flex;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    min-width: calc(var(--spacing) * 12);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-10);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange-300);
      }
    }
    &:active {
      background-color: var(--color-orange-300);
    }
    &:active {
      color: var(--color-orange-700) !important;
    }
    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));
    &.active {
      color: var(--color-orange-500);
    }
    svg {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      min-width: calc(var(--spacing) * 6);
    }
  }
}
.accordion {
  display: flex;
  flex-direction: column;
  .accordion-block {
    height: calc(var(--spacing) * 0);
    transform-origin: top;
    overflow: hidden;
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@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-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@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-duration {
  syntax: "*";
  inherits: false;
}