@font-face{font-family:"swiper-icons";src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --color-red-100: var(--color-red-100);
    --color-red-200: var(--color-red-200);
    --color-red-400: var(--color-red-400);
    --color-red-800: var(--color-red-800);
    --color-orange-100: var(--color-orange-100);
    --color-orange-200: var(--color-orange-200);
    --color-orange-400: var(--color-orange-400);
    --color-orange-800: var(--color-orange-800);
    --color-green-100: var(--color-green-100);
    --color-green-200: var(--color-green-200);
    --color-green-400: var(--color-green-400);
    --color-green-800: var(--color-green-800);
    --color-blue-100: var(--color-blue-100);
    --color-blue-200: var(--color-blue-200);
    --color-blue-400: var(--color-blue-400);
    --color-blue-800: var(--color-blue-800);
    --spacing: 1.11111rem;
    --radius-2xl: var(--spacing);
    --leading-xs: 1.2;
    --leading-sm: 1.25;
    --color-graphite-500: var(--color-graphite-500);
    --color-graphite-900: var(--color-graphite-900);
    --color-lavender-100: var(--color-lavender-100);
    --color-lavender-200: var(--color-lavender-200);
    --color-lavender-400: var(--color-lavender-400);
    --color-lavender-800: var(--color-lavender-800);
    --spacing-2xs: max(calc(var(--spacing) / 4), 5px);
    --spacing-sm: calc(var(--spacing) * 1.5);
    --spacing-md: calc(var(--spacing) * 2);
    --spacing-lg: calc(var(--spacing-container) * 1.5);
    --spacing-xl: calc(var(--spacing-container) * 2);
    --power4-out: cubic-bezier(.15, .9, .24, 1);
  }
}
@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, var(--font-sans, 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, initial);
    font-variation-settings: var(--default-font-variation-settings, initial);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,strong {
    font-weight: bolder;
  }
  code,kbd,samp,pre {
    font-family: var(--default-mono-font-family, var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace));
    font-feature-settings: var(--default-mono-font-feature-settings, initial);
    font-variation-settings: var(--default-mono-font-variation-settings, initial);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,ul,menu {
    list-style: none;
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle;
  }
  img,video {
    max-width: 100%;
    height: auto;
  }
  button,input,select,optgroup,textarea,::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-\(--spacing-xs\) {
    inset-inline: var(--spacing-xs);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .-top-px {
    top: -1px;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .-right-\(--spacing-md\) {
    right: calc(var(--spacing-md) * -1);
  }
  .right-0\! {
    right: calc(var(--spacing) * 0) !important;
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-3\/5 {
    right: calc(3/5 * 100%);
  }
  .-bottom-\[64px\] {
    bottom: calc(64px * -1);
  }
  .-bottom-px {
    bottom: -1px;
  }
  .bottom-\(--spacing-xs\) {
    bottom: var(--spacing-xs);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-0\! {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-3\/5 {
    left: calc(3/5 * 100%);
  }
  .-z-1\! {
    z-index: calc(1 * -1) !important;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .z-100\! {
    z-index: 100 !important;
  }
  .z-2000 {
    z-index: 2000;
  }
  .z-9990 {
    z-index: 9990;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .container {
    width: 100%;
    @media (width >= 354px) {
      max-width: 354px;
    }
    @media (width >= 480px) {
      max-width: 480px;
    }
    @media (width >= 672px) {
      max-width: 672px;
    }
    @media (width >= 896px) {
      max-width: 896px;
    }
    @media (width >= 1152px) {
      max-width: 1152px;
    }
    @media (width >= 1536px) {
      max-width: 1536px;
    }
    @media (width >= 1800px) {
      max-width: 1800px;
    }
  }
  .-m-\(--spacing-2xs\) {
    margin: calc(var(--spacing-2xs) * -1);
  }
  .-m-\(--spacing-2xs\)\! {
    margin: calc(var(--spacing-2xs) * -1) !important;
  }
  .-m-\(--spacing-xs\) {
    margin: calc(var(--spacing-xs) * -1);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\! {
    margin-inline: calc(var(--spacing) * -1) !important;
  }
  .mt-\(--spacing-xs\) {
    margin-top: var(--spacing-xs);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-auto {
    margin-right: auto;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .box-content {
    box-sizing: content-box;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex\! {
    display: inline-flex !important;
  }
  .table {
    display: table;
  }
  .aspect-2\/1 {
    aspect-ratio: 2/1;
  }
  .aspect-4\/5 {
    aspect-ratio: 4/5;
  }
  .aspect-5\/4 {
    aspect-ratio: 5/4;
  }
  .size-\[\.875em\] {
    width: .875em;
    height: .875em;
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-\[1\.8em\] {
    height: 1.8em;
  }
  .h-\[5em\] {
    height: 5em;
  }
  .h-\[40vw\] {
    height: 40vw;
  }
  .h-\[clamp\(130px\,8vw\,140px\)\] {
    height: clamp(130px, 8vw, 140px);
  }
  .h-auto {
    height: auto;
  }
  .h-auto\! {
    height: auto !important;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[calc\(100svh-\(--spacing\(2\)\)\)\] {
    max-height: calc(100svh - (calc(var(--spacing) * 2)));
  }
  .min-h-\(--spacing-lg\) {
    min-height: var(--spacing-lg);
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-\[10em\] {
    width: 10em;
  }
  .w-\[200vw\] {
    width: 200vw;
  }
  .w-\[clamp\(130px\,8vw\,140px\)\] {
    width: clamp(130px, 8vw, 140px);
  }
  .w-\[max\(14vw\,160px\)\] {
    width: max(14vw, 160px);
  }
  .w-auto {
    width: auto;
  }
  .w-auto\! {
    width: auto !important;
  }
  .w-full {
    width: 100%;
  }
  .w-full\! {
    width: 100% !important;
  }
  .w-px {
    width: 1px;
  }
  .max-w-\[51rem\] {
    max-width: 51rem;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-none\! {
    max-width: none !important;
  }
  .min-w-1\/3 {
    min-width: calc(1/3 * 100%);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-50 {
    --tw-scale-x: 50%;
    --tw-scale-y: 50%;
    --tw-scale-z: 50%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .appearance-none {
    appearance: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-\(--spacing-container\) {
    gap: var(--spacing-container);
  }
  .gap-\(--spacing-xs\) {
    gap: var(--spacing-xs);
  }
  .gap-x-\(--spacing-2xs\) {
    column-gap: var(--spacing-2xs);
  }
  .gap-x-\(--spacing-xs\) {
    column-gap: var(--spacing-xs);
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-y-\(--spacing\) {
    row-gap: var(--spacing);
  }
  .gap-y-\(--spacing-2xs\) {
    row-gap: var(--spacing-2xs);
  }
  .gap-y-\(--spacing-container\) {
    row-gap: var(--spacing-container);
  }
  .gap-y-\(--spacing-lg\) {
    row-gap: var(--spacing-lg);
  }
  .gap-y-\(--spacing-md\) {
    row-gap: var(--spacing-md);
  }
  .gap-y-\(--spacing-sm\) {
    row-gap: var(--spacing-sm);
  }
  .gap-y-\(--spacing-xl\) {
    row-gap: var(--spacing-xl);
  }
  .gap-y-\(--spacing-xs\) {
    row-gap: var(--spacing-xs);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .place-self-center {
    place-self: center;
  }
  .self-center {
    align-self: center;
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-center {
    justify-self: center;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-visible\! {
    overflow: visible !important;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg, 0.5rem);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm, 0.25rem);
  }
  .rounded-xl {
    border-radius: var(--radius-xl, 0.75rem);
  }
  .rounded-xl\! {
    border-radius: var(--radius-xl, 0.75rem) !important;
  }
  .rounded-tr-2xl {
    border-top-right-radius: var(--radius-2xl);
  }
  .rounded-br-2xl {
    border-bottom-right-radius: var(--radius-2xl);
  }
  .rounded-bl-2xl {
    border-bottom-left-radius: var(--radius-2xl);
  }
  .bg-black {
    background-color: var(--color-black, #000);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-graphite-900 {
    background-color: var(--color-graphite-900);
  }
  .bg-orange-400 {
    background-color: var(--color-orange-400);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white, #fff);
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-black\/80 {
    --tw-gradient-from: color-mix(in srgb, #000 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-black, #000) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-black\/10 {
    --tw-gradient-to: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-black, #000) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-70\% {
    --tw-gradient-to-position: 70%;
  }
  .fill-current {
    fill: currentcolor;
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .object-top {
    object-position: top;
  }
  .p-\(--spacing-2xs\) {
    padding: var(--spacing-2xs);
  }
  .p-\(--spacing-xs\) {
    padding: var(--spacing-xs);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-\[clamp\(10px\,2vw\,20px\)\] {
    padding: clamp(10px, 2vw, 20px);
  }
  .p-\[max\(2vw\,15px\)\] {
    padding: max(2vw, 15px);
  }
  .px-\(--spacing-xs\) {
    padding-inline: var(--spacing-xs);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[calc\(var\(--spacing-xs\)\/3\*5\)\] {
    padding-inline: calc(var(--spacing-xs) / 3 * 5);
  }
  .py-\(--spacing-xs\) {
    padding-block: var(--spacing-xs);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .pt-\(--spacing-lg\) {
    padding-top: var(--spacing-lg);
  }
  .pt-\(--spacing-lg\)\! {
    padding-top: var(--spacing-lg) !important;
  }
  .pt-\(--spacing-md\) {
    padding-top: var(--spacing-md);
  }
  .pt-\(--spacing-xl\) {
    padding-top: var(--spacing-xl);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-\[\.5em\] {
    padding-top: .5em;
  }
  .pt-\[2\.6em\] {
    padding-top: 2.6em;
  }
  .pt-\[calc\(var\(--spacing-xl\)\*2\.5\)\]\! {
    padding-top: calc(var(--spacing-xl) * 2.5) !important;
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pb-\(--spacing-container\)\! {
    padding-bottom: var(--spacing-container) !important;
  }
  .pb-\(--spacing-lg\) {
    padding-bottom: var(--spacing-lg);
  }
  .pb-\(--spacing-md\) {
    padding-bottom: var(--spacing-md);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-\[calc\(clamp\(15px\,1rem\,22px\)\+\(clamp\(13px\,\.8612rem\,18px\)\*2\)\+\(var\(--spacing-xs\)\*2\)\)\]\! {
    padding-bottom: calc(clamp(15px, 1rem, 22px) + (clamp(13px, .8612rem, 18px) * 2) + (var(--spacing-xs) * 2)) !important;
  }
  .pl-\(--spacing-xs\) {
    padding-left: var(--spacing-xs);
  }
  .pl-\[calc\(\(var\(--spacing-md\)\*2\)-var\(--spacing-xs\)\)\] {
    padding-left: calc((var(--spacing-md) * 2) - var(--spacing-xs));
  }
  .text-center {
    text-align: center;
  }
  .text-\[14px\]\! {
    font-size: 14px !important;
  }
  .leading-\(--leading-xs\)\! {
    --tw-leading: var(--leading-xs) !important;
    line-height: var(--leading-xs) !important;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\(--btn-secondary-bg\) {
    color: var(--btn-secondary-bg);
  }
  .text-\(--btn-secondary-bg-hover\) {
    color: var(--btn-secondary-bg-hover);
  }
  .text-graphite-900 {
    color: var(--color-graphite-900);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-transparent {
    color: transparent;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .mix-blend-color-burn {
    mix-blend-mode: color-burn;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  }
  .duration-800 {
    --tw-duration: 800ms;
    transition-duration: 800ms;
  }
  .ease-\(--power4-out\) {
    --tw-ease: var(--power4-out);
    transition-timing-function: var(--power4-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .\*\:aspect-16\/9 {
    :is(& > *) {
      aspect-ratio: 16/9;
    }
  }
  .\*\:h-auto {
    :is(& > *) {
      height: auto;
    }
  }
  .\*\:w-full {
    :is(& > *) {
      width: 100%;
    }
  }
  .group-hover\/card\:scale-105 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/card\:scale-200 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 200%;
        --tw-scale-y: 200%;
        --tw-scale-z: 200%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\/card\:opacity-100 {
    &:is(:where(.group\/card):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .last\:pb-0\! {
    &:last-child {
      padding-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .nth-\[n\+2\]\:mt-\(--spacing-md\) {
    &:nth-child(n+2) {
      margin-top: var(--spacing-md);
    }
  }
  .nth-last-\[2\]\:mb-\(--spacing-xs\)\! {
    &:nth-last-child(2) {
      margin-bottom: var(--spacing-xs) !important;
    }
  }
  .nth-last-\[n\+2\]\:mb-\(--spacing-md\) {
    &:nth-last-child(n+2) {
      margin-bottom: var(--spacing-md);
    }
  }
  .max-lg\:top-1 {
    @media (width < 896px) {
      top: calc(var(--spacing) * 1);
    }
  }
  .max-lg\:float-right {
    @media (width < 896px) {
      float: right;
    }
  }
  .max-lg\:hidden {
    @media (width < 896px) {
      display: none;
    }
  }
  .max-lg\:flex-row {
    @media (width < 896px) {
      flex-direction: row;
    }
  }
  .max-lg\:text-center {
    @media (width < 896px) {
      text-align: center;
    }
  }
  .max-md\:flex {
    @media (width < 672px) {
      display: flex;
    }
  }
  .max-md\:hidden {
    @media (width < 672px) {
      display: none;
    }
  }
  .max-md\:w-full {
    @media (width < 672px) {
      width: 100%;
    }
  }
  .max-md\:flex-col {
    @media (width < 672px) {
      flex-direction: column;
    }
  }
  .max-md\:flex-col-reverse {
    @media (width < 672px) {
      flex-direction: column-reverse;
    }
  }
  .max-md\:gap-x-1 {
    @media (width < 672px) {
      column-gap: calc(var(--spacing) * 1);
    }
  }
  .max-md\:rounded-lg {
    @media (width < 672px) {
      border-radius: var(--radius-lg, 0.5rem);
    }
  }
  .max-md\:mask-b-from-95\% {
    @media (width < 672px) {
      mask-image: var(--tw-mask-linear), var(--tw-mask-radial), var(--tw-mask-conic);
      mask-composite: intersect;
      --tw-mask-linear: var(--tw-mask-left), var(--tw-mask-right), var(--tw-mask-bottom), var(--tw-mask-top);
      --tw-mask-bottom: linear-gradient(to bottom, var(--tw-mask-bottom-from-color) var(--tw-mask-bottom-from-position), var(--tw-mask-bottom-to-color) var(--tw-mask-bottom-to-position));
      --tw-mask-bottom-from-position: 95%;
    }
  }
  .max-md\:p-1\! {
    @media (width < 672px) {
      padding: calc(var(--spacing) * 1) !important;
    }
  }
  .max-md\:px-1\! {
    @media (width < 672px) {
      padding-inline: calc(var(--spacing) * 1) !important;
    }
  }
  .max-md\:px-\[calc\(var\(--spacing-xs\)\/3\*5\)\] {
    @media (width < 672px) {
      padding-inline: calc(var(--spacing-xs) / 3 * 5);
    }
  }
  .max-md\:pb-\[5svh\] {
    @media (width < 672px) {
      padding-bottom: 5svh;
    }
  }
  .max-sm\:hidden {
    @media (width < 480px) {
      display: none;
    }
  }
  .max-sm\:w-full {
    @media (width < 480px) {
      width: 100%;
    }
  }
  .max-sm\:justify-center {
    @media (width < 480px) {
      justify-content: center;
    }
  }
  .max-sm\:gap-y-\(--spacing-md\) {
    @media (width < 480px) {
      row-gap: var(--spacing-md);
    }
  }
  .max-sm\:text-center {
    @media (width < 480px) {
      text-align: center;
    }
  }
  .max-xs\:hidden {
    @media (width < 354px) {
      display: none;
    }
  }
  .xs\:hidden {
    @media (width >= 354px) {
      display: none;
    }
  }
  .sm\:hidden {
    @media (width >= 480px) {
      display: none;
    }
  }
  .sm\:aspect-5\/4 {
    @media (width >= 480px) {
      aspect-ratio: 5/4;
    }
  }
  .sm\:h-\[1\.2857em\] {
    @media (width >= 480px) {
      height: 1.2857em;
    }
  }
  .sm\:h-\[1em\]\! {
    @media (width >= 480px) {
      height: 1em !important;
    }
  }
  .sm\:h-\[calc\(var\(--leading-sm\)\*1em\)\] {
    @media (width >= 480px) {
      height: calc(var(--leading-sm) * 1em);
    }
  }
  .sm\:w-2\/3 {
    @media (width >= 480px) {
      width: calc(2/3 * 100%);
    }
  }
  .sm\:w-\[8em\] {
    @media (width >= 480px) {
      width: 8em;
    }
  }
  .sm\:basis-2\/3 {
    @media (width >= 480px) {
      flex-basis: calc(2/3 * 100%);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 480px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:items-center {
    @media (width >= 480px) {
      align-items: center;
    }
  }
  .sm\:items-start {
    @media (width >= 480px) {
      align-items: flex-start;
    }
  }
  .sm\:gap-y-\(--spacing-lg\) {
    @media (width >= 480px) {
      row-gap: var(--spacing-lg);
    }
  }
  .sm\:gap-y-\(--spacing-md\) {
    @media (width >= 480px) {
      row-gap: var(--spacing-md);
    }
  }
  .sm\:gap-y-2 {
    @media (width >= 480px) {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:px-\[calc\(var\(--spacing-xs\)\/3\*5\)\] {
    @media (width >= 480px) {
      padding-inline: calc(var(--spacing-xs) / 3 * 5);
    }
  }
  .sm\:pr-4 {
    @media (width >= 480px) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .md\:absolute {
    @media (width >= 672px) {
      position: absolute;
    }
  }
  .md\:top-1\/2 {
    @media (width >= 672px) {
      top: calc(1/2 * 100%);
    }
  }
  .md\:right-\(--spacing-xs\) {
    @media (width >= 672px) {
      right: var(--spacing-xs);
    }
  }
  .md\:left-\(--spacing-xs\) {
    @media (width >= 672px) {
      left: var(--spacing-xs);
    }
  }
  .md\:col-span-4 {
    @media (width >= 672px) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:col-span-5 {
    @media (width >= 672px) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-6 {
    @media (width >= 672px) {
      grid-column: span 6 / span 6;
    }
  }
  .md\:col-span-7 {
    @media (width >= 672px) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:col-span-10 {
    @media (width >= 672px) {
      grid-column: span 10 / span 10;
    }
  }
  .md\:col-start-2 {
    @media (width >= 672px) {
      grid-column-start: 2;
    }
  }
  .md\:-mx-\(--spacing-md\) {
    @media (width >= 672px) {
      margin-inline: calc(var(--spacing-md) * -1);
    }
  }
  .md\:-mx-2 {
    @media (width >= 672px) {
      margin-inline: calc(var(--spacing) * -2);
    }
  }
  .md\:-mx-2\! {
    @media (width >= 672px) {
      margin-inline: calc(var(--spacing) * -2) !important;
    }
  }
  .md\:-ml-1 {
    @media (width >= 672px) {
      margin-left: calc(var(--spacing) * -1);
    }
  }
  .md\:flex {
    @media (width >= 672px) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 672px) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 672px) {
      display: none;
    }
  }
  .md\:aspect-auto {
    @media (width >= 672px) {
      aspect-ratio: auto;
    }
  }
  .md\:w-\[calc\(100vw-\(--spacing\(2\)\)\)\] {
    @media (width >= 672px) {
      width: calc(100vw - (calc(var(--spacing) * 2)));
    }
  }
  .md\:basis-1\/2 {
    @media (width >= 672px) {
      flex-basis: calc(1/2 * 100%);
    }
  }
  .md\:basis-1\/3 {
    @media (width >= 672px) {
      flex-basis: calc(1/3 * 100%);
    }
  }
  .md\:-translate-x-1\/2 {
    @media (width >= 672px) {
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-x-1\/2 {
    @media (width >= 672px) {
      --tw-translate-x: calc(1/2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:-translate-y-1\/2 {
    @media (width >= 672px) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:translate-y-2 {
    @media (width >= 672px) {
      --tw-translate-y: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .md\:grid-cols-10 {
    @media (width >= 672px) {
      grid-template-columns: repeat(10, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 672px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:justify-center {
    @media (width >= 672px) {
      justify-content: center;
    }
  }
  .md\:gap-x-\(--spacing-md\) {
    @media (width >= 672px) {
      column-gap: var(--spacing-md);
    }
  }
  .md\:gap-y-\(--spacing-container\) {
    @media (width >= 672px) {
      row-gap: var(--spacing-container);
    }
  }
  .md\:gap-y-\(--spacing-md\) {
    @media (width >= 672px) {
      row-gap: var(--spacing-md);
    }
  }
  .md\:p-1 {
    @media (width >= 672px) {
      padding: calc(var(--spacing) * 1);
    }
  }
  .md\:px-0 {
    @media (width >= 672px) {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .md\:pt-\(--spacing-md\) {
    @media (width >= 672px) {
      padding-top: var(--spacing-md);
    }
  }
  .md\:pt-1 {
    @media (width >= 672px) {
      padding-top: calc(var(--spacing) * 1);
    }
  }
  .md\:pt-2 {
    @media (width >= 672px) {
      padding-top: calc(var(--spacing) * 2);
    }
  }
  .md\:pb-\(--spacing-lg\) {
    @media (width >= 672px) {
      padding-bottom: var(--spacing-lg);
    }
  }
  .md\:pb-0\! {
    @media (width >= 672px) {
      padding-bottom: calc(var(--spacing) * 0) !important;
    }
  }
  .md\:pl-1 {
    @media (width >= 672px) {
      padding-left: calc(var(--spacing) * 1);
    }
  }
  .md\:max-lg\:aspect-square {
    @media (width >= 672px) {
      @media (width < 896px) {
        aspect-ratio: 1 / 1;
      }
    }
  }
  .md\:max-lg\:px-\(--spacing-container\) {
    @media (width >= 672px) {
      @media (width < 896px) {
        padding-inline: var(--spacing-container);
      }
    }
  }
  .lg\:absolute {
    @media (width >= 896px) {
      position: absolute;
    }
  }
  .lg\:relative {
    @media (width >= 896px) {
      position: relative;
    }
  }
  .lg\:-top-\(--spacing-md\) {
    @media (width >= 896px) {
      top: calc(var(--spacing-md) * -1);
    }
  }
  .lg\:top-1\/2 {
    @media (width >= 896px) {
      top: calc(1/2 * 100%);
    }
  }
  .lg\:right-0 {
    @media (width >= 896px) {
      right: calc(var(--spacing) * 0);
    }
  }
  .lg\:right-\[calc\(var\(--spacing-container\)\+\(\(100\%-\(var\(--spacing-container\)\*2\)\)\/12\*8\.5\)\)\] {
    @media (width >= 896px) {
      right: calc(var(--spacing-container) + ((100% - (var(--spacing-container) * 2)) / 12 * 8.5));
    }
  }
  .lg\:bottom-1 {
    @media (width >= 896px) {
      bottom: calc(var(--spacing) * 1);
    }
  }
  .lg\:left-0 {
    @media (width >= 896px) {
      left: calc(var(--spacing) * 0);
    }
  }
  .lg\:left-\[calc\(var\(--spacing-container\)\+\(\(100\%-\(var\(--spacing-container\)\*2\)\)\/12\*8\.5\)\)\] {
    @media (width >= 896px) {
      left: calc(var(--spacing-container) + ((100% - (var(--spacing-container) * 2)) / 12 * 8.5));
    }
  }
  .lg\:order-last {
    @media (width >= 896px) {
      order: 9999;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 896px) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 896px) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 896px) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 896px) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 896px) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-10 {
    @media (width >= 896px) {
      grid-column: span 10 / span 10;
    }
  }
  .lg\:col-start-2 {
    @media (width >= 896px) {
      grid-column-start: 2;
    }
  }
  .lg\:col-start-3 {
    @media (width >= 896px) {
      grid-column-start: 3;
    }
  }
  .lg\:col-start-4 {
    @media (width >= 896px) {
      grid-column-start: 4;
    }
  }
  .lg\:col-start-5 {
    @media (width >= 896px) {
      grid-column-start: 5;
    }
  }
  .lg\:col-start-7 {
    @media (width >= 896px) {
      grid-column-start: 7;
    }
  }
  .lg\:col-start-9 {
    @media (width >= 896px) {
      grid-column-start: 9;
    }
  }
  .lg\:col-start-10 {
    @media (width >= 896px) {
      grid-column-start: 10;
    }
  }
  .lg\:aspect-4\/5 {
    @media (width >= 896px) {
      aspect-ratio: 4/5;
    }
  }
  .lg\:h-\[38\%\] {
    @media (width >= 896px) {
      height: 38%;
    }
  }
  .lg\:max-h-full {
    @media (width >= 896px) {
      max-height: 100%;
    }
  }
  .lg\:w-full {
    @media (width >= 896px) {
      width: 100%;
    }
  }
  .lg\:min-w-\[400px\] {
    @media (width >= 896px) {
      min-width: 400px;
    }
  }
  .lg\:-translate-y-1\/2 {
    @media (width >= 896px) {
      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 896px) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 896px) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 896px) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:gap-y-\(--spacing-lg\) {
    @media (width >= 896px) {
      row-gap: var(--spacing-lg);
    }
  }
  .lg\:pt-\(--spacing-container\)\! {
    @media (width >= 896px) {
      padding-top: var(--spacing-container) !important;
    }
  }
  .lg\:pt-\(--spacing-md\) {
    @media (width >= 896px) {
      padding-top: var(--spacing-md);
    }
  }
  .lg\:pt-\(--spacing-xl\)\! {
    @media (width >= 896px) {
      padding-top: var(--spacing-xl) !important;
    }
  }
  .lg\:pr-0 {
    @media (width >= 896px) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pr-3 {
    @media (width >= 896px) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .lg\:pr-4 {
    @media (width >= 896px) {
      padding-right: calc(var(--spacing) * 4);
    }
  }
  .lg\:pl-\(--spacing-md\) {
    @media (width >= 896px) {
      padding-left: var(--spacing-md);
    }
  }
  .lg\:nth-\[3n\+1\]\:col-span-7 {
    @media (width >= 896px) {
      &:nth-child(3n+1) {
        grid-column: span 7 / span 7;
      }
    }
  }
  .xl\:col-span-6 {
    @media (width >= 1152px) {
      grid-column: span 6 / span 6;
    }
  }
  .xl\:col-span-full {
    @media (width >= 1152px) {
      grid-column: 1 / -1;
    }
  }
  .xl\:col-start-1 {
    @media (width >= 1152px) {
      grid-column-start: 1;
    }
  }
  .xl\:col-start-2 {
    @media (width >= 1152px) {
      grid-column-start: 2;
    }
  }
  .xl\:col-start-4 {
    @media (width >= 1152px) {
      grid-column-start: 4;
    }
  }
  .xl\:col-start-8 {
    @media (width >= 1152px) {
      grid-column-start: 8;
    }
  }
  .xl\:-mr-2 {
    @media (width >= 1152px) {
      margin-right: calc(var(--spacing) * -2);
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 1152px) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:pt-\(--spacing-md\) {
    @media (width >= 1152px) {
      padding-top: var(--spacing-md);
    }
  }
  .max-3xl\:xl\:-mr-2 {
    @media (width < 1800px) {
      @media (width >= 1152px) {
        margin-right: calc(var(--spacing) * -2);
      }
    }
  }
  .\33 xl\:-mx-1\! {
    @media (width >= 1800px) {
      margin-inline: calc(var(--spacing) * -1) !important;
    }
  }
  .\33 xl\:px-0\! {
    @media (width >= 1800px) {
      padding-inline: calc(var(--spacing) * 0) !important;
    }
  }
  .\*\*\:\[a\,button\]\:pointer-events-auto {
    :is(& *) {
      &:is(a,button) {
        pointer-events: auto;
      }
    }
  }
  .\[\&\:not\(\:has\(h1\:not\(\[class\*\=\'style-h\'\]\)\,\.style-h1\,h2\:not\(\[class\*\=\'style-h\'\]\)\,\.style-h2\)\)\]\:gap-y-\(--spacing\) {
    &:not(:has(h1:not([class*='style-h']),.style-h1,h2:not([class*='style-h']),.style-h2)) {
      row-gap: var(--spacing);
    }
  }
}
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-graphite-500: #7b7d80;
  --color-graphite-900: #2a2d32;
  --color-orange-100: #fffaf3;
  --color-orange-200: #ffeccf;
  --color-orange-400: #f5c273;
  --color-orange-800: #593000;
  --color-red-100: #fff0ed;
  --color-red-200: #ffdcd3;
  --color-red-400: #ea6659;
  --color-red-800: #4f0700;
  --color-green-100: #f7ffdc;
  --color-green-200: #ebf8c2;
  --color-green-400: #b4c08e;
  --color-green-800: #283109;
  --color-lavender-100: #f3f2ff;
  --color-lavender-200: #e9e6ff;
  --color-lavender-400: #c1bceb;
  --color-lavender-800: #23065c;
  --color-blue-100: #eff6fc;
  --color-blue-200: #d3e7f9;
  --color-blue-400: #a0c5e5;
  --color-blue-800: #031e54;
}
:root {
  --spacing-xs: max(calc(var(--spacing) / 2), 10px);
  --spacing-container: calc(var(--spacing) * 2);
}
@media only screen and (min-width: 896px) {
  :root {
    --spacing-xs: calc(var(--spacing) / 4 * 3);
  }
}
@media only screen and (min-width: 1152px) {
  :root {
    --spacing-container: calc(var(--spacing) * 4);
  }
}
.swiper-nav-prev.swiper-button-lock,.swiper-nav-next.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  display: flex;
  column-gap: calc(var(--spacing) * 1);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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(--btn-bg);
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
  outline-offset: 3px;
  outline-color: var(--btn-bg);
  &:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
.swiper-pagination-bullet-active {
  background-color: var(--btn-bg);
}
@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-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-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-mask-linear {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-radial {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-conic {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-left {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-right {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-top {
  syntax: "*";
  inherits: false;
  initial-value: linear-gradient(#fff, #fff);
}
@property --tw-mask-bottom-from-position {
  syntax: "*";
  inherits: false;
  initial-value: 0%;
}
@property --tw-mask-bottom-to-position {
  syntax: "*";
  inherits: false;
  initial-value: 100%;
}
@property --tw-mask-bottom-from-color {
  syntax: "*";
  inherits: false;
  initial-value: black;
}
@property --tw-mask-bottom-to-color {
  syntax: "*";
  inherits: false;
  initial-value: transparent;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-mask-linear: linear-gradient(#fff, #fff);
      --tw-mask-radial: linear-gradient(#fff, #fff);
      --tw-mask-conic: linear-gradient(#fff, #fff);
      --tw-mask-left: linear-gradient(#fff, #fff);
      --tw-mask-right: linear-gradient(#fff, #fff);
      --tw-mask-bottom: linear-gradient(#fff, #fff);
      --tw-mask-top: linear-gradient(#fff, #fff);
      --tw-mask-bottom-from-position: 0%;
      --tw-mask-bottom-to-position: 100%;
      --tw-mask-bottom-from-color: black;
      --tw-mask-bottom-to-color: transparent;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
    }
  }
}