/* [next]/internal/font/google/schibsted_grotesk_d33319d5.module.css [app-client] (css) */ @font-face { font-family: Schibsted Grotesk; font-style: normal; font-weight: 400 900; font-display: swap; src: url("../media/481eac7be1c268b7-s.1shg3f9j2jih-.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Schibsted Grotesk; font-style: normal; font-weight: 400 900; font-display: swap; src: url("../media/31a9145ccb84606d-s.p.3j3x29wbycqkn.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Schibsted Grotesk Fallback; src: local(Arial); ascent-override: 93.46%; descent-override: 24.67%; line-gap-override: 0.0%; size-adjust: 104.49%; } .schibsted_grotesk_d33319d5-module__W3HwOG__className { font-family: Schibsted Grotesk, Schibsted Grotesk Fallback; font-style: normal; } .schibsted_grotesk_d33319d5-module__W3HwOG__variable { --font-display-face: "Schibsted Grotesk", "Schibsted Grotesk Fallback"; } /* [next]/internal/font/google/source_sans_3_9cd64c8e.module.css [app-client] (css) */ @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/da8a9dd0d68e512b-s.3tc7otjauzr1s.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/94b4a5dc1fe84361-s.3wm_n5jv1to7s.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/ff5be760267bb4bc-s.16ho2af8siaoz.woff2") format("woff2"); unicode-range: U+1F??; } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/99596c30eb072d3c-s.18qy1692brv69.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/e5864b32625b6bc3-s.19qxib7n2l0kn.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/e285ad1a914469f0-s.15241mr5-1s6i.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("../media/47df9ba1c7236d3b-s.p.2adce56gso3ku.woff2") format("woff2"); unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Source Sans 3 Fallback"; src: local(Arial); ascent-override: 109.21%; descent-override: 42.66%; line-gap-override: 0.0%; size-adjust: 93.76%; } .source_sans_3_9cd64c8e-module__XTsH4W__className { font-family: "Source Sans 3", "Source Sans 3 Fallback"; font-style: normal; } .source_sans_3_9cd64c8e-module__XTsH4W__variable { --font-body-face: "Source Sans 3", "Source Sans 3 Fallback"; } /* [project]/tiendas/9mj056bq6s6p/project/src/app/globals.css [app-client] (css) */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-border-style: solid; --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-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --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-outline-style: solid; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; } } } @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-white: #fff; --spacing: .25rem; --container-md: 28rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tight: -.025em; --tracking-normal: 0em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --drop-shadow-2xl: 0 25px 25px #00000026; --blur-sm: 8px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-brand: #0a6f96; --color-brand-ink: #fff; --color-ink: #0e2230; --color-ink-soft: #606e78; --color-paper: #f7fbfd; --color-paper-2: #ebf0f3; --color-rule: #c8d0d4; --font-display: var(--font-display-face), ui-sans-serif, system-ui, sans-serif; --font-body: var(--font-body-face), ui-sans-serif, system-ui, sans-serif; --radius-ui: .125rem; --weight-display: 600; --case-display: none; --tracking-display: normal; --rhythm: 1; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring:where(:not(iframe)) { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer components { .wl-root { --wl-ease: cubic-bezier(.32, .72, 0, 1); --wl-ease-out: cubic-bezier(.23, 1, .32, 1); } .wl-display { text-transform: var(--wl-display-case, none); } .wl-grad-accent { background-image: var(--wl-grad-accent); color: var(--wl-on-grad-accent); } .wl-grad-bar { background-image: var(--wl-grad-bar); color: var(--wl-on-grad-bar); background-size: 200% 100%; } .wl-soft { background-color: var(--wl-surface); background-image: var(--wl-grad-soft); } .wl-dark { background-image: var(--wl-grad-dark); background-color: var(--wl-ink); color: var(--wl-on-dark); } .wl-grad-text { color: var(--wl-accent-text); } @supports ((-webkit-background-clip: text) or (background-clip: text)) { .wl-grad-text { background-image: var(--wl-grad-text); color: #0000; -webkit-background-clip: text; background-clip: text; } } .wl-glass { background: var(--wl-glass); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); border: 1px solid var(--wl-glass-border); box-shadow: inset 0 1px 0 #fff6, var(--wl-shadow-soft); } @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .wl-glass { background: var(--wl-glass-solid); } } header.wl-glass { background: var(--wl-glass-solid); } .wl-btn { isolation: isolate; border-radius: var(--wl-btn-radius, 999px); background-image: var(--wl-grad-accent); min-height: 62px; color: var(--wl-on-grad-accent); letter-spacing: .04em; text-transform: uppercase; text-align: center; box-shadow: var(--wl-shadow-accent); transition: transform .16s var(--wl-ease-out), box-shadow .22s var(--wl-ease-out); -webkit-tap-highlight-color: transparent; justify-content: center; align-items: center; gap: .5rem; padding: 0 1.75rem; font-size: 17px; font-weight: 800; line-height: 1.15; display: inline-flex; position: relative; overflow: hidden; } .wl-btn:after { content: ""; z-index: -1; pointer-events: none; background: linear-gradient(105deg, #0000 30%, #ffffff6b 50%, #0000 70%); position: absolute; inset: 0; transform: translateX(-130%); } .wl-btn:active { transform: scale(.97); } .wl-btn[aria-disabled="true"] { opacity: .6; } @media (hover: hover) and (pointer: fine) { .wl-btn:hover { transform: translateY(-1px); } } .wl-btn-invert { background-image: none; background-color: var(--wl-surface); color: var(--wl-accent-text); box-shadow: 0 10px 28px #0000002e; } .wl-btn-invert:after { background: linear-gradient(105deg, #0000 30%, #ffffffb3 50%, #0000 70%); } .wl-ring { background: linear-gradient(var(--wl-surface), var(--wl-surface)) padding-box, var(--wl-grad-accent) border-box; border: 2px solid #0000; } .wl-pack-on { box-shadow: 0 0 0 4px #fff0, 0 12px 32px -8px var(--wl-accent); } .wl-grain { position: relative; } .wl-grain:before { content: ""; z-index: 70; pointer-events: none; opacity: .035; background-image: url("data:image/svg+xml;utf8,"); position: fixed; inset: 0; } .wl-blob { filter: blur(48px); pointer-events: none; border-radius: 9999px; position: absolute; } .wl-scrim { background-image: linear-gradient(#05061a00 0%, #05061a8c 45%, #05061ae0 100%); } .wl-drawer { transition: transform .45s var(--wl-ease), visibility 0s linear .45s; } .wl-drawer[data-open="true"] { transition: transform .45s var(--wl-ease), visibility 0s; } .wl-fade { transition: opacity .3s var(--wl-ease), visibility 0s linear .3s; } .wl-fade[data-open="true"] { transition: opacity .3s var(--wl-ease), visibility 0s; } .wl-burger span { transition: transform .3s var(--wl-ease), opacity .2s; } .wl-burger[aria-expanded="true"] span:first-child { transform: translateY(6px)rotate(45deg); } .wl-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; } .wl-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px)rotate(-45deg); } .wl-meter { transition: width .9s var(--wl-ease); } @media (prefers-reduced-motion: no-preference) { .wl-grad-bar { animation: 12s linear infinite wl-bar; } .wl-btn:after { animation: wl-shine 5s var(--wl-ease) 1.2s infinite; } .wl-pop { animation: wl-pop .42s var(--wl-ease-out); } .wl-bump { animation: wl-bump .48s var(--wl-ease-out); } .wl-swap { animation: wl-swap .4s var(--wl-ease-out); } .wl-pulse { animation: 1.6s ease-in-out infinite wl-pulse; } @supports (animation-timeline: view()) { .wl-rise { animation: linear both wl-rise; animation-timeline: view(); animation-range: entry entry 60%; } } } @media (prefers-reduced-motion: reduce) { .wl-drawer, .wl-fade, .wl-meter, .wl-burger span, .wl-btn { transition: none; } } } @layer utilities { .\@container { container-type: inline-size; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0; } .inset-x-0 { inset-inline: 0; } .inset-y-0 { inset-block: 0; } .-top-0\.5 { top: calc(var(--spacing) * -.5); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-16 { top: calc(var(--spacing) * -16); } .-top-24 { top: calc(var(--spacing) * -24); } .top-0 { top: 0; } .top-1\/2 { top: 50%; } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-10 { top: calc(var(--spacing) * 10); } .-right-0\.5 { right: calc(var(--spacing) * -.5); } .-right-24 { right: calc(var(--spacing) * -24); } .-right-40 { right: calc(var(--spacing) * -40); } .right-0 { right: 0; } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-8 { right: calc(var(--spacing) * 8); } .bottom-0 { bottom: 0; } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-\[calc\(100\%\+0\.375rem\)\] { bottom: calc(100% + .375rem); } .-left-20 { left: calc(var(--spacing) * -20); } .left-0 { left: 0; } .left-1\/2 { left: 50%; } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[80\] { z-index: 80; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-first { order: -9999; } .col-span-2 { grid-column: span 2 / span 2; } .col-start-2 { grid-column-start: 2; } .m-4 { margin: calc(var(--spacing) * 4); } .m-5 { margin: calc(var(--spacing) * 5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-mt-14 { margin-top: calc(var(--spacing) * -14); } .-mt-16 { margin-top: calc(var(--spacing) * -16); } .-mt-\[clamp\(2rem\,6cqi\,5rem\)\] { margin-top: calc(-1 * clamp(2rem, 6cqi, 5rem)); } .mt-0 { margin-top: 0; } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: var(--spacing); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .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-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-\[clamp\(2rem\,4cqi\,3rem\)\] { margin-top: clamp(2rem, 4cqi, 3rem); } .mt-auto { margin-top: auto; } .-mr-5 { margin-right: calc(var(--spacing) * -5); } .-mr-\[12cqi\] { margin-right: -12cqi; } .mr-\[6\%\] { margin-right: 6%; } .mr-auto { margin-right: auto; } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .-ml-1\.5 { margin-left: calc(var(--spacing) * -1.5); } .-ml-\[0\.04em\] { margin-left: -.04em; } .ml-\[6\%\] { margin-left: 6%; } .ml-auto { margin-left: auto; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .aspect-\[3\/2\] { aspect-ratio: 3 / 2; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[4\/5\] { aspect-ratio: 4 / 5; } .aspect-\[16\/10\] { aspect-ratio: 16 / 10; } .aspect-\[21\/9\] { aspect-ratio: 21 / 9; } .aspect-square { aspect-ratio: 1; } .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-64 { width: calc(var(--spacing) * 64); height: calc(var(--spacing) * 64); } .size-72 { width: calc(var(--spacing) * 72); height: calc(var(--spacing) * 72); } .size-80 { width: calc(var(--spacing) * 80); height: calc(var(--spacing) * 80); } .size-96 { width: calc(var(--spacing) * 96); height: calc(var(--spacing) * 96); } .size-\[4\.5rem\] { width: 4.5rem; height: 4.5rem; } .size-\[28rem\] { width: 28rem; height: 28rem; } .size-\[clamp\(2\.5rem\,9cqi\,7\.5rem\)\] { width: clamp(2.5rem, 9cqi, 7.5rem); height: clamp(2.5rem, 9cqi, 7.5rem); } .h-1\/4 { height: 25%; } .h-2 { height: calc(var(--spacing) * 2); } .h-7 { height: calc(var(--spacing) * 7); } .h-10 { height: calc(var(--spacing) * 10); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-\[2px\] { height: 2px; } .h-\[40svh\] { height: 40svh; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-full { max-height: 100%; } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-11 { min-height: calc(var(--spacing) * 11); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-56 { min-height: calc(var(--spacing) * 56); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-\[2\.75rem\] { min-height: 2.75rem; } .min-h-\[3\.5rem\] { min-height: 3.5rem; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[20rem\] { min-height: 20rem; } .min-h-\[60svh\] { min-height: 60svh; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-dvh { min-height: 100dvh; } .min-h-svh { min-height: 100svh; } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-24 { width: calc(var(--spacing) * 24); } .w-32 { width: calc(var(--spacing) * 32); } .w-40 { width: calc(var(--spacing) * 40); } .w-64 { width: calc(var(--spacing) * 64); } .w-88 { width: calc(var(--spacing) * 88); } .w-\[5\.5rem\] { width: 5.5rem; } .w-\[6\.5rem\] { width: 6.5rem; } .w-\[33\%\] { width: 33%; } .w-\[34\%\] { width: 34%; } .w-\[62\%\] { width: 62%; } .w-\[78\%\] { width: 78%; } .w-\[82\%\] { width: 82%; } .w-\[min\(22rem\,88vw\)\] { width: min(22rem, 88vw); } .w-\[min\(24rem\,72\%\)\] { width: min(24rem, 72%); } .w-\[min\(26rem\,100vw\)\] { width: min(26rem, 100vw); } .w-\[min\(78\%\,40rem\)\] { width: min(78%, 40rem); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-\[20ch\] { max-width: 20ch; } .max-w-\[22rem\] { max-width: 22rem; } .max-w-\[24ch\] { max-width: 24ch; } .max-w-\[26ch\] { max-width: 26ch; } .max-w-\[28ch\] { max-width: 28ch; } .max-w-\[30ch\] { max-width: 30ch; } .max-w-\[32rem\] { max-width: 32rem; } .max-w-\[36rem\] { max-width: 36rem; } .max-w-\[40rem\] { max-width: 40rem; } .max-w-\[42ch\] { max-width: 42ch; } .max-w-\[44ch\] { max-width: 44ch; } .max-w-\[44rem\] { max-width: 44rem; } .max-w-\[46ch\] { max-width: 46ch; } .max-w-\[48ch\] { max-width: 48ch; } .max-w-\[48rem\] { max-width: 48rem; } .max-w-\[52ch\] { max-width: 52ch; } .max-w-\[56ch\] { max-width: 56ch; } .max-w-\[60rem\] { max-width: 60rem; } .max-w-\[65ch\] { max-width: 65ch; } .max-w-\[75rem\] { max-width: 75rem; } .max-w-\[80ch\] { max-width: 80ch; } .max-w-full { max-width: 100%; } .max-w-md { max-width: var(--container-md); } .max-w-xl { max-width: var(--container-xl); } .min-w-0 { min-width: 0; } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-11 { min-width: calc(var(--spacing) * 11); } .min-w-\[1\.875rem\] { min-width: 1.875rem; } .min-w-\[14rem\] { min-width: 14rem; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .shrink-0 { flex-shrink: 0; } .basis-40 { flex-basis: calc(var(--spacing) * 40); } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; 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); } .translate-y-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[110\%\] { --tw-translate-y: 110%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-center { scroll-snap-align: center; } .snap-start { scroll-snap-align: start; } .scroll-mt-8 { scroll-margin-top: calc(var(--spacing) * 8); } .scroll-mt-20 { scroll-margin-top: calc(var(--spacing) * 20); } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scroll-mt-28 { scroll-margin-top: calc(var(--spacing) * 28); } .\[scrollbar-width\:none\] { scrollbar-width: none; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-cols-\[2\.75rem_1fr_2\.75rem\] { grid-template-columns: 2.75rem 1fr 2.75rem; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .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-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: var(--spacing); } .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-10 { gap: calc(var(--spacing) * 10); } .gap-\[5px\] { gap: 5px; } .gap-\[clamp\(1\.25rem\,3cqi\,2\.25rem\)\] { gap: clamp(1.25rem, 3cqi, 2.25rem); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :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))); } :where(.space-y-\[clamp\(1\.75rem\,4cqi\,2\.75rem\)\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(clamp(1.75rem, 4cqi, 2.75rem) * var(--tw-space-y-reverse)); margin-block-end: calc(clamp(1.75rem, 4cqi, 2.75rem) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-\[clamp\(2rem\,6cqi\,4rem\)\] > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(clamp(2rem, 6cqi, 4rem) * var(--tw-space-y-reverse)); margin-block-end: calc(clamp(2rem, 6cqi, 4rem) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-10 { column-gap: calc(var(--spacing) * 10); } .gap-x-\[0\.18em\] { column-gap: .18em; } .gap-x-\[clamp\(1\.5rem\,4cqi\,3\.5rem\)\] { column-gap: clamp(1.5rem, 4cqi, 3.5rem); } .gap-y-1 { row-gap: var(--spacing); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[16px\] { border-radius: 16px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-full { border-radius: 3.40282e38px; } .rounded-none { border-radius: 0; } .rounded-ui { border-radius: var(--radius-ui); } .rounded-t-\[22px\] { border-top-left-radius: 22px; border-top-right-radius: 22px; } .rounded-r-\[24px\] { border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\(--tone-fg\) { border-color: var(--tone-fg); } .border-\(--tone-rule\) { border-color: var(--tone-rule); } .border-\(--tone-soft\) { border-color: var(--tone-soft); } .border-\(--wl-ink-muted\) { border-color: var(--wl-ink-muted); } .border-\(--wl-line\) { border-color: var(--wl-line); } .border-\[var\(--tone-rule\,var\(--color-rule\)\)\] { border-color: var(--tone-rule, var(--color-rule)); } .border-current { border-color: currentColor; } .border-current\/15 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/15 { border-color: color-mix(in oklab, currentcolor 15%, transparent); } } .border-current\/30 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/30 { border-color: color-mix(in oklab, currentcolor 30%, transparent); } } .border-current\/50 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/50 { border-color: color-mix(in oklab, currentcolor 50%, transparent); } } .border-ink { border-color: var(--color-ink); } .border-rule { border-color: var(--color-rule); } .border-white\/10 { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-\(--color-paper-2\) { background-color: var(--color-paper-2); } .bg-\(--tone-bg\) { background-color: var(--tone-bg); } .bg-\(--tone-btn\) { background-color: var(--tone-btn); } .bg-\(--tone-fg\) { background-color: var(--tone-fg); } .bg-\(--tone-panel\) { background-color: var(--tone-panel); } .bg-\(--tone-soft\) { background-color: var(--tone-soft); } .bg-\(--wl-accent\) { background-color: var(--wl-accent); } .bg-\(--wl-accent-soft\) { background-color: var(--wl-accent-soft); } .bg-\(--wl-line\) { background-color: var(--wl-line); } .bg-\(--wl-pair\) { background-color: var(--wl-pair); } .bg-\(--wl-photo-bg\) { background-color: var(--wl-photo-bg); } .bg-\(--wl-success\) { background-color: var(--wl-success); } .bg-\(--wl-surface\) { background-color: var(--wl-surface); } .bg-\[\#05061a\] { background-color: #05061a; } .bg-\[\#eb001b\] { background-color: #eb001b; } .bg-\[\#f79e1b\] { background-color: #f79e1b; } .bg-\[color-mix\(in_oklab\,var\(--tone-bg\)_85\%\,transparent\)\] { background-color: var(--tone-bg); } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_oklab\,var\(--tone-bg\)_85\%\,transparent\)\] { background-color: color-mix(in oklab,var(--tone-bg) 85%,transparent); } } .bg-\[color-mix\(in_oklab\,var\(--tone-bg\)_88\%\,transparent\)\] { background-color: var(--tone-bg); } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_oklab\,var\(--tone-bg\)_88\%\,transparent\)\] { background-color: color-mix(in oklab,var(--tone-bg) 88%,transparent); } } .bg-\[rgb\(5_6_26\/0\.45\)\] { background-color: #05061a73; } .bg-brand { background-color: var(--color-brand); } .bg-current { background-color: currentColor; } .bg-ink { background-color: var(--color-ink); } .bg-paper { background-color: var(--color-paper); } .bg-paper-2 { background-color: var(--color-paper-2); } .bg-white { background-color: var(--color-white); } .bg-white\/10 { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/15 { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/95 { background-color: #fffffff2; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/95 { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-white\/\[0\.06\] { background-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)); } .from-transparent { --tw-gradient-from: 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-\[\#05061a\] { --tw-gradient-to: #05061a; --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)); } .fill-\(--wl-pair\)\/35 { fill: var(--wl-pair); } @supports (color: color-mix(in lab, red, red)) { .fill-\(--wl-pair\)\/35 { fill: color-mix(in oklab, var(--wl-pair) 35%, transparent); } } .fill-\(--wl-star\) { fill: var(--wl-star); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-\[4\%\] { padding: 4%; } .p-\[6\%\] { padding: 6%; } .p-\[9\%\] { padding: 9%; } .p-\[clamp\(1\.5rem\,4cqi\,2\.5rem\)\] { padding: clamp(1.5rem, 4cqi, 2.5rem); } .p-\[clamp\(1\.25rem\,3cqi\,2\.5rem\)\] { padding: clamp(1.25rem, 3cqi, 2.5rem); } .p-\[clamp\(1\.25rem\,3cqi\,2rem\)\] { padding: clamp(1.25rem, 3cqi, 2rem); } .px-1 { padding-inline: var(--spacing); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .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-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-\[clamp\(0\.75rem\,2\.5cqi\,1\.5rem\)\] { padding-inline: clamp(.75rem, 2.5cqi, 1.5rem); } .px-\[clamp\(1rem\,6cqi\,2\.25rem\)\] { padding-inline: clamp(1rem, 6cqi, 2.25rem); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: var(--spacing); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .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-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .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); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[calc\(4rem\*var\(--rhythm\,1\)\)\] { padding-block: calc(4rem * var(--rhythm, 1)); } .py-\[calc\(clamp\(1\.75rem\,4cqi\,3rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { padding-block: calc(clamp(1.75rem, 4cqi, 3rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .py-\[calc\(clamp\(2\.5rem\,6cqi\,5rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { padding-block: calc(clamp(2.5rem, 6cqi, 5rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .py-\[calc\(clamp\(2\.75rem\,6cqi\,5rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { padding-block: calc(clamp(2.75rem, 6cqi, 5rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .py-\[calc\(clamp\(3rem\,8cqi\,6rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { padding-block: calc(clamp(3rem, 8cqi, 6rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .py-\[calc\(clamp\(4rem\,11cqi\,8rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { padding-block: calc(clamp(4rem, 11cqi, 8rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-\[8cqi\] { padding-top: 8cqi; } .pt-\[clamp\(0\.875rem\,5cqi\,2rem\)\] { padding-top: clamp(.875rem, 5cqi, 2rem); } .pt-\[clamp\(2rem\,4cqi\,3\.5rem\)\] { padding-top: clamp(2rem, 4cqi, 3.5rem); } .pt-\[clamp\(2rem\,4cqi\,3rem\)\] { padding-top: clamp(2rem, 4cqi, 3rem); } .pt-\[clamp\(2rem\,5cqi\,4rem\)\] { padding-top: clamp(2rem, 5cqi, 4rem); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pb-1 { padding-bottom: var(--spacing); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-14 { padding-bottom: calc(var(--spacing) * 14); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(.75rem + env(safe-area-inset-bottom)); } .pb-\[clamp\(1\.5rem\,3cqi\,2\.5rem\)\] { padding-bottom: clamp(1.5rem, 3cqi, 2.5rem); } .pb-\[clamp\(1rem\,6cqi\,2\.25rem\)\] { padding-bottom: clamp(1rem, 6cqi, 2.25rem); } .pb-\[env\(safe-area-inset-bottom\)\] { padding-bottom: env(safe-area-inset-bottom); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-\[-5px\] { vertical-align: -5px; } .align-baseline { vertical-align: baseline; } .align-bottom { vertical-align: bottom; } .font-body { font-family: var(--font-body); } .font-display { font-family: var(--font-display); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.5rem\] { font-size: .5rem; } .text-\[0\.55em\] { font-size: .55em; } .text-\[0\.75rem\] { font-size: .75rem; } .text-\[0\.625rem\] { font-size: .625rem; } .text-\[0\.875em\] { font-size: .875em; } .text-\[0\.6875rem\] { font-size: .6875rem; } .text-\[0\.8125rem\] { font-size: .8125rem; } .text-\[0\.9375rem\] { font-size: .9375rem; } .text-\[1\.5rem\] { font-size: 1.5rem; } .text-\[1\.75rem\] { font-size: 1.75rem; } .text-\[1\.375rem\] { font-size: 1.375rem; } .text-\[1\.0625rem\] { font-size: 1.0625rem; } .text-\[1\.875rem\] { font-size: 1.875rem; } .text-\[2\.25rem\] { font-size: 2.25rem; } .text-\[2rem\] { font-size: 2rem; } .text-\[7rem\] { font-size: 7rem; } .text-\[length\:calc\(clamp\(1\.875rem\,4\.5cqi\,3\.25rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(1.875rem, 4.5cqi, 3.25rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(1\.875rem\,4\.6cqi\,3\.25rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(1.875rem, 4.6cqi, 3.25rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.5rem\,8cqi\,6rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.5rem, 8cqi, 6rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.6rem\,6\.5cqi\,5\.25rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.6rem, 6.5cqi, 5.25rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.25rem\,5cqi\,4\.5rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.25rem, 5cqi, 4.5rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.25rem\,7cqi\,5rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.25rem, 7cqi, 5rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.75rem\,10cqi\,9rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.75rem, 10cqi, 9rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.125rem\,4\.5cqi\,3\.5rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.125rem, 4.5cqi, 3.5rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.125rem\,4\.6cqi\,4\.5rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.125rem, 4.6cqi, 4.5rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.125rem\,6\.5cqi\,5\.25rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.125rem, 6.5cqi, 5.25rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2\.125rem\,6cqi\,4\.25rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2.125rem, 6cqi, 4.25rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2rem\,3\.8cqi\,3\.75rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2rem, 3.8cqi, 3.75rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2rem\,4cqi\,3\.5rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2rem, 4cqi, 3.5rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(2rem\,5cqi\,3\.5rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(2rem, 5cqi, 3.5rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(3\.25rem\,13cqi\,12rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(3.25rem, 13cqi, 12rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:calc\(clamp\(3rem\,11cqi\,10rem\)\/clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { font-size: calc(clamp(3rem, 11cqi, 10rem) / clamp(.8, var(--rhythm, 1), 1.25)); } .text-\[length\:clamp\(1\.5rem\,3cqi\,2rem\)\] { font-size: clamp(1.5rem, 3cqi, 2rem); } .text-\[length\:clamp\(1\.5rem\,7cqi\,2\.375rem\)\] { font-size: clamp(1.5rem, 7cqi, 2.375rem); } .text-\[length\:clamp\(1\.25rem\,2\.4cqi\,1\.625rem\)\] { font-size: clamp(1.25rem, 2.4cqi, 1.625rem); } .text-\[length\:clamp\(1\.25rem\,2\.6cqi\,1\.625rem\)\] { font-size: clamp(1.25rem, 2.6cqi, 1.625rem); } .text-\[length\:clamp\(1\.25rem\,3cqi\,2rem\)\] { font-size: clamp(1.25rem, 3cqi, 2rem); } .text-\[length\:clamp\(1\.25rem\,4\.5cqi\,1\.625rem\)\] { font-size: clamp(1.25rem, 4.5cqi, 1.625rem); } .text-\[length\:clamp\(1\.75rem\,4\.5cqi\,3\.25rem\)\] { font-size: clamp(1.75rem, 4.5cqi, 3.25rem); } .text-\[length\:clamp\(1\.75rem\,4cqi\,2\.5rem\)\] { font-size: clamp(1.75rem, 4cqi, 2.5rem); } .text-\[length\:clamp\(1\.75rem\,5cqi\,3\.5rem\)\] { font-size: clamp(1.75rem, 5cqi, 3.5rem); } .text-\[length\:clamp\(1\.75rem\,10cqi\,4\.5rem\)\] { font-size: clamp(1.75rem, 10cqi, 4.5rem); } .text-\[length\:clamp\(1\.125rem\,2cqi\,1\.375rem\)\] { font-size: clamp(1.125rem, 2cqi, 1.375rem); } .text-\[length\:clamp\(1\.375rem\,5\.5cqi\,2rem\)\] { font-size: clamp(1.375rem, 5.5cqi, 2rem); } .text-\[length\:clamp\(1rem\,1\.6cqi\,1\.25rem\)\] { font-size: clamp(1rem, 1.6cqi, 1.25rem); } .text-\[length\:clamp\(2\.5rem\,6cqi\,4rem\)\] { font-size: clamp(2.5rem, 6cqi, 4rem); } .text-\[length\:clamp\(2\.5rem\,8\.5cqi\,5\.5rem\)\] { font-size: clamp(2.5rem, 8.5cqi, 5.5rem); } .text-\[length\:clamp\(2\.5rem\,13cqi\,6\.5rem\)\] { font-size: clamp(2.5rem, 13cqi, 6.5rem); } .text-\[length\:clamp\(2\.25rem\,6\.5cqi\,4\.5rem\)\] { font-size: clamp(2.25rem, 6.5cqi, 4.5rem); } .text-\[length\:clamp\(2\.25rem\,8cqi\,6rem\)\] { font-size: clamp(2.25rem, 8cqi, 6rem); } .text-\[length\:clamp\(2\.75rem\,11cqi\,7rem\)\] { font-size: clamp(2.75rem, 11cqi, 7rem); } .text-\[length\:clamp\(2rem\,4cqi\,3rem\)\] { font-size: clamp(2rem, 4cqi, 3rem); } .text-\[length\:clamp\(2rem\,6cqi\,2\.75rem\)\] { font-size: clamp(2rem, 6cqi, 2.75rem); } .text-\[length\:clamp\(3\.5rem\,10cqi\,10rem\)\] { font-size: clamp(3.5rem, 10cqi, 10rem); } .text-\[length\:clamp\(3\.5rem\,18cqi\,8\.5rem\)\] { font-size: clamp(3.5rem, 18cqi, 8.5rem); } .text-\[length\:clamp\(3rem\,9cqi\,8rem\)\] { font-size: clamp(3rem, 9cqi, 8rem); } .text-\[length\:clamp\(3rem\,14cqi\,8rem\)\] { font-size: clamp(3rem, 14cqi, 8rem); } .text-\[length\:clamp\(4\.5rem\,25cqi\,11rem\)\] { font-size: clamp(4.5rem, 25cqi, 11rem); } .text-\[length\:clamp\(5\.5rem\,34cqi\,15rem\)\] { font-size: clamp(5.5rem, 34cqi, 15rem); } .text-\[length\:clamp\(6rem\,44cqi\,19rem\)\] { font-size: clamp(6rem, 44cqi, 19rem); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-\[0\.9\] { --tw-leading: .9; line-height: .9; } .leading-\[0\.82\] { --tw-leading: .82; line-height: .82; } .leading-\[0\.92\] { --tw-leading: .92; line-height: .92; } .leading-\[0\.95\] { --tw-leading: .95; line-height: .95; } .leading-\[0\.98\] { --tw-leading: .98; line-height: .98; } .leading-\[1\.0\] { --tw-leading: 1; line-height: 1; } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.02\] { --tw-leading: 1.02; line-height: 1.02; } .leading-\[1\.04\] { --tw-leading: 1.04; line-height: 1.04; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .dropai-display { font-weight: var(--weight-display, 600); text-transform: var(--case-display, none); letter-spacing: var(--tracking-display, normal); font-synthesis: none; } .dropai-figure { font-weight: var(--weight-display, 600); letter-spacing: var(--tracking-display, normal); font-synthesis: none; font-variant-numeric: tabular-nums; } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[font-weight\:var\(--wl-display-weight\)\] { font-weight: var(--wl-display-weight); } .tracking-\[-0\.01em\] { --tw-tracking: -.01em; letter-spacing: -.01em; } .tracking-\[-0\.02em\] { --tw-tracking: -.02em; letter-spacing: -.02em; } .tracking-\[-0\.03em\] { --tw-tracking: -.03em; letter-spacing: -.03em; } .tracking-\[-0\.015em\] { --tw-tracking: -.015em; letter-spacing: -.015em; } .tracking-\[0\.1em\] { --tw-tracking: .1em; letter-spacing: .1em; } .tracking-\[0\.02em\] { --tw-tracking: .02em; letter-spacing: .02em; } .tracking-\[0\.06em\] { --tw-tracking: .06em; letter-spacing: .06em; } .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: .08em; } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: .12em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .text-balance { text-wrap: balance; } .text-pretty { text-wrap: pretty; } .break-words, .wrap-break-word { overflow-wrap: break-word; } .whitespace-nowrap { white-space: nowrap; } .text-\(--tone-bg\) { color: var(--tone-bg); } .text-\(--tone-btn-ink\) { color: var(--tone-btn-ink); } .text-\(--tone-fg\) { color: var(--tone-fg); } .text-\(--tone-soft\) { color: var(--tone-soft); } .text-\(--wl-accent-on-dark\) { color: var(--wl-accent-on-dark); } .text-\(--wl-accent-text\) { color: var(--wl-accent-text); } .text-\(--wl-ink\) { color: var(--wl-ink); } .text-\(--wl-ink-muted\) { color: var(--wl-ink-muted); } .text-\(--wl-line\) { color: var(--wl-line); } .text-\(--wl-star\) { color: var(--wl-star); } .text-\(--wl-success\) { color: var(--wl-success); } .text-\(--wl-urgency\) { color: var(--wl-urgency); } .text-\[\#1a1f71\] { color: #1a1f71; } .text-\[\#1b1530\] { color: #1b1530; } .text-\[\#111\] { color: #111; } .text-\[\#003087\] { color: #003087; } .text-\[\#14121f\] { color: #14121f; } .text-\[var\(--tone-fg\,var\(--color-ink\)\)\] { color: var(--tone-fg, var(--color-ink)); } .text-\[var\(--tone-soft\,var\(--color-ink-soft\)\)\] { color: var(--tone-soft, var(--color-ink-soft)); } .text-brand-ink { color: var(--color-brand-ink); } .text-ink { color: var(--color-ink); } .text-ink-soft { color: var(--color-ink-soft); } .text-paper { color: var(--color-paper); } .text-white { color: var(--color-white); } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .\[color-scheme\:dark\] { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; } .opacity-0 { opacity: 0; } .opacity-15 { opacity: .15; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-85 { opacity: .85; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .mix-blend-multiply { mix-blend-mode: multiply; } .mix-blend-screen { mix-blend-mode: screen; } .shadow-\(--wl-shadow-accent\) { --tw-shadow: var(--wl-shadow-accent); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\(--wl-shadow-soft\) { --tw-shadow: var(--wl-shadow-soft); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[-24px_0_60px_rgb\(0_0_0\/0\.18\)\] { --tw-shadow: -24px 0 60px var(--tw-shadow-color, #0000002e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_2px_rgb\(0_0_0\/0\.12\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color, #0000001f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --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); } .ring-2 { --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); } .ring-\(--wl-accent\) { --tw-ring-color: var(--wl-accent); } .ring-white\/15 { --tw-ring-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/15 { --tw-ring-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .ring-white\/30 { --tw-ring-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/30 { --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-\(--wl-surface\) { --tw-ring-offset-color: var(--wl-surface); } .outline-offset-2 { outline-offset: 2px; } .contrast-105 { --tw-contrast: contrast(105%); 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, ); } .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); 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, ); } .drop-shadow-\[0_24px_30px_rgb\(0_0_0\/0\.18\)\] { --tw-drop-shadow-size: drop-shadow(0 24px 30px var(--tw-drop-shadow-color, #0000002e)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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, ); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .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-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition-\[box-shadow\,transform\] { transition-property: box-shadow, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,box-shadow\] { transition-property: transform, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .\[--tone-bg\:var\(--color-brand\)\] { --tone-bg: var(--color-brand); } .\[--tone-bg\:var\(--color-ink\)\] { --tone-bg: var(--color-ink); } .\[--tone-bg\:var\(--color-paper\)\] { --tone-bg: var(--color-paper); } .\[--tone-bg\:var\(--color-paper-2\)\] { --tone-bg: var(--color-paper-2); } .\[--tone-btn-ink\:var\(--color-brand\)\] { --tone-btn-ink: var(--color-brand); } .\[--tone-btn-ink\:var\(--color-brand-ink\)\] { --tone-btn-ink: var(--color-brand-ink); } .\[--tone-btn-ink\:var\(--color-ink\)\] { --tone-btn-ink: var(--color-ink); } .\[--tone-btn\:var\(--color-brand\)\] { --tone-btn: var(--color-brand); } .\[--tone-btn\:var\(--color-brand-ink\)\] { --tone-btn: var(--color-brand-ink); } .\[--tone-btn\:var\(--color-paper\)\] { --tone-btn: var(--color-paper); } .\[--tone-fg\:var\(--color-brand-ink\)\] { --tone-fg: var(--color-brand-ink); } .\[--tone-fg\:var\(--color-ink\)\] { --tone-fg: var(--color-ink); } .\[--tone-fg\:var\(--color-paper\)\] { --tone-fg: var(--color-paper); } .\[--tone-panel\:color-mix\(in_oklab\,var\(--color-brand-ink\)_12\%\,var\(--color-brand\)\)\] { --tone-panel: #2780a3; } @supports (color: color-mix(in lab, red, red)) { .\[--tone-panel\:color-mix\(in_oklab\,var\(--color-brand-ink\)_12\%\,var\(--color-brand\)\)\] { --tone-panel: color-mix(in oklab,var(--color-brand-ink) 12%,var(--color-brand)); } } .\[--tone-panel\:color-mix\(in_oklab\,var\(--color-paper\)_10\%\,var\(--color-ink\)\)\] { --tone-panel: #253845; } @supports (color: color-mix(in lab, red, red)) { .\[--tone-panel\:color-mix\(in_oklab\,var\(--color-paper\)_10\%\,var\(--color-ink\)\)\] { --tone-panel: color-mix(in oklab,var(--color-paper) 10%,var(--color-ink)); } } .\[--tone-panel\:var\(--color-paper\)\] { --tone-panel: var(--color-paper); } .\[--tone-panel\:var\(--color-paper-2\)\] { --tone-panel: var(--color-paper-2); } .\[--tone-rule\:color-mix\(in_oklab\,var\(--color-brand-ink\)_30\%\,var\(--color-brand\)\)\] { --tone-rule: #549ab6; } @supports (color: color-mix(in lab, red, red)) { .\[--tone-rule\:color-mix\(in_oklab\,var\(--color-brand-ink\)_30\%\,var\(--color-brand\)\)\] { --tone-rule: color-mix(in oklab,var(--color-brand-ink) 30%,var(--color-brand)); } } .\[--tone-rule\:color-mix\(in_oklab\,var\(--color-paper\)_30\%\,var\(--color-ink\)\)\] { --tone-rule: #54636e; } @supports (color: color-mix(in lab, red, red)) { .\[--tone-rule\:color-mix\(in_oklab\,var\(--color-paper\)_30\%\,var\(--color-ink\)\)\] { --tone-rule: color-mix(in oklab,var(--color-paper) 30%,var(--color-ink)); } } .\[--tone-rule\:var\(--color-rule\)\] { --tone-rule: var(--color-rule); } .\[--tone-soft\:color-mix\(in_oklab\,var\(--color-paper\)_76\%\,var\(--color-ink\)\)\] { --tone-soft: #bfc7cc; } @supports (color: color-mix(in lab, red, red)) { .\[--tone-soft\:color-mix\(in_oklab\,var\(--color-paper\)_76\%\,var\(--color-ink\)\)\] { --tone-soft: color-mix(in oklab,var(--color-paper) 76%,var(--color-ink)); } } .\[--tone-soft\:var\(--color-brand-ink\)\] { --tone-soft: var(--color-brand-ink); } .\[--tone-soft\:var\(--color-ink-soft\)\] { --tone-soft: var(--color-ink-soft); } .\[font-synthesis\:none\] { font-synthesis: none; } .not-first\:mt-5:not(:first-child) { margin-top: calc(var(--spacing) * 5); } .not-first\:mt-\[calc\(clamp\(2rem\,5cqi\,3\.5rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\]:not(:first-child) { margin-top: calc(clamp(2rem, 5cqi, 3.5rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .group-open\:rotate-45:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 45deg; } .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 180deg; } @media (hover: hover) { .group-hover\:translate-x-1:is(:where(.group):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .group-focus\:opacity-100:is(:where(.group):focus *) { opacity: 1; } .peer-checked\:border-\(--tone-fg\):is(:where(.peer):checked ~ *) { border-color: var(--tone-fg); } .peer-checked\:border-transparent:is(:where(.peer):checked ~ *) { border-color: #0000; } .peer-checked\:bg-\(--tone-fg\):is(:where(.peer):checked ~ *) { background-color: var(--tone-fg); } .peer-checked\:bg-\(--wl-accent-soft\):is(:where(.peer):checked ~ *) { background-color: var(--wl-accent-soft); } .peer-checked\:text-\(--tone-bg\):is(:where(.peer):checked ~ *) { color: var(--tone-bg); } .peer-checked\:shadow-\[0_0_0_2px_var\(--wl-accent\)\]:is(:where(.peer):checked ~ *) { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--wl-accent)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) { outline-style: var(--tw-outline-style); outline-width: 2px; } .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) { outline-offset: 2px; } .peer-focus-visible\:outline-\(--tone-fg\):is(:where(.peer):focus-visible ~ *) { outline-color: var(--tone-fg); } .peer-focus-visible\:outline-\(--wl-ink\):is(:where(.peer):focus-visible ~ *) { outline-color: var(--wl-ink); } .placeholder\:text-\(--wl-ink-muted\)::placeholder { color: var(--wl-ink-muted); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:inset-0:after { content: var(--tw-content); inset: 0; } .after\:inset-x-0:after { content: var(--tw-content); inset-inline: 0; } .after\:-bottom-0\.5:after { content: var(--tw-content); bottom: calc(var(--spacing) * -.5); } .after\:h-0\.5:after { content: var(--tw-content); height: calc(var(--spacing) * .5); } .after\:origin-left:after { content: var(--tw-content); transform-origin: 0; } .after\:scale-x-0:after { content: var(--tw-content); --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:bg-\(--color-brand\):after { content: var(--tw-content); background-color: var(--color-brand); } .after\:bg-\(--wl-accent\):after { content: var(--tw-content); background-color: var(--wl-accent); } .after\:mix-blend-multiply:after { content: var(--tw-content); mix-blend-mode: multiply; } .after\:transition-transform:after { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:duration-300:after { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } .last\:mr-5:last-child { margin-right: calc(var(--spacing) * 5); } .open\:pb-4:is([open], :popover-open, :open) { padding-bottom: calc(var(--spacing) * 4); } @media (hover: hover) { .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .hover\:bg-\(--wl-accent-soft\):hover { background-color: var(--wl-accent-soft); } .hover\:text-ink:hover { color: var(--color-ink); } .hover\:text-ink-soft:hover { color: var(--color-ink-soft); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-\(--wl-shadow-soft\):hover { --tw-shadow: var(--wl-shadow-soft); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:after\:scale-x-100:hover:after { content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .focus\:fixed:focus { position: fixed; } .focus\:top-2:focus { top: calc(var(--spacing) * 2); } .focus\:left-2:focus { left: calc(var(--spacing) * 2); } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-1:focus-visible { outline-offset: 1px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-offset-4:focus-visible { outline-offset: 4px; } .focus-visible\:outline-offset-\[-2px\]:focus-visible { outline-offset: -2px; } .focus-visible\:outline-\(--tone-fg\):focus-visible { outline-color: var(--tone-fg); } .focus-visible\:outline-\(--wl-accent\):focus-visible { outline-color: var(--wl-accent); } .focus-visible\:outline-\(--wl-ink\):focus-visible { outline-color: var(--wl-ink); } .focus-visible\:outline-\[var\(--tone-fg\,var\(--color-brand\)\)\]:focus-visible { outline-color: var(--tone-fg, var(--color-brand)); } .focus-visible\:outline-brand:focus-visible { outline-color: var(--color-brand); } .focus-visible\:outline-ink:focus-visible { outline-color: var(--color-ink); } .focus-visible\:outline-paper:focus-visible { outline-color: var(--color-paper); } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-\[0\.97\]:active { scale: .97; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-60:disabled { opacity: .6; } .aria-\[current\=page\]\:after\:scale-x-100[aria-current="page"]:after { content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } @media (prefers-reduced-motion: no-preference) { .motion-safe\: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)); } .motion-safe\: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)); } .motion-safe\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .motion-safe\:duration-150 { --tw-duration: .15s; transition-duration: .15s; } .motion-safe\:duration-200 { --tw-duration: .2s; transition-duration: .2s; } } @media not (min-width: 48rem) { .max-md\:hidden { display: none; } } @media (min-width: 32rem) { .min-\[32rem\]\:sticky { position: sticky; } .min-\[32rem\]\:top-0 { top: 0; } .min-\[32rem\]\:block { display: block; } .min-\[32rem\]\:hidden { display: none; } } @media (min-width: 40rem) { .sm\:w-36 { width: calc(var(--spacing) * 36); } .sm\:w-40 { width: calc(var(--spacing) * 40); } .sm\:w-\[46\%\] { width: 46%; } .sm\:w-auto { width: auto; } .sm\:min-w-80 { min-width: calc(var(--spacing) * 80); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:rounded-l-\[24px\] { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (min-width: 48rem) { .md\:sticky { position: sticky; } .md\:top-8 { top: calc(var(--spacing) * 8); } .md\:hidden { display: none; } .md\:grid-cols-\[3fr_2fr\] { grid-template-columns: 3fr 2fr; } .md\:gap-12 { gap: calc(var(--spacing) * 12); } .md\:py-12 { padding-block: calc(var(--spacing) * 12); } } @media (min-width: 64rem) { .lg\:absolute { position: absolute; } .lg\:sticky { position: sticky; } .lg\:inset-0 { inset: 0; } .lg\:inset-y-0 { inset-block: 0; } .lg\:top-24 { top: calc(var(--spacing) * 24); } .lg\:left-\[max\(2\.5rem\,calc\(\(100vw-75rem\)\/2\+2\.5rem\)\)\] { left: max(2.5rem, 50vw - 35rem); } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:mx-0 { margin-inline: 0; } .lg\:my-auto { margin-block: auto; } .lg\:mt-0 { margin-top: 0; } .lg\:mt-3 { margin-top: calc(var(--spacing) * 3); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-\[4\/5\] { aspect-ratio: 4 / 5; } .lg\:aspect-auto { aspect-ratio: auto; } .lg\:h-\[4\.5rem\] { height: 4.5rem; } .lg\:h-fit { height: fit-content; } .lg\:min-h-9 { min-height: calc(var(--spacing) * 9); } .lg\:min-h-\[3\.25rem\] { min-height: 3.25rem; } .lg\:min-h-\[42rem\] { min-height: 42rem; } .lg\:min-h-\[44rem\] { min-height: 44rem; } .lg\:w-40 { width: calc(var(--spacing) * 40); } .lg\:w-auto { width: auto; } .lg\:max-w-\[34rem\] { max-width: 34rem; } .lg\:min-w-80 { min-width: calc(var(--spacing) * 80); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-\[1\.3fr_1fr_1fr_1fr\] { grid-template-columns: 1.3fr 1fr 1fr 1fr; } .lg\:grid-cols-\[1\.4fr_1fr\] { grid-template-columns: 1.4fr 1fr; } .lg\:grid-cols-\[1fr_1\.1fr\] { grid-template-columns: 1fr 1.1fr; } .lg\:grid-cols-\[1fr_1\.4fr\] { grid-template-columns: 1fr 1.4fr; } .lg\:grid-cols-\[1fr_1\.05fr\] { grid-template-columns: 1fr 1.05fr; } .lg\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .lg\:grid-cols-\[4\.5rem_minmax\(0\,1fr\)\] { grid-template-columns: 4.5rem minmax(0, 1fr); } .lg\:grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:items-end { align-items: flex-end; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-items-end { justify-items: end; } .lg\:gap-3 { gap: calc(var(--spacing) * 3); } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:gap-12 { gap: calc(var(--spacing) * 12); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-16 { gap: calc(var(--spacing) * 16); } .lg\:justify-self-start { justify-self: flex-start; } .lg\:overflow-visible { overflow: visible; } .lg\:rounded-\[24px\] { border-radius: 24px; } .lg\:p-8 { padding: calc(var(--spacing) * 8); } .lg\:p-10 { padding: calc(var(--spacing) * 10); } .lg\:px-0 { padding-inline: 0; } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:px-14 { padding-inline: calc(var(--spacing) * 14); } .lg\:py-14 { padding-block: calc(var(--spacing) * 14); } .lg\:py-16 { padding-block: calc(var(--spacing) * 16); } .lg\:py-20 { padding-block: calc(var(--spacing) * 20); } .lg\:py-24 { padding-block: calc(var(--spacing) * 24); } .lg\:pt-0 { padding-top: 0; } .lg\:pt-10 { padding-top: calc(var(--spacing) * 10); } .lg\:pt-14 { padding-top: calc(var(--spacing) * 14); } .lg\:pt-40 { padding-top: calc(var(--spacing) * 40); } .lg\:pb-0 { padding-bottom: 0; } .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .lg\:pb-24 { padding-bottom: calc(var(--spacing) * 24); } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .lg\:text-\[0\.8125rem\] { font-size: .8125rem; } .lg\:text-\[1\.75rem\] { font-size: 1.75rem; } .lg\:text-\[1\.0625rem\] { font-size: 1.0625rem; } .lg\:text-\[2\.5rem\] { font-size: 2.5rem; } .lg\:text-\[2\.75rem\] { font-size: 2.75rem; } .lg\:text-\[3\.5rem\] { font-size: 3.5rem; } .lg\:text-\[3\.75rem\] { font-size: 3.75rem; } .lg\:text-\[10rem\] { font-size: 10rem; } } @media (min-width: 80rem) { .xl\:pl-\[max\(2\.5rem\,calc\(\(100vw-75rem\)\/2\+2\.5rem\)\)\] { padding-left: max(2.5rem, 50vw - 35rem); } } @container (min-width: 24rem) { .\@sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @container (min-width: 28rem) { .\@md\:ml-auto { margin-left: auto; } .\@md\:w-auto { width: auto; } .\@md\:min-w-56 { min-width: calc(var(--spacing) * 56); } .\@md\:min-w-64 { min-width: calc(var(--spacing) * 64); } } @container (min-width: 36rem) { .\@xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\@xl\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\@xl\:border-\(--tone-rule\) { border-color: var(--tone-rule); } .\@xl\:pl-\[clamp\(1\.5rem\,4cqi\,3\.5rem\)\] { padding-left: clamp(1.5rem, 4cqi, 3.5rem); } .\@xl\:first\:border-l-0:first-child { border-left-style: var(--tw-border-style); border-left-width: 0; } .\@xl\:first\:pl-0:first-child { padding-left: 0; } } @container (min-width: 40rem) { .\@min-\[40rem\]\:-mr-8 { margin-right: calc(var(--spacing) * -8); } .\@min-\[40rem\]\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @container (min-width: 42rem) { .\@2xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } @container (min-width: 48rem) { .\@3xl\:-left-\[6\%\] { left: -6%; } .\@3xl\:order-1 { order: 1; } .\@3xl\:order-2 { order: 2; } .\@3xl\:order-none { order: 0; } .\@3xl\:col-span-2 { grid-column: span 2 / span 2; } .\@3xl\:col-span-3 { grid-column: span 3 / span 3; } .\@3xl\:row-span-2 { grid-row: span 2 / span 2; } .\@3xl\:m-\[clamp\(1\.5rem\,4cqi\,3\.5rem\)\] { margin: clamp(1.5rem, 4cqi, 3.5rem); } .\@3xl\:-mr-\[max\(2rem\,calc\(\(100vw-72rem\)\/2\+2rem\)\)\] { margin-right: calc(-1 * max(2rem, 50vw - 34rem)); } .\@3xl\:block { display: block; } .\@3xl\:grid { display: grid; } .\@3xl\:h-auto { height: auto; } .\@3xl\:min-h-\[80svh\] { min-height: 80svh; } .\@3xl\:min-h-\[min\(82svh\,56rem\)\] { min-height: min(82svh, 56rem); } .\@3xl\:min-h-\[min\(calc\(100svh-4rem\)\,58rem\)\] { min-height: min(100svh - 4rem, 58rem); } .\@3xl\:w-48 { width: calc(var(--spacing) * 48); } .\@3xl\:w-\[clamp\(11rem\,22cqi\,19rem\)\] { width: clamp(11rem, 22cqi, 19rem); } .\@3xl\:w-auto { width: auto; } .\@3xl\:max-w-2xl { max-width: var(--container-2xl); } .\@3xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\@3xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\@3xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\@3xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .\@3xl\:grid-cols-\[12rem_minmax\(0\,1fr\)\] { grid-template-columns: 12rem minmax(0, 1fr); } .\@3xl\:grid-cols-\[45fr_55fr\] { grid-template-columns: 45fr 55fr; } .\@3xl\:grid-cols-\[55fr_45fr\] { grid-template-columns: 55fr 45fr; } .\@3xl\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); } .\@3xl\:grid-cols-\[minmax\(0\,1fr\)_12rem\] { grid-template-columns: minmax(0, 1fr) 12rem; } .\@3xl\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .\@3xl\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } .\@3xl\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } .\@3xl\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)\] { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } .\@3xl\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\] { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); } .\@3xl\:grid-cols-\[minmax\(0\,9fr\)_minmax\(0\,11fr\)\] { grid-template-columns: minmax(0, 9fr) minmax(0, 11fr); } .\@3xl\:grid-cols-\[minmax\(0\,11fr\)_minmax\(0\,9fr\)\] { grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); } .\@3xl\:grid-rows-\[minmax\(0\,1fr\)_auto\] { grid-template-rows: minmax(0, 1fr) auto; } .\@3xl\:items-start { align-items: flex-start; } .\@3xl\:justify-center { justify-content: center; } .\@3xl\:gap-6 { gap: calc(var(--spacing) * 6); } .\@3xl\:gap-8 { gap: calc(var(--spacing) * 8); } .\@3xl\:gap-12 { gap: calc(var(--spacing) * 12); } .\@3xl\:gap-x-\[clamp\(2rem\,6cqi\,5rem\)\] { column-gap: clamp(2rem, 6cqi, 5rem); } .\@3xl\:overflow-visible { overflow: visible; } .\@3xl\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\@3xl\:border-\(--tone-rule\) { border-color: var(--tone-rule); } .\@3xl\:p-\[clamp\(2rem\,4cqi\,4rem\)\] { padding: clamp(2rem, 4cqi, 4rem); } .\@3xl\:px-\[clamp\(1\.5rem\,3cqi\,3rem\)\] { padding-inline: clamp(1.5rem, 3cqi, 3rem); } .\@3xl\:px-\[clamp\(2rem\,4cqi\,4rem\)\] { padding-inline: clamp(2rem, 4cqi, 4rem); } .\@3xl\:py-8 { padding-block: calc(var(--spacing) * 8); } .\@3xl\:py-\[calc\(clamp\(2\.5rem\,5cqi\,4\.5rem\)\*clamp\(0\.8\,var\(--rhythm\,1\)\,1\.25\)\)\] { padding-block: calc(clamp(2.5rem, 5cqi, 4.5rem) * clamp(.8, var(--rhythm, 1), 1.25)); } .\@3xl\:py-\[clamp\(1\.5rem\,3cqi\,2\.5rem\)\] { padding-block: clamp(1.5rem, 3cqi, 2.5rem); } .\@3xl\:pb-0 { padding-bottom: 0; } .\@3xl\:pl-\[clamp\(1\.5rem\,4cqi\,3\.5rem\)\] { padding-left: clamp(1.5rem, 4cqi, 3.5rem); } .\@3xl\:text-right { text-align: right; } .\@3xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .\@3xl\:first\:border-l-0:first-child { border-left-style: var(--tw-border-style); border-left-width: 0; } .\@3xl\:first\:pl-0:first-child { padding-left: 0; } } @container (min-width: 56rem) { .\@4xl\:relative { position: relative; } .\@4xl\:z-10 { z-index: 10; } .\@4xl\:col-span-3 { grid-column: span 3 / span 3; } .\@4xl\:col-span-4 { grid-column: span 4 / span 4; } .\@4xl\:col-span-8 { grid-column: span 8 / span 8; } .\@4xl\:col-span-9 { grid-column: span 9 / span 9; } .\@4xl\:col-start-1 { grid-column-start: 1; } .\@4xl\:col-start-2 { grid-column-start: 2; } .\@4xl\:col-start-3 { grid-column-start: 3; } .\@4xl\:col-start-5 { grid-column-start: 5; } .\@4xl\:col-start-9 { grid-column-start: 9; } .\@4xl\:row-span-2 { grid-row: span 2 / span 2; } .\@4xl\:row-start-1 { grid-row-start: 1; } .\@4xl\:-mb-24 { margin-bottom: calc(var(--spacing) * -24); } .\@4xl\:block { display: block; } .\@4xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\@4xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .\@4xl\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); } .\@4xl\:grid-cols-\[minmax\(0\,1fr\)_12\.5rem\] { grid-template-columns: minmax(0, 1fr) 12.5rem; } .\@4xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr); } .\@4xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .\@4xl\:flex-row-reverse { flex-direction: row-reverse; } .\@4xl\:items-end { align-items: flex-end; } .\@4xl\:items-start { align-items: flex-start; } .\@4xl\:gap-\[clamp\(2rem\,6cqi\,5rem\)\] { gap: clamp(2rem, 6cqi, 5rem); } .\@4xl\:pr-9 { padding-right: calc(var(--spacing) * 9); } .\@4xl\:pb-1 { padding-bottom: var(--spacing); } .\@4xl\:pl-0 { padding-left: 0; } .\@4xl\:text-right { text-align: right; } .\@4xl\:after\:absolute:after { content: var(--tw-content); position: absolute; } .\@4xl\:after\:top-1\/2:after { content: var(--tw-content); top: 50%; } .\@4xl\:after\:right-full:after { content: var(--tw-content); right: 100%; } .\@4xl\:after\:left-full:after { content: var(--tw-content); left: 100%; } .\@4xl\:after\:h-px:after { content: var(--tw-content); height: 1px; } .\@4xl\:after\:w-\[clamp\(1\.5rem\,4cqi\,3\.5rem\)\]:after { content: var(--tw-content); width: clamp(1.5rem, 4cqi, 3.5rem); } .\@4xl\:after\:bg-\(--tone-soft\):after { content: var(--tw-content); background-color: var(--tone-soft); } } @container (min-width: 64rem) { .\@5xl\:ml-auto { margin-left: auto; } .\@5xl\:block { display: block; } .\@5xl\:hidden { display: none; } .\@5xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .\@5xl\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\@5xl\:border-\(--tone-rule\) { border-color: var(--tone-rule); } .\@5xl\:pl-\[clamp\(1\.5rem\,4cqi\,3\.5rem\)\] { padding-left: clamp(1.5rem, 4cqi, 3.5rem); } .\@5xl\:first\:border-l-0:first-child { border-left-style: var(--tw-border-style); border-left-width: 0; } .\@5xl\:first\:pl-0:first-child { padding-left: 0; } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } @container (min-width: 48rem) { .\@3xl\:\[\&\:nth-child\(3n\+2\)\]\:mt-12:nth-child(3n+2) { margin-top: calc(var(--spacing) * 12); } } .\[\&\>\*\]\:border-l > * { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\[\&\>\*\]\:border-\(--tone-rule\) > * { border-color: var(--tone-rule); } .\[\&\>\*\]\:px-4 > * { padding-inline: calc(var(--spacing) * 4); } .\[\&\>\*\:first-child\]\:border-l-0 > :first-child { border-left-style: var(--tw-border-style); border-left-width: 0; } .\[\&\>\*\:first-child\]\:pl-0 > :first-child { padding-left: 0; } .\[\&\>a\]\:text-\(--wl-on-dark\)\! > a { color: var(--wl-on-dark) !important; } .\[\&\>a\]\:opacity-85 > a { opacity: .85; } .\[\&\>li\]\:border-l > li { border-left-style: var(--tw-border-style); border-left-width: 1px; } .\[\&\>li\]\:border-rule > li { border-color: var(--color-rule); } .\[\&\>li\]\:px-3 > li { padding-inline: calc(var(--spacing) * 3); } .\[\&\>li\:first-child\]\:border-l-0 > li:first-child { border-left-style: var(--tw-border-style); border-left-width: 0; } .\[\&\>li\:first-child\]\:pl-0 > li:first-child { padding-left: 0; } } :root { --tone-bg: var(--color-paper); --tone-fg: var(--color-ink); --tone-soft: var(--color-ink-soft); --tone-rule: var(--color-rule); --tone-panel: var(--color-paper-2); --tone-btn: var(--color-brand); --tone-btn-ink: var(--color-brand-ink); } :is(h1, h2, h3, p).uppercase { line-height: 1.06; } :root { --rhythm: 1; --weight-display: 800; } .wl-dark .wl-glass { color: var(--wl-on-dark); background: #ffffff1f; border-color: #ffffff40; } @keyframes wl-bar { from { background-position: 0 0; } to { background-position: 200% 0; } } @keyframes wl-shine { 0% { transform: translateX(-130%); } 18% { transform: translateX(130%); } 100% { transform: translateX(130%); } } @keyframes wl-pop { 0% { transform: scale(.97); } 55% { transform: scale(1.015); } 100% { transform: scale(1); } } @keyframes wl-bump { 0% { transform: scale(1); } 35% { transform: scale(1.35); } 100% { transform: scale(1); } } @keyframes wl-swap { from { opacity: .2; transform: translateY(6px); } to { opacity: 1; transform: none; } } @keyframes wl-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(1.35); } } @keyframes wl-rise { from { transform: translateY(18px); } to { transform: none; } } @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-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; 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: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; 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: ""; 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: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; 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-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @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; } /*# sourceMappingURL=%5Broot-of-the-server%5D__16s8a0d._.css.map*/