/* CORE /log chrome, cloned from dev.fakewhale.xyz. Generated by build-core-css.mjs: edit the knobs there. */ html.fw-shell{--fw-glass-sat:180%;--fw-z-modal:120;--fw-live-size:44px;--fw-line:#0a0a0a14;--fw-who-face:28px;--fw-text-subtle:#68686e;--fw-surface:#fff;--fw-fw-bold:700;--fw-text-secondary:#171717;--fw-sp-2:8px;--tw-ring-color:#3b82f680;--fw-ui-rail-title:clamp(11.5px, .67vw, 13px);--fw-bar-peek-room:calc(22px + max(16px, 0px) + 8px);--fw-r-w:1;--fw-gutter:calc(14px * 1);--fw-sp-4:16px;--fw-feed-width:1100px;--fw-type-micro:calc(8px * 1);--fw-vh:calc(100dvh / var(--fw-zoom,1));--fw-feed-work:72px;--fw-inverse:#000;--fw-type-compact:calc(12px * 1);--fw-shell-rail-indent:12px;--fw-field-shift:2.16px;--fw-seam:inset 0 0 0 1px #0a0a0a0e, inset 0 1px 0 #ffffffe6;--fw-who-gap:10px;--fw-rail-after-search:12px;--fw-rail-action-inset:12px;--fw-glass-tint:#fcfcfc94;--fw-over:0 2px 6px #0a0a0a0f, 0 28px 60px -20px #0a0a0a3d;--fw-grid-top:20px;--fw-dur-state:.12s;--fw-glass-blur:20px;--tw-scale-y:1;--tw-translate-y:0;--fw-glass-scrim:.5;--fw-band-h:44px;--fw-corner-sm:4px;--fw-tr-wide:.08em;--fw-border-muted:#e5e5e5;--tw-translate-x:0;--fw-glyph:11px;--fw-row-h:40px;--fw-r:1;--fw-tap:40px;--fw-border:#d4d4d4;--tw-border-spacing-y:0;--fw-section-gap:calc(14px * 1);--fw-corner-pill:4px;--fw-type-body:calc(14px * 1);--fw-fs-body:13px;--fw-fs-caption:11px;--tw-ring-shadow:0 0 #0000;--fw-ease-out:cubic-bezier(.22, 1, .36, 1);--fw-grid-edge:clamp(18px, 3vw, 34px);--fw-ui-label:clamp(11px, .62vw, 12px);--fw-surface-4:#d0d0d5;--fw-glyph-md:18px;--tw-border-spacing-x:0;--fw-zoom:var(--fw-zoom,1);--fw-ui-title:clamp(13px, .78vw, 15px);--tw-rotate:0;--tw-ring-offset-color:#fff;--fw-accent:#eb0000;--fw-corner:6px;--fw-lift:0 1px 2px #0a0a0a0a, 0 10px 28px -8px #0a0a0a1a;--fw-text:#0a0a0a;--fw-surface-2:#e9e9ec;--tw-ring-offset-width:0px;--fw-ui-hint:clamp(12px, .7vw, 13.5px);--tw-scroll-snap-strictness:proximity;--tw-shadow-colored:0 0 #0000;--fw-z-popover-in-door:138;--fw-pad:calc(calc(14px * 1) * 2);--tw-skew-y:0;--fw-slot:28px;--fw-glass-solid:#fff;--tw-ring-offset-shadow:0 0 #0000;--fw-dur-move:.2s;--fw-bg:#f3f3f5;--fw-feed-caption:14px;--fw-type-h5:calc(18px * 1);--fw-sp-3:12px;--fw-radius:4px;--fw-who-name:13px;--fw-rail-row-size:13px;--fw-text-muted:#38383c;--fw-seam-ink:inset 0 0 0 1px #ffffff17;--fw-glass-wash:#fcfcfc6b;--fw-seam-paper:inset 0 0 0 1px #0a0a0a0e, inset 0 1px 0 #ffffffe6;--fw-rail-filter-size:11px;--fw-surface-3:#dddde1;--fw-shell-rail-pad:12px;--tw-skew-x:0;--tw-shadow:0 0 #0000;--tw-scale-x:1;--fw-rail-tag-size:7px;--fw-dur-enter:.32s;--fw-corner-xs:3px;--font-oswald:"Oswald", "Oswald Fallback";--font-jetbrains:"JetBrains Mono", "JetBrains Mono Fallback"}html.fw-shell[data-theme="dark"]{--fw-glass-sat:150%;--fw-line:#ffffff1a;--fw-text-subtle:#88888f;--fw-surface:#17171a;--fw-text-secondary:#e5e5e5;--fw-inverse:#fff;--fw-seam:inset 0 0 0 1px #ffffff12, inset 0 1px 0 #ffffff0f;--fw-glass-tint:#12121280;--fw-over:0 2px 8px #0009, 0 30px 64px -22px #000000bf;--fw-glass-scrim:.72;--fw-border-muted:#272727;--fw-border:#333;--fw-surface-4:#34343a;--fw-lift:0 1px 2px #00000080, 0 12px 30px -10px #0000008c;--fw-text:#fafafa;--fw-surface-2:#202024;--fw-glass-solid:#17171a;--fw-bg:#0e0e10;--fw-text-muted:#b6b6bb;--fw-seam-ink:inset 0 0 0 1px #00000059;--fw-glass-wash:#0a0a0a6b;--fw-seam-paper:inset 0 0 0 1px #ffffff12, inset 0 1px 0 #ffffff0f;--fw-surface-3:#2a2a2f}@keyframes spin { 100% { transform: rotate(360deg); } }@keyframes fw-conv-in { 0% { opacity: 0; transform: translateY(8px); } 100% { opacity: 1; transform: none; } }@keyframes fw-sheet-rise { 0% { opacity: 0.6; transform: translateY(26px); } 100% { opacity: 1; transform: translateY(0px); } }@keyframes fw-rail-push-in { 0% { opacity: 0; transform: translate(-16px); } }:is(#fw-core,#fw-page,.fwx-scope) .jetbrains_mono_b08bc454-module__keGuWW__variable{ --font-jetbrains: "JetBrains Mono", "JetBrains Mono Fallback"; } :is(#fw-core,#fw-page,.fwx-scope) .oswald_5b5910cf-module__PdFuBa__variable{ --font-oswald: "Oswald", "Oswald Fallback"; } :is(#fw-core,#fw-page,.fwx-scope) .padaloma_d7ad1b21-module__A10XKa__variable{ --font-padaloma: "padaloma", "padaloma Fallback"; } :is(#fw-core,#fw-page,.fwx-scope) *,:is(#fw-core,#fw-page,.fwx-scope) ::before,:is(#fw-core,#fw-page,.fwx-scope) ::after,:is(#fw-core,#fw-page,.fwx-scope) ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } :is(#fw-core,#fw-page,.fwx-scope) *,:is(#fw-core,#fw-page,.fwx-scope) ::before,:is(#fw-core,#fw-page,.fwx-scope) ::after{ box-sizing: border-box; border: 0px solid rgb(229, 231, 235); } :is(#fw-core,#fw-page,.fwx-scope) ::before,:is(#fw-core,#fw-page,.fwx-scope) ::after{ --tw-content: ""; } :is(#fw-core,#fw-page,.fwx-scope) h1,:is(#fw-core,#fw-page,.fwx-scope) h2,:is(#fw-core,#fw-page,.fwx-scope) h3,:is(#fw-core,#fw-page,.fwx-scope) h4,:is(#fw-core,#fw-page,.fwx-scope) h5,:is(#fw-core,#fw-page,.fwx-scope) h6{ font-size: inherit; font-weight: inherit; } :is(#fw-core,#fw-page,.fwx-scope) a{ color: inherit; text-decoration: inherit; } :is(#fw-core,#fw-page,.fwx-scope) b,:is(#fw-core,#fw-page,.fwx-scope) strong{ font-weight: bolder; } :is(#fw-core,#fw-page,.fwx-scope) sub,:is(#fw-core,#fw-page,.fwx-scope) sup{ vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } :is(#fw-core,#fw-page,.fwx-scope) sup{ top: -0.5em; } :is(#fw-core,#fw-page,.fwx-scope) button,:is(#fw-core,#fw-page,.fwx-scope) input,:is(#fw-core,#fw-page,.fwx-scope) optgroup,:is(#fw-core,#fw-page,.fwx-scope) select,:is(#fw-core,#fw-page,.fwx-scope) textarea{ font-feature-settings: inherit; font-variation-settings: inherit; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; } :is(#fw-core,#fw-page,.fwx-scope) button,:is(#fw-core,#fw-page,.fwx-scope) select{ text-transform: none; } :is(#fw-core,#fw-page,.fwx-scope) button,:is(#fw-core,#fw-page,.fwx-scope) input:where([type="button"]),:is(#fw-core,#fw-page,.fwx-scope) input:where([type="reset"]),:is(#fw-core,#fw-page,.fwx-scope) input:where([type="submit"]){ appearance: button; background-color: rgba(0, 0, 0, 0); background-image: none; } :is(#fw-core,#fw-page,.fwx-scope) ::-webkit-inner-spin-button{ height: auto; } :is(#fw-core,#fw-page,.fwx-scope) ::-webkit-outer-spin-button{ height: auto; } :is(#fw-core,#fw-page,.fwx-scope) [type="search"]{ appearance: textfield; outline-offset: -2px; } :is(#fw-core,#fw-page,.fwx-scope) ::-webkit-search-decoration{ appearance: none; } :is(#fw-core,#fw-page,.fwx-scope) ::-webkit-file-upload-button{ appearance: button; font: inherit; } :is(#fw-core,#fw-page,.fwx-scope) blockquote,:is(#fw-core,#fw-page,.fwx-scope) dl,:is(#fw-core,#fw-page,.fwx-scope) dd,:is(#fw-core,#fw-page,.fwx-scope) h1,:is(#fw-core,#fw-page,.fwx-scope) h2,:is(#fw-core,#fw-page,.fwx-scope) h3,:is(#fw-core,#fw-page,.fwx-scope) h4,:is(#fw-core,#fw-page,.fwx-scope) h5,:is(#fw-core,#fw-page,.fwx-scope) h6,:is(#fw-core,#fw-page,.fwx-scope) hr,:is(#fw-core,#fw-page,.fwx-scope) figure,:is(#fw-core,#fw-page,.fwx-scope) p,:is(#fw-core,#fw-page,.fwx-scope) pre{ margin: 0px; } :is(#fw-core,#fw-page,.fwx-scope) ol,:is(#fw-core,#fw-page,.fwx-scope) ul,:is(#fw-core,#fw-page,.fwx-scope) menu{ margin: 0px; padding: 0px; list-style: none; } :is(#fw-core,#fw-page,.fwx-scope) textarea{ resize: vertical; } :is(#fw-core,#fw-page,.fwx-scope) input::placeholder,:is(#fw-core,#fw-page,.fwx-scope) textarea::placeholder{ opacity: 1; color: rgb(156, 163, 175); } :is(#fw-core,#fw-page,.fwx-scope) button,:is(#fw-core,#fw-page,.fwx-scope) [role="button"]{ cursor: pointer; } :is(#fw-core,#fw-page,.fwx-scope) :disabled{ cursor: default; } :is(#fw-core,#fw-page,.fwx-scope) img,:is(#fw-core,#fw-page,.fwx-scope) svg,:is(#fw-core,#fw-page,.fwx-scope) video,:is(#fw-core,#fw-page,.fwx-scope) canvas,:is(#fw-core,#fw-page,.fwx-scope) audio,:is(#fw-core,#fw-page,.fwx-scope) iframe,:is(#fw-core,#fw-page,.fwx-scope) embed,:is(#fw-core,#fw-page,.fwx-scope) object{ vertical-align: middle; display: block; } :is(#fw-core,#fw-page,.fwx-scope) img,:is(#fw-core,#fw-page,.fwx-scope) video{ max-width: 100%; height: auto; } :is(#fw-core,#fw-page,.fwx-scope) [hidden]:where(:not([hidden="until-found"])){ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .sr-only{ clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .pointer-events-none{ pointer-events: none; } :is(#fw-core,#fw-page,.fwx-scope) .pointer-events-auto{ pointer-events: auto; } :is(#fw-core,#fw-page,.fwx-scope) .visible{ visibility: visible; } :is(#fw-core,#fw-page,.fwx-scope) .fixed{ position: fixed; } :is(#fw-core,#fw-page,.fwx-scope) .absolute{ position: absolute; } :is(#fw-core,#fw-page,.fwx-scope) .relative{ position: relative; } :is(#fw-core,#fw-page,.fwx-scope) .sticky{ position: sticky; } :is(#fw-core,#fw-page,.fwx-scope) .inset-0{ inset: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .inset-x-0{ left: 0px; right: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .inset-y-0{ top: 0px; bottom: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .bottom-0{ bottom: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .bottom-2\.5{ bottom: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .bottom-full{ bottom: 100%; } :is(#fw-core,#fw-page,.fwx-scope) .left-0{ left: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .left-1{ left: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .left-1\/2{ left: 50%; } :is(#fw-core,#fw-page,.fwx-scope) .left-2\.5{ left: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .left-3\.5{ left: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .left-5{ left: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .left-\[23px\]{ left: 23px; } :is(#fw-core,#fw-page,.fwx-scope) .left-\[3px\]{ left: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .right-0{ right: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .right-2\.5{ right: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .right-3{ right: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .right-5{ right: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .top-0{ top: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .top-1{ top: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .top-1\/2{ top: 50%; } :is(#fw-core,#fw-page,.fwx-scope) .top-2\.5{ top: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .top-3{ top: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .top-3\.5{ top: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .top-4{ top: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .top-5{ top: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .top-\[3px\]{ top: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .z-0{ z-index: 0; } :is(#fw-core,#fw-page,.fwx-scope) .z-10{ z-index: 10; } :is(#fw-core,#fw-page,.fwx-scope) .z-20{ z-index: 20; } :is(#fw-core,#fw-page,.fwx-scope) .z-30{ z-index: 30; } :is(#fw-core,#fw-page,.fwx-scope) .z-40{ z-index: 40; } :is(#fw-core,#fw-page,.fwx-scope) .z-\[120\]{ z-index: 120; } :is(#fw-core,#fw-page,.fwx-scope) .z-\[121\]{ z-index: 121; } :is(#fw-core,#fw-page,.fwx-scope) .z-\[1\]{ z-index: 1; } :is(#fw-core,#fw-page,.fwx-scope) .z-\[70\]{ z-index: 70; } :is(#fw-core,#fw-page,.fwx-scope) .z-\[var\(--fw-z-modal\)\]{ z-index: var(--fw-z-modal); } :is(#fw-core,#fw-page,.fwx-scope) .order-last{ order: 9999; } :is(#fw-core,#fw-page,.fwx-scope) .m-0{ margin: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .mx-2\.5{ margin-left: 10px; margin-right: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .mx-3\.5{ margin-left: 14px; margin-right: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .mx-\[18px\]{ margin-left: 18px; margin-right: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .mx-auto{ margin-left: auto; margin-right: auto; } :is(#fw-core,#fw-page,.fwx-scope) .my-2{ margin-top: 8px; margin-bottom: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .-mr-1{ margin-right: -4px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-1{ margin-bottom: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-1\.5{ margin-bottom: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-2{ margin-bottom: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-3{ margin-bottom: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-3\.5{ margin-bottom: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-4{ margin-bottom: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-5{ margin-bottom: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-6{ margin-bottom: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-8{ margin-bottom: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[11px\]{ margin-bottom: 11px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[14px\]{ margin-bottom: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[18px\]{ margin-bottom: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[22px\]{ margin-bottom: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[24px\]{ margin-bottom: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[3px\]{ margin-bottom: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .mb-\[5px\]{ margin-bottom: 5px; } :is(#fw-core,#fw-page,.fwx-scope) .ml-1{ margin-left: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .ml-\[11px\]{ margin-left: 11px; } :is(#fw-core,#fw-page,.fwx-scope) .ml-auto{ margin-left: auto; } :is(#fw-core,#fw-page,.fwx-scope) .mr-2{ margin-right: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-0\.5{ margin-top: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-1{ margin-top: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-1\.5{ margin-top: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-10{ margin-top: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-2{ margin-top: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-2\.5{ margin-top: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-3{ margin-top: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-3\.5{ margin-top: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-4{ margin-top: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-5{ margin-top: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-6{ margin-top: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-7{ margin-top: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-8{ margin-top: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-9{ margin-top: 36px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-\[1px\]{ margin-top: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-\[22px\]{ margin-top: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-\[26px\]{ margin-top: 26px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-\[2px\]{ margin-top: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-\[3px\]{ margin-top: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-\[5px\]{ margin-top: 5px; } :is(#fw-core,#fw-page,.fwx-scope) .mt-auto{ margin-top: auto; } :is(#fw-core,#fw-page,.fwx-scope) .line-clamp-1{ -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .line-clamp-2{ -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .block{ display: block; } :is(#fw-core,#fw-page,.fwx-scope) .inline-block{ display: inline-block; } :is(#fw-core,#fw-page,.fwx-scope) .flex{ display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .inline-flex{ display: inline-flex; } :is(#fw-core,#fw-page,.fwx-scope) .grid{ display: grid; } :is(#fw-core,#fw-page,.fwx-scope) .hidden{ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .aspect-\[16\/10\]{ aspect-ratio: 16 / 10; } :is(#fw-core,#fw-page,.fwx-scope) .aspect-\[1920\/1080\]{ aspect-ratio: 1920 / 1080; } :is(#fw-core,#fw-page,.fwx-scope) .aspect-\[3\/2\]{ aspect-ratio: 3 / 2; } :is(#fw-core,#fw-page,.fwx-scope) .aspect-\[4\/3\]{ aspect-ratio: 4 / 3; } :is(#fw-core,#fw-page,.fwx-scope) .aspect-square{ aspect-ratio: 1 / 1; } :is(#fw-core,#fw-page,.fwx-scope) .aspect-video{ aspect-ratio: 16 / 9; } :is(#fw-core,#fw-page,.fwx-scope) .h-1{ height: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .h-1\.5{ height: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .h-10{ height: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .h-11{ height: 44px; } :is(#fw-core,#fw-page,.fwx-scope) .h-3\.5{ height: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .h-4{ height: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .h-5{ height: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .h-7{ height: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .h-8{ height: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .h-9{ height: 36px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[12px\]{ height: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[13px\]{ height: 13px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[14px\]{ height: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[15px\]{ height: 15px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[18px\]{ height: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[20px\]{ height: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[26px\]{ height: 26px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[2px\]{ height: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[30\%\]{ height: 30%; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[30px\]{ height: 30px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[34px\]{ height: 34px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[38px\]{ height: 38px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[3px\]{ height: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[50px\]{ height: 50px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[52px\]{ height: 52px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[56px\]{ height: 56px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[60px\]{ height: 60px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[64px\]{ height: 64px; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[84vh\]{ height: 84vh; } :is(#fw-core,#fw-page,.fwx-scope) .h-\[var\(--fw-tap\)\]{ height: var(--fw-tap); } :is(#fw-core,#fw-page,.fwx-scope) .h-dvh{ height: 100dvh; } :is(#fw-core,#fw-page,.fwx-scope) .h-full{ height: 100%; } :is(#fw-core,#fw-page,.fwx-scope) .h-px{ height: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .max-h-\[min\(22rem\,65vh\)\]{ max-height: min(352px, 65vh); } :is(#fw-core,#fw-page,.fwx-scope) .max-h-dvh{ max-height: 100dvh; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-0{ min-height: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[120px\]{ min-height: 120px; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[2\.7em\]{ min-height: 2.7em; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[35px\]{ min-height: 35px; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[44px\]{ min-height: 44px; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[60vh\]{ min-height: 60vh; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[80px\]{ min-height: 80px; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[min\(640px\,72vh\)\]{ min-height: min(640px, 72vh); } :is(#fw-core,#fw-page,.fwx-scope) .min-h-dvh{ min-height: 100dvh; } :is(#fw-core,#fw-page,.fwx-scope) .min-h-full{ min-height: 100%; } :is(#fw-core,#fw-page,.fwx-scope) .w-1\.5{ width: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .w-10{ width: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .w-2{ width: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .w-4{ width: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .w-5{ width: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .w-6{ width: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .w-7{ width: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .w-8{ width: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .w-9{ width: 36px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[120px\]{ width: 120px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[13px\]{ width: 13px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[14px\]{ width: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[20px\]{ width: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[22px\]{ width: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[2px\]{ width: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[30px\]{ width: 30px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[34px\]{ width: 34px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[38px\]{ width: 38px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[3px\]{ width: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[440px\]{ width: 440px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[46px\]{ width: 46px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[50px\]{ width: 50px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[52px\]{ width: 52px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[56px\]{ width: 56px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[60px\]{ width: 60px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[64px\]{ width: 64px; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[82vw\]{ width: 82vw; } :is(#fw-core,#fw-page,.fwx-scope) .w-\[var\(--fw-tap\)\]{ width: var(--fw-tap); } :is(#fw-core,#fw-page,.fwx-scope) .w-auto{ width: auto; } :is(#fw-core,#fw-page,.fwx-scope) .w-full{ width: 100%; } :is(#fw-core,#fw-page,.fwx-scope) .min-w-0{ min-width: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[1560px\]{ max-width: 1560px; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[20ch\]{ max-width: 20ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[380px\]{ max-width: 380px; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[44ch\]{ max-width: 44ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[46ch\]{ max-width: 46ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[48ch\]{ max-width: 48ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[52ch\]{ max-width: 52ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[60ch\]{ max-width: 60ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[62ch\]{ max-width: 62ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[72ch\]{ max-width: 72ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[74ch\]{ max-width: 74ch; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[88\%\]{ max-width: 88%; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[92\%\]{ max-width: 92%; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[94vw\]{ max-width: 94vw; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-\[min\(288px\,calc\(100vw-24px\)\)\]{ max-width: min(288px, -24px + 100vw); } :is(#fw-core,#fw-page,.fwx-scope) .max-w-full{ max-width: 100%; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-md{ max-width: 448px; } :is(#fw-core,#fw-page,.fwx-scope) .max-w-xl{ max-width: 576px; } :is(#fw-core,#fw-page,.fwx-scope) .flex-1{ flex: 1 1 0%; } :is(#fw-core,#fw-page,.fwx-scope) .flex-none{ flex: 0 0 auto; } :is(#fw-core,#fw-page,.fwx-scope) .shrink{ flex-shrink: 1; } :is(#fw-core,#fw-page,.fwx-scope) .shrink-0{ flex-shrink: 0; } :is(#fw-core,#fw-page,.fwx-scope) .-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } :is(#fw-core,#fw-page,.fwx-scope) .-translate-y-1\/2{ --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } :is(#fw-core,#fw-page,.fwx-scope) .-rotate-90{ --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } :is(#fw-core,#fw-page,.fwx-scope) .rotate-180{ --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } :is(#fw-core,#fw-page,.fwx-scope) .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } :is(#fw-core,#fw-page,.fwx-scope) .cursor-default{ cursor: default; } :is(#fw-core,#fw-page,.fwx-scope) .cursor-ew-resize{ cursor: ew-resize; } :is(#fw-core,#fw-page,.fwx-scope) .cursor-grab{ cursor: grab; } :is(#fw-core,#fw-page,.fwx-scope) .cursor-pointer{ cursor: pointer; } :is(#fw-core,#fw-page,.fwx-scope) .touch-none{ touch-action: none; } :is(#fw-core,#fw-page,.fwx-scope) .resize-none{ resize: none; } :is(#fw-core,#fw-page,.fwx-scope) .resize-y{ resize: vertical; } :is(#fw-core,#fw-page,.fwx-scope) .resize{ resize: both; } :is(#fw-core,#fw-page,.fwx-scope) .scroll-mt-28{ scroll-margin-top: 112px; } :is(#fw-core,#fw-page,.fwx-scope) .list-none{ list-style-type: none; } :is(#fw-core,#fw-page,.fwx-scope) .appearance-none{ appearance: none; } :is(#fw-core,#fw-page,.fwx-scope) .grid-cols-1{ grid-template-columns: repeat(1, minmax(0px, 1fr)); } :is(#fw-core,#fw-page,.fwx-scope) .grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); } :is(#fw-core,#fw-page,.fwx-scope) .grid-cols-3{ grid-template-columns: repeat(3, minmax(0px, 1fr)); } :is(#fw-core,#fw-page,.fwx-scope) .grid-cols-\[220px_1fr\]{ grid-template-columns: 220px 1fr; } :is(#fw-core,#fw-page,.fwx-scope) .grid-cols-\[360px_1fr\]{ grid-template-columns: 360px 1fr; } :is(#fw-core,#fw-page,.fwx-scope) .flex-col{ flex-direction: column; } :is(#fw-core,#fw-page,.fwx-scope) .flex-wrap{ flex-wrap: wrap; } :is(#fw-core,#fw-page,.fwx-scope) .flex-nowrap{ flex-wrap: nowrap; } :is(#fw-core,#fw-page,.fwx-scope) .place-items-center{ place-items: center; } :is(#fw-core,#fw-page,.fwx-scope) .items-start{ align-items: flex-start; } :is(#fw-core,#fw-page,.fwx-scope) .items-end{ align-items: flex-end; } :is(#fw-core,#fw-page,.fwx-scope) .items-center{ align-items: center; } :is(#fw-core,#fw-page,.fwx-scope) .items-baseline{ align-items: baseline; } :is(#fw-core,#fw-page,.fwx-scope) .items-stretch{ align-items: stretch; } :is(#fw-core,#fw-page,.fwx-scope) .justify-end{ justify-content: flex-end; } :is(#fw-core,#fw-page,.fwx-scope) .justify-center{ justify-content: center; } :is(#fw-core,#fw-page,.fwx-scope) .justify-between{ justify-content: space-between; } :is(#fw-core,#fw-page,.fwx-scope) .gap-0{ gap: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-0\.5{ gap: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-1{ gap: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-1\.5{ gap: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-2{ gap: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-2\.5{ gap: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-3{ gap: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-3\.5{ gap: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-4{ gap: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-5{ gap: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-6{ gap: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-7{ gap: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-8{ gap: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-\[1\.5px\]{ gap: 1.5px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-\[14px\]{ gap: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-\[18px\]{ gap: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-\[2px\]{ gap: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-\[3px\]{ gap: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-px{ gap: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-x-3{ column-gap: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-x-4{ column-gap: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-x-5{ column-gap: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-y-2{ row-gap: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .gap-y-3{ row-gap: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .self-start{ align-self: flex-start; } :is(#fw-core,#fw-page,.fwx-scope) .self-end{ align-self: flex-end; } :is(#fw-core,#fw-page,.fwx-scope) .self-center{ align-self: center; } :is(#fw-core,#fw-page,.fwx-scope) .self-stretch{ align-self: stretch; } :is(#fw-core,#fw-page,.fwx-scope) .overflow-hidden{ overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .overflow-visible{ overflow: visible; } :is(#fw-core,#fw-page,.fwx-scope) .overflow-x-auto{ overflow-x: auto; } :is(#fw-core,#fw-page,.fwx-scope) .overflow-y-auto{ overflow-y: auto; } :is(#fw-core,#fw-page,.fwx-scope) .overscroll-contain{ overscroll-behavior: contain; } :is(#fw-core,#fw-page,.fwx-scope) .truncate{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .whitespace-nowrap{ white-space: nowrap; } :is(#fw-core,#fw-page,.fwx-scope) .whitespace-pre-wrap{ white-space: pre-wrap; } :is(#fw-core,#fw-page,.fwx-scope) .rounded-full{ border-radius: 9999px; } :is(#fw-core,#fw-page,.fwx-scope) .rounded-fw{ border-radius: var(--fw-corner); } :is(#fw-core,#fw-page,.fwx-scope) .rounded-fw-pill{ border-radius: var(--fw-corner-pill); } :is(#fw-core,#fw-page,.fwx-scope) .rounded-fw-sm{ border-radius: var(--fw-corner-sm); } :is(#fw-core,#fw-page,.fwx-scope) .rounded-b-\[3px\]{ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } :is(#fw-core,#fw-page,.fwx-scope) .rounded-t-fw{ border-top-left-radius: var(--fw-corner); border-top-right-radius: var(--fw-corner); } :is(#fw-core,#fw-page,.fwx-scope) .border{ border-width: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .border-0{ border-width: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .border-x-\[3\.5px\]{ border-left-width: 3.5px; border-right-width: 3.5px; } :is(#fw-core,#fw-page,.fwx-scope) .border-b{ border-bottom-width: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .border-b-2{ border-bottom-width: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .border-l-2{ border-left-width: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .border-r{ border-right-width: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .border-t{ border-top-width: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .border-t-\[4px\]{ border-top-width: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .border-dashed{ border-style: dashed; } :is(#fw-core,#fw-page,.fwx-scope) .border-\[color\:color-mix\(in_srgb\,var\(--fw-text\)_5\%\,transparent\)\]{ border-color: color-mix(in srgb,var(--fw-text) 5%,transparent); } :is(#fw-core,#fw-page,.fwx-scope) .border-\[color\:color-mix\(in_srgb\,var\(--fw-text\)_6\%\,transparent\)\]{ border-color: color-mix(in srgb,var(--fw-text) 6%,transparent); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-accent{ border-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-border{ border-color: var(--fw-border); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-border-muted{ border-color: var(--fw-border-muted); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-inverse{ border-color: var(--fw-inverse); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-line{ border-color: var(--fw-line); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-surface-2{ border-color: var(--fw-surface-2); } :is(#fw-core,#fw-page,.fwx-scope) .border-fw-surface-3{ border-color: var(--fw-surface-3); } :is(#fw-core,#fw-page,.fwx-scope) .border-transparent{ border-color: rgba(0, 0, 0, 0); } :is(#fw-core,#fw-page,.fwx-scope) .border-white\/30{ border-color: rgba(255, 255, 255, 0.3); } :is(#fw-core,#fw-page,.fwx-scope) .border-x-transparent{ border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); } :is(#fw-core,#fw-page,.fwx-scope) .border-l-fw-accent{ border-left-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .border-t-current{ border-top-color: currentcolor; } :is(#fw-core,#fw-page,.fwx-scope) .bg-\[\#0a0a0a\]{ --tw-bg-opacity: 1; background-color: rgb(10 10 10/var(--tw-bg-opacity,1)); } :is(#fw-core,#fw-page,.fwx-scope) .bg-\[rgba\(235\,0\,0\,0\.07\)\]{ background-color: rgba(235, 0, 0, 0.07); } :is(#fw-core,#fw-page,.fwx-scope) .bg-black\/30{ background-color: rgba(0, 0, 0, 0.3); } :is(#fw-core,#fw-page,.fwx-scope) .bg-black\/45{ background-color: rgba(0, 0, 0, 0.45); } :is(#fw-core,#fw-page,.fwx-scope) .bg-black\/\[0\.06\]{ background-color: rgba(0, 0, 0, 0.06); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-accent{ background-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-bg{ background-color: var(--fw-bg); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-inverse{ background-color: var(--fw-inverse); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-line{ background-color: var(--fw-line); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-surface{ background-color: var(--fw-surface); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-surface-2{ background-color: var(--fw-surface-2); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-surface-3{ background-color: var(--fw-surface-3); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-text{ background-color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .bg-fw-text-subtle{ background-color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .bg-neutral-950{ --tw-bg-opacity: 1; background-color: rgb(10 10 10/var(--tw-bg-opacity,1)); } :is(#fw-core,#fw-page,.fwx-scope) .bg-transparent{ background-color: rgba(0, 0, 0, 0); } :is(#fw-core,#fw-page,.fwx-scope) .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); } :is(#fw-core,#fw-page,.fwx-scope) .bg-white\/25{ background-color: rgba(255, 255, 255, 0.25); } :is(#fw-core,#fw-page,.fwx-scope) .bg-white\/40{ background-color: rgba(255, 255, 255, 0.4); } :is(#fw-core,#fw-page,.fwx-scope) .object-cover{ object-fit: cover; } :is(#fw-core,#fw-page,.fwx-scope) .p-0{ padding: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .p-2{ padding: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .p-3{ padding: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .p-3\.5{ padding: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .px-0{ padding-left: 0px; padding-right: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .px-1{ padding-left: 4px; padding-right: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .px-1\.5{ padding-left: 6px; padding-right: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .px-2{ padding-left: 8px; padding-right: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .px-2\.5{ padding-left: 10px; padding-right: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .px-3{ padding-left: 12px; padding-right: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .px-3\.5{ padding-left: 14px; padding-right: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .px-4{ padding-left: 16px; padding-right: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .px-5{ padding-left: 20px; padding-right: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .px-6{ padding-left: 24px; padding-right: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .px-7{ padding-left: 28px; padding-right: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .px-8{ padding-left: 32px; padding-right: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[14px\]{ padding-left: 14px; padding-right: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[15px\]{ padding-left: 15px; padding-right: 15px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[18px\]{ padding-left: 18px; padding-right: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[22px\]{ padding-left: 22px; padding-right: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[7px\]{ padding-left: 7px; padding-right: 7px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[9px\]{ padding-left: 9px; padding-right: 9px; } :is(#fw-core,#fw-page,.fwx-scope) .px-\[var\(--fw-pad\)\]{ padding-left: var(--fw-pad); padding-right: var(--fw-pad); } :is(#fw-core,#fw-page,.fwx-scope) .px-\[var\(--fw-pad\,32px\)\]{ padding-left: var(--fw-pad,32px); padding-right: var(--fw-pad,32px); } :is(#fw-core,#fw-page,.fwx-scope) .py-0{ padding-top: 0px; padding-bottom: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .py-0\.5{ padding-top: 2px; padding-bottom: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .py-1{ padding-top: 4px; padding-bottom: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .py-1\.5{ padding-top: 6px; padding-bottom: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .py-16{ padding-top: 64px; padding-bottom: 64px; } :is(#fw-core,#fw-page,.fwx-scope) .py-2{ padding-top: 8px; padding-bottom: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .py-2\.5{ padding-top: 10px; padding-bottom: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .py-24{ padding-top: 96px; padding-bottom: 96px; } :is(#fw-core,#fw-page,.fwx-scope) .py-3{ padding-top: 12px; padding-bottom: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .py-3\.5{ padding-top: 14px; padding-bottom: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .py-4{ padding-top: 16px; padding-bottom: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .py-5{ padding-top: 20px; padding-bottom: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .py-6{ padding-top: 24px; padding-bottom: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .py-7{ padding-top: 28px; padding-bottom: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .py-8{ padding-top: 32px; padding-bottom: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[11px\]{ padding-top: 11px; padding-bottom: 11px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[15px\]{ padding-top: 15px; padding-bottom: 15px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[26px\]{ padding-top: 26px; padding-bottom: 26px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[2px\]{ padding-top: 2px; padding-bottom: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[5px\]{ padding-top: 5px; padding-bottom: 5px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[7px\]{ padding-top: 7px; padding-bottom: 7px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[9px\]{ padding-top: 9px; padding-bottom: 9px; } :is(#fw-core,#fw-page,.fwx-scope) .py-\[clamp\(28px\,5vh\,52px\)\]{ padding-top: clamp(28px, 5vh, 52px); padding-bottom: clamp(28px, 5vh, 52px); } :is(#fw-core,#fw-page,.fwx-scope) .pb-0\.5{ padding-bottom: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-1{ padding-bottom: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-1\.5{ padding-bottom: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-10{ padding-bottom: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-16{ padding-bottom: 64px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-2{ padding-bottom: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-2\.5{ padding-bottom: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-24{ padding-bottom: 96px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-3{ padding-bottom: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-3\.5{ padding-bottom: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-32{ padding-bottom: 128px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-4{ padding-bottom: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-5{ padding-bottom: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-6{ padding-bottom: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-\[118px\]{ padding-bottom: 118px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-\[22px\]{ padding-bottom: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .pb-\[max\(16px\,env\(safe-area-inset-bottom\)\)\]{ padding-bottom: max(16px, env(safe-area-inset-bottom)); } :is(#fw-core,#fw-page,.fwx-scope) .pb-\[max\(18px\,env\(safe-area-inset-bottom\)\)\]{ padding-bottom: max(18px, env(safe-area-inset-bottom)); } :is(#fw-core,#fw-page,.fwx-scope) .pb-\[max\(22px\,env\(safe-area-inset-bottom\,0px\)\)\]{ padding-bottom: max(22px, env(safe-area-inset-bottom,0px)); } :is(#fw-core,#fw-page,.fwx-scope) .pl-5{ padding-left: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .pl-6{ padding-left: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .pr-1{ padding-right: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .pr-14{ padding-right: 56px; } :is(#fw-core,#fw-page,.fwx-scope) .pr-3{ padding-right: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .pr-4{ padding-right: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .pr-6{ padding-right: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .pr-8{ padding-right: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-0\.5{ padding-top: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-1{ padding-top: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-1\.5{ padding-top: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-10{ padding-top: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-2{ padding-top: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-2\.5{ padding-top: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-3{ padding-top: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-3\.5{ padding-top: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-4{ padding-top: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-5{ padding-top: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-6{ padding-top: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-8{ padding-top: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-\[18px\]{ padding-top: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-\[30px\]{ padding-top: 30px; } :is(#fw-core,#fw-page,.fwx-scope) .pt-\[max\(12px\,env\(safe-area-inset-top\)\)\]{ padding-top: max(12px, env(safe-area-inset-top)); } :is(#fw-core,#fw-page,.fwx-scope) .text-left{ text-align: left; } :is(#fw-core,#fw-page,.fwx-scope) .text-center{ text-align: center; } :is(#fw-core,#fw-page,.fwx-scope) .text-right{ text-align: right; } :is(#fw-core,#fw-page,.fwx-scope) .font-display{ font-family: var(--font-oswald), sans-serif; } :is(#fw-core,#fw-page,.fwx-scope) .font-mono{ font-family: var(--font-jetbrains), monospace; } :is(#fw-core,#fw-page,.fwx-scope) .text-4xl{ font-size: 36px; line-height: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[10\.5px\]{ font-size: 10.5px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[10px\]{ font-size: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[11px\]{ font-size: 11px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[12\.5px\]{ font-size: 12.5px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[12px\]{ font-size: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[13px\]{ font-size: 13px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[14px\]{ font-size: 14px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[15px\]{ font-size: 15px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[16px\]{ font-size: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[17px\]{ font-size: 17px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[18px\]{ font-size: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[20px\]{ font-size: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[21px\]{ font-size: 21px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[22px\]{ font-size: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[28px\]{ font-size: 28px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[30px\]{ font-size: 30px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[32px\]{ font-size: 32px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[34px\]{ font-size: 34px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[36px\]{ font-size: 36px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[40px\]{ font-size: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[6\.5px\]{ font-size: 6.5px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[7\.5px\]{ font-size: 7.5px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[8px\]{ font-size: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[9\.5px\]{ font-size: 9.5px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[9px\]{ font-size: 9px; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[calc\(18px\*var\(--fw-r\)\)\]{ font-size: calc(18px * var(--fw-r)); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[calc\(18px\*var\(--fw-r-w\)\)\]{ font-size: calc(18px * var(--fw-r-w)); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[calc\(20px\*var\(--fw-r\)\)\]{ font-size: calc(20px * var(--fw-r)); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[calc\(24px\*var\(--fw-r\)\)\]{ font-size: calc(24px * var(--fw-r)); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[clamp\(1\.3rem\,2\.4vw\,1\.9rem\)\]{ font-size: clamp(20.8px, 2.4vw, 30.4px); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[clamp\(24px\,3\.4vw\,36px\)\]{ font-size: clamp(24px, 3.4vw, 36px); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[clamp\(28px\,3\.6vw\,36px\)\]{ font-size: clamp(28px, 3.6vw, 36px); } :is(#fw-core,#fw-page,.fwx-scope) .text-\[clamp\(28px\,4vw\,44px\)\]{ font-size: clamp(28px, 4vw, 44px); } :is(#fw-core,#fw-page,.fwx-scope) .text-sm{ font-size: 14px; line-height: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .text-xs{ font-size: 12px; line-height: 16px; } :is(#fw-core,#fw-page,.fwx-scope) .font-bold{ font-weight: 700; } :is(#fw-core,#fw-page,.fwx-scope) .font-medium{ font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .font-normal{ font-weight: 400; } :is(#fw-core,#fw-page,.fwx-scope) .font-semibold{ font-weight: 600; } :is(#fw-core,#fw-page,.fwx-scope) .uppercase{ text-transform: uppercase; } :is(#fw-core,#fw-page,.fwx-scope) .normal-case{ text-transform: none; } :is(#fw-core,#fw-page,.fwx-scope) .italic{ font-style: italic; } :is(#fw-core,#fw-page,.fwx-scope) .not-italic{ font-style: normal; } :is(#fw-core,#fw-page,.fwx-scope) .leading-6{ line-height: 24px; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[0\.95\]{ line-height: 0.95; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.02\]{ line-height: 1.02; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.05\]{ line-height: 1.05; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.08\]{ line-height: 1.08; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.1\]{ line-height: 1.1; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.35\]{ line-height: 1.35; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.3\]{ line-height: 1.3; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.45\]{ line-height: 1.45; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.55\]{ line-height: 1.55; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.5\]{ line-height: 1.5; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.65\]{ line-height: 1.65; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.6\]{ line-height: 1.6; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.7\]{ line-height: 1.7; } :is(#fw-core,#fw-page,.fwx-scope) .leading-\[1\.8\]{ line-height: 1.8; } :is(#fw-core,#fw-page,.fwx-scope) .leading-none{ line-height: 1; } :is(#fw-core,#fw-page,.fwx-scope) .leading-relaxed{ line-height: 1.625; } :is(#fw-core,#fw-page,.fwx-scope) .leading-snug{ line-height: 1.375; } :is(#fw-core,#fw-page,.fwx-scope) .leading-tight{ line-height: 1.25; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[-0\.01em\]{ letter-spacing: -0.01em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[-0\.02em\]{ letter-spacing: -0.02em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.01em\]{ letter-spacing: 0.01em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.02em\]{ letter-spacing: 0.02em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.03em\]{ letter-spacing: 0.03em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.04em\]{ letter-spacing: 0.04em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.05em\]{ letter-spacing: 0.05em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.06em\]{ letter-spacing: 0.06em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.08em\]{ letter-spacing: 0.08em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.12em\]{ letter-spacing: 0.12em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.14em\]{ letter-spacing: 0.14em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.16em\]{ letter-spacing: 0.16em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.18em\]{ letter-spacing: 0.18em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.1em\]{ letter-spacing: 0.1em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.22em\]{ letter-spacing: 0.22em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.24em\]{ letter-spacing: 0.24em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.26em\]{ letter-spacing: 0.26em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.28em\]{ letter-spacing: 0.28em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-\[0\.2em\]{ letter-spacing: 0.2em; } :is(#fw-core,#fw-page,.fwx-scope) .tracking-wider{ letter-spacing: 0.05em; } :is(#fw-core,#fw-page,.fwx-scope) .text-\[\#0a0a0a\]{ --tw-text-opacity: 1; color: rgb(10 10 10/var(--tw-text-opacity,1)); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-accent{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-bg{ color: var(--fw-bg); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-inverse{ color: var(--fw-inverse); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-text{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-text-muted{ color: var(--fw-text-muted); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-text-secondary{ color: var(--fw-text-secondary); } :is(#fw-core,#fw-page,.fwx-scope) .text-fw-text-subtle{ color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); } :is(#fw-core,#fw-page,.fwx-scope) .text-white\/35{ color: rgba(255, 255, 255, 0.35); } :is(#fw-core,#fw-page,.fwx-scope) .text-white\/60{ color: rgba(255, 255, 255, 0.6); } :is(#fw-core,#fw-page,.fwx-scope) .text-white\/75{ color: rgba(255, 255, 255, 0.75); } :is(#fw-core,#fw-page,.fwx-scope) .text-white\/85{ color: rgba(255, 255, 255, 0.85); } :is(#fw-core,#fw-page,.fwx-scope) .underline{ text-decoration-line: underline; } :is(#fw-core,#fw-page,.fwx-scope) .underline-offset-2{ text-underline-offset: 2px; } :is(#fw-core,#fw-page,.fwx-scope) .antialiased{ -webkit-font-smoothing: antialiased; } :is(#fw-core,#fw-page,.fwx-scope) .caret-fw-accent{ caret-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .accent-\[color\:var\(--fw-accent\)\]{ accent-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .opacity-40{ opacity: 0.4; } :is(#fw-core,#fw-page,.fwx-scope) .opacity-50{ opacity: 0.5; } :is(#fw-core,#fw-page,.fwx-scope) .opacity-55{ opacity: 0.55; } :is(#fw-core,#fw-page,.fwx-scope) .opacity-60{ opacity: 0.6; } :is(#fw-core,#fw-page,.fwx-scope) .opacity-70{ opacity: 0.7; } :is(#fw-core,#fw-page,.fwx-scope) .shadow-floating{ --tw-shadow: var(--fw-seam), var(--fw-over); --tw-shadow-colored: var(--fw-seam), var(--fw-over); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } :is(#fw-core,#fw-page,.fwx-scope) .shadow-lift{ --tw-shadow: var(--fw-lift); --tw-shadow-colored: var(--fw-lift); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } :is(#fw-core,#fw-page,.fwx-scope) .shadow-seam{ --tw-shadow: var(--fw-seam); --tw-shadow-colored: var(--fw-seam); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); } :is(#fw-core,#fw-page,.fwx-scope) .shadow-\[var\(--fw-seam\)\]{ --tw-shadow-color: var(--fw-seam); --tw-shadow: var(--tw-shadow-colored); } :is(#fw-core,#fw-page,.fwx-scope) .outline-none{ outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; } :is(#fw-core,#fw-page,.fwx-scope) .outline{ outline-style: solid; } :is(#fw-core,#fw-page,.fwx-scope) .outline-1{ outline-width: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .outline-\[color\:color-mix\(in_srgb\,var\(--fw-text\)_10\%\,transparent\)\]{ outline-color: color-mix(in srgb,var(--fw-text) 10%,transparent); } :is(#fw-core,#fw-page,.fwx-scope) .outline-\[color\:color-mix\(in_srgb\,var\(--fw-text\)_5\%\,transparent\)\]{ outline-color: color-mix(in srgb,var(--fw-text) 5%,transparent); } :is(#fw-core,#fw-page,.fwx-scope) .outline-\[color\:color-mix\(in_srgb\,var\(--fw-text\)_8\%\,transparent\)\]{ outline-color: color-mix(in srgb,var(--fw-text) 8%,transparent); } :is(#fw-core,#fw-page,.fwx-scope) .outline-fw-accent{ outline-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .blur{ --tw-blur: blur(8px); 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); } :is(#fw-core,#fw-page,.fwx-scope) .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); } :is(#fw-core,#fw-page,.fwx-scope) .backdrop-blur-\[2px\]{ --tw-backdrop-blur: blur(2px); 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); } :is(#fw-core,#fw-page,.fwx-scope) .backdrop-blur-\[6px\]{ --tw-backdrop-blur: blur(6px); 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); } :is(#fw-core,#fw-page,.fwx-scope) .transition-\[opacity\,color\]{ transition-property: opacity, color; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .transition-\[width\]{ transition-property: width; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .transition-all{ transition-property: all; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .transition-colors{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .transition-opacity{ transition-property: opacity; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .transition-transform{ transition-property: transform; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .duration-150{ transition-duration: 0.15s; } :is(#fw-core,#fw-page,.fwx-scope) .duration-200{ transition-duration: 0.2s; } :is(#fw-core,#fw-page,.fwx-scope) .duration-500{ transition-duration: 0.5s; } :is(#fw-core,#fw-page,.fwx-scope) .duration-\[var\(--fw-dur-state\)\]{ transition-duration: var(--fw-dur-state); } :is(#fw-core,#fw-page,.fwx-scope) .ease-out{ transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } :is(#fw-core,#fw-page,.fwx-scope) .\[writing-mode\:vertical-rl\]{ writing-mode: vertical-rl; } @media (max-width: 639px){:is(#fw-core,#fw-page,.fwx-scope) h1.font-display{ font-size: 24px; line-height: 1.15; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-scheme-light,.fw-scheme-light{ --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; --fw-bg: #f3f3f5; --fw-surface: #fff; --fw-surface-2: #e9e9ec; --fw-surface-3: #dddde1; --fw-surface-4: #d0d0d5; --fw-line: #0a0a0a14; --fw-text: #0a0a0a; --fw-text-secondary: #171717; --fw-text-muted: #38383c; --fw-text-subtle: #68686e; --fw-border: #d4d4d4; --fw-border-muted: #e5e5e5; --fw-inverse: #000; --fw-band-alt: #fff; --fw-band-alt-text: #0a0a0a; --fw-overlay: #00000073; --fw-danger: #e5484d; --fw-accent: #eb0000; --fw-gen-ground: var(--fw-surface-2); --fw-gen-mark: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .fw-scheme-dark,.fw-scheme-dark{ --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; --fw-bg: #0e0e10; --fw-surface: #17171a; --fw-surface-2: #202024; --fw-surface-3: #2a2a2f; --fw-surface-4: #34343a; --fw-line: #ffffff1a; --fw-text: #fafafa; --fw-text-secondary: #e5e5e5; --fw-text-muted: #b6b6bb; --fw-text-subtle: #88888f; --fw-border: #333; --fw-border-muted: #272727; --fw-inverse: #fff; --fw-band-alt: #000; --fw-band-alt-text: #fafafa; --fw-overlay: #00000073; --fw-danger: #e5484d; --fw-accent: #eb0000; } :is(#fw-core,#fw-page,.fwx-scope) *{ box-sizing: border-box; } :is(#fw-core,#fw-page,.fwx-scope) a{ color: inherit; text-decoration: none; } :is(#fw-core,#fw-page,.fwx-scope) .font-display{ font-family: var(--font-oswald), sans-serif; letter-spacing: -0.02em; font-weight: 700; } :is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll{ scrollbar-width: none; overscroll-behavior: contain; } :is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll::-webkit-scrollbar{ display: none; } @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll.fw-thin-scroll{ scrollbar-width: thin; scrollbar-color: var(--fw-line) transparent; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll.fw-thin-scroll::-webkit-scrollbar{ width: 10px; display: block; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll.fw-thin-scroll::-webkit-scrollbar-track{ background: 0px 0px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll.fw-thin-scroll::-webkit-scrollbar-thumb{ background-color: var(--fw-line); background-clip: padding-box; border: 3px solid rgba(0, 0, 0, 0); border-radius: 999px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll.fw-thin-scroll::-webkit-scrollbar-thumb:hover{ background-color: var(--fw-text-subtle); }} :is(#fw-core,#fw-page,.fwx-scope) .fw-copy-message{ opacity: 0.45; } :is(#fw-core,#fw-page,.fwx-scope) .fw-msg:hover .fw-copy-message,:is(#fw-core,#fw-page,.fwx-scope) .fw-msg:focus-within .fw-copy-message,:is(#fw-core,#fw-page,.fwx-scope) .fw-copy-message:focus-visible{ opacity: 1; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-x{ scrollbar-width: thin; scrollbar-color: var(--fw-surface-3) transparent; overflow: auto hidden; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-x::-webkit-scrollbar{ height: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-x::-webkit-scrollbar-track{ background: 0px 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-x::-webkit-scrollbar-thumb{ background-color: var(--fw-surface-3); background-clip: padding-box; border: 2px solid rgba(0, 0, 0, 0); border-radius: 999px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-x::-webkit-scrollbar-thumb:hover{ background-color: var(--fw-surface-4); } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y{ scrollbar-width: thin; scrollbar-color: var(--fw-surface-3) transparent; overflow: hidden auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y::-webkit-scrollbar{ width: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y::-webkit-scrollbar-track{ background: 0px 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y::-webkit-scrollbar-thumb{ background-color: var(--fw-surface-3); background-clip: padding-box; border: 2px solid rgba(0, 0, 0, 0); border-radius: 999px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y::-webkit-scrollbar-thumb:hover{ background-color: var(--fw-surface-4); } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y-quiet{ overscroll-behavior: contain; scrollbar-width: none; overflow: hidden auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scroll-y-quiet::-webkit-scrollbar{ width: 0px; height: 0px; display: none; } :is(#fw-core,#fw-page,.fwx-scope) #deck #deckHint.show{ transform: none; } :is(#fw-core,#fw-page,.fwx-scope) :is(a, button, [role="button"], select):focus-visible{ outline: 1px solid var(--fw-accent); outline-offset: 2px; } :is(#fw-core,#fw-page,.fwx-scope) ::selection{ background: var(--fw-accent); color: rgb(255, 255, 255); } :is(#fw-core,#fw-page,.fwx-scope) :is(button, [role="button"]):not(:disabled):active{ transform: translateY(1px); } :is(#fw-core,#fw-page,.fwx-scope) .placeholder\:text-fw-text-subtle::placeholder{ color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .first\:border-t-0:first-child{ border-top-width: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .first\:pt-0:first-child{ padding-top: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .last\:border-b-0:last-child{ border-bottom-width: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:float-left:first-of-type::first-letter{ float: left; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:pr-2:first-of-type::first-letter{ padding-right: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:font-display:first-of-type::first-letter{ font-family: var(--font-oswald), sans-serif; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:text-\[40px\]:first-of-type::first-letter{ font-size: 40px; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:font-bold:first-of-type::first-letter{ font-weight: 700; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:leading-\[0\.82\]:first-of-type::first-letter{ line-height: 0.82; } :is(#fw-core,#fw-page,.fwx-scope) .first-of-type\:first-letter\:text-fw-text:first-of-type::first-letter{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .focus-within\:bg-fw-surface-3:focus-within{ background-color: var(--fw-surface-3); } @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:border-fw-accent:hover{ border-color: var(--fw-accent); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:border-fw-text-subtle:hover{ border-color: var(--fw-text-subtle); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-\[rgba\(235\,0\,0\,0\.07\)\]:hover{ background-color: rgba(235, 0, 0, 0.07); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-\[rgba\(235\,0\,0\,0\.12\)\]:hover{ background-color: rgba(235, 0, 0, 0.12); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-black\/\[0\.03\]:hover{ background-color: rgba(0, 0, 0, 0.03); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-fw-accent:hover{ background-color: var(--fw-accent); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-fw-bg:hover{ background-color: var(--fw-bg); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-fw-inverse:hover{ background-color: var(--fw-inverse); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-fw-surface-2:hover{ background-color: var(--fw-surface-2); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:bg-fw-surface-3:hover{ background-color: var(--fw-surface-3); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:text-fw-accent:hover{ color: var(--fw-accent); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:text-fw-bg:hover{ color: var(--fw-bg); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:text-fw-text:hover{ color: var(--fw-text); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:underline:hover{ text-decoration-line: underline; }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:opacity-70:hover{ opacity: 0.7; }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:opacity-80:hover{ opacity: 0.8; }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:opacity-85:hover{ opacity: 0.85; }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .hover\:opacity-90:hover{ opacity: 0.9; }} :is(#fw-core,#fw-page,.fwx-scope) .focus\:outline-none:focus{ outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; } :is(#fw-core,#fw-page,.fwx-scope) .focus\:outline:focus{ outline-style: solid; } :is(#fw-core,#fw-page,.fwx-scope) .focus\:outline-1:focus{ outline-width: 1px; } :is(#fw-core,#fw-page,.fwx-scope) .focus\:outline-black\/25:focus{ outline-color: rgba(0, 0, 0, 0.25); } :is(#fw-core,#fw-page,.fwx-scope) .focus-visible\:border-fw-accent:focus-visible{ border-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .focus-visible\:text-fw-accent:focus-visible{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .focus-visible\:text-fw-text:focus-visible{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .focus-visible\:outline-none:focus-visible{ outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px; } :is(#fw-core,#fw-page,.fwx-scope) .focus-visible\:ring-1:focus-visible{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000); } :is(#fw-core,#fw-page,.fwx-scope) .focus-visible\:ring-fw-text-subtle:focus-visible{ --tw-ring-color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .active\:cursor-grabbing:active{ cursor: grabbing; } :is(#fw-core,#fw-page,.fwx-scope) .active\:bg-fw-surface-2:active{ background-color: var(--fw-surface-2); } :is(#fw-core,#fw-page,.fwx-scope) .disabled\:cursor-default:disabled{ cursor: default; } :is(#fw-core,#fw-page,.fwx-scope) .disabled\:cursor-not-allowed:disabled{ cursor: not-allowed; } :is(#fw-core,#fw-page,.fwx-scope) .disabled\:opacity-40:disabled{ opacity: 0.4; } :is(#fw-core,#fw-page,.fwx-scope) .disabled\:opacity-50:disabled{ opacity: 0.5; } @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .disabled\:hover\:border-fw-border:hover:disabled{ border-color: var(--fw-border); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .disabled\:hover\:text-fw-text-muted:hover:disabled{ color: var(--fw-text-muted); }} @media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .group:hover .group-hover\:text-fw-text{ color: var(--fw-text); }} @media (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) .motion-reduce\:transition-none{ transition-property: none; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pointer-events-none{ pointer-events: none; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:\!fixed{ position: fixed !important; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:inset-x-0{ left: 0px; right: 0px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:bottom-0{ bottom: 0px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:top-\[38\%\]{ top: 38%; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:z-\[80\]{ z-index: 80; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:mt-2{ margin-top: 8px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:flex{ display: flex; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:hidden{ display: none; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:h-9{ height: 36px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:\!w-full{ width: 100% !important; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:w-auto{ width: auto; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:max-w-\[46ch\]{ max-width: 46ch; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:flex-none{ flex: 0 0 auto; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:grid-cols-1{ grid-template-columns: repeat(1, minmax(0px, 1fr)); }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:items-center{ align-items: center; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:gap-1{ gap: 4px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:overflow-x-auto{ overflow-x: auto; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:overflow-y-hidden{ overflow-y: hidden; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:border-b{ border-bottom-width: 1px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:border-r-0{ border-right-width: 0px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:bg-fw-surface{ background-color: var(--fw-surface); }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:px-5{ padding-left: 20px; padding-right: 20px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:px-\[18px\]{ padding-left: 18px; padding-right: 18px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:py-0{ padding-top: 0px; padding-bottom: 0px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:py-2{ padding-top: 8px; padding-bottom: 8px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pb-0{ padding-bottom: 0px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pb-4{ padding-bottom: 16px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pb-5{ padding-bottom: 20px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pb-\[env\(safe-area-inset-bottom\)\]{ padding-bottom: env(safe-area-inset-bottom); }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pl-\[18px\]{ padding-left: 18px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pr-3{ padding-right: 12px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:pt-\[max\(10px\,env\(safe-area-inset-top\)\)\]{ padding-top: max(10px, env(safe-area-inset-top)); }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:text-\[13px\]{ font-size: 13px; }} @media not all and (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .max-md\:text-\[16px\]{ font-size: 16px; }} @media not all and (min-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .max-sm\:hidden{ display: none; }} @media not all and (min-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .max-sm\:grid-cols-1{ grid-template-columns: repeat(1, minmax(0px, 1fr)); }} @media (min-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .sm\:inline{ display: inline; }} @media (min-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0px, 1fr)); }} @media (min-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .sm\:gap-3{ gap: 12px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:absolute{ position: absolute; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:left-1\/2{ left: 50%; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:order-none{ order: 0; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:flex{ display: flex; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:hidden{ display: none; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:aspect-auto{ aspect-ratio: auto; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:h-\[15px\]{ height: 15px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:w-\[46\%\]{ width: 46%; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:w-auto{ width: auto; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:max-w-\[min\(100\%\,760px\)\]{ max-width: min(100%, 760px); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:-translate-x-1\/2{ --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0px, 1fr)); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:flex-row{ flex-direction: row; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:justify-center{ justify-content: center; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:gap-5{ gap: 20px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:rounded-fw{ border-radius: var(--fw-corner); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:rounded-t-\[3px\]{ border-top-left-radius: 3px; border-top-right-radius: 3px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:px-5{ padding-left: 20px; padding-right: 20px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:px-6{ padding-left: 24px; padding-right: 24px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:px-7{ padding-left: 28px; padding-right: 28px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:px-\[22px\]{ padding-left: 22px; padding-right: 22px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:px-\[26px\]{ padding-left: 26px; padding-right: 26px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:py-2\.5{ padding-top: 10px; padding-bottom: 10px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:py-8{ padding-top: 32px; padding-bottom: 32px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:pb-4{ padding-bottom: 16px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:pb-8{ padding-bottom: 32px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:pl-12{ padding-left: 48px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:pr-14{ padding-right: 56px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:pt-9{ padding-top: 36px; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .md\:shadow-floating{ --tw-shadow: var(--fw-seam), var(--fw-over); --tw-shadow-colored: var(--fw-seam), var(--fw-over); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow); }} @media (hover: hover){@media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .\[\@media\(hover\:hover\)\]\:hover\:bg-fw-surface-3:hover{ background-color: var(--fw-surface-3); }}} @media (hover: hover){@media (hover: hover) and (pointer: fine){:is(#fw-core,#fw-page,.fwx-scope) .\[\@media\(hover\:hover\)\]\:hover\:text-fw-text:hover{ color: var(--fw-text); }}} :is(#fw-core,#fw-page,.fwx-scope) .fw-cta-sm{ font-family: var(--font-oswald), sans-serif; font-weight: 700; font-size: var(--fw-type-body); letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; } :is(#fw-core,#fw-page,.fwx-scope) .fw-micro{ font-family: var(--font-jetbrains), monospace; font-weight: 500; font-size: var(--fw-type-micro); letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.4; } :is(#fw-core,#fw-page,.fwx-scope) .fw-body-compact{ font-family: var(--font-jetbrains), monospace; font-weight: 500; font-size: var(--fw-type-compact); line-height: 1.5; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ui-label{ font-family: var(--font-jetbrains), monospace; font-weight: 500; font-size: var(--fw-ui-label); letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.35; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ui-hint{ font-family: var(--font-jetbrains), monospace; font-weight: 400; font-size: var(--fw-ui-hint); letter-spacing: 0.01em; line-height: 1.6; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ui-micro{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; font-size: clamp(10px, 0.55vw, 11px); font-weight: 500; line-height: 1.3; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ui-title{ font-family: var(--font-oswald), sans-serif; font-weight: 700; font-size: var(--fw-ui-title); letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.2; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ui-rail-title{ font-family: var(--font-oswald), sans-serif; font-weight: 700; font-size: var(--fw-ui-rail-title); letter-spacing: 0.02em; text-transform: uppercase; line-height: 1.2; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row__action{ padding-right: var(--fw-rail-action-inset); flex: 0 0 auto; } @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu__rest,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-rowmenu{ transition: opacity var(--fw-dur-state) var(--fw-ease-out), color var(--fw-dur-state) var(--fw-ease-out); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-rowmenu{ opacity: 0; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-rowmenu:hover{ color: var(--fw-text); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu-host:hover .fw-rowmenu__rest,:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu[data-open] .fw-rowmenu__rest{ opacity: 0; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu-host:has(:focus-visible) .fw-rowmenu__rest{ opacity: 0; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu-host:hover .fw-rail-rowmenu,:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu[data-open] .fw-rail-rowmenu{ opacity: 1; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rowmenu-host:has(:focus-visible) .fw-rail-rowmenu{ opacity: 1; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-tag{ font-family: var(--font-jetbrains), monospace; font-weight: 400; font-size: var(--fw-rail-tag-size); letter-spacing: 0.08em; text-transform: uppercase; color: var(--fw-text-subtle); line-height: 1.2; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-tag__more{ color: var(--fw-text-subtle); margin-left: 4px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-filter{ font-family: var(--font-jetbrains), monospace; font-size: var(--fw-rail-filter-size); letter-spacing: 0.16em; text-transform: uppercase; color: var(--fw-text-muted); align-items: center; gap: 4px; transition: color 0.12s; display: inline-flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-filter:hover{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search{ margin-bottom: var(--fw-rail-after-search); background: var(--fw-surface-2); align-items: center; gap: 10px; padding: 10px 14px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) button.fw-rail-search:focus-visible{ outline: 1px solid color-mix(in srgb, var(--fw-text) 35%, transparent); outline-offset: -1px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-row{ padding-left: calc(var(--fw-shell-rail-pad) + var(--fw-shell-rail-indent) * var(--fw-shell-rail-depth,0)); } :is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-head{ justify-content: space-between; align-items: center; gap: 8px; min-height: 20px; margin-bottom: 8px; padding-right: 10px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-head__label{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.24em; text-transform: uppercase; color: var(--fw-text-subtle); margin: 0px 0px 0px 11px; font-size: 9px; font-weight: 400; line-height: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-head__action{ min-height: 20px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-trail{ display: contents; } [data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .h-dvh,[data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .h-\[100dvh\]{ height: var(--fw-vh); } [data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .max-h-dvh{ max-height: var(--fw-vh); } [data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .min-h-dvh,[data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .min-h-screen,[data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .min-h-\[100dvh\]{ min-height: var(--fw-vh); } [data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-modal="tall"],[data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-modal="panel"]{ max-height: calc(var(--fw-vh) * .84); } [data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-modal="tall"]{ height: calc(var(--fw-vh) * .84); } [data-fw-zoomed="1"] :is(#fw-core,#fw-page,.fwx-scope) .fw-true-scale{ zoom: max(1, calc(1 / var(--fw-zoom,1))); } :is(#fw-core,#fw-page,.fwx-scope) .fw-page{ gap: var(--fw-section-gap); width: 100%; padding: var(--fw-gutter); flex-direction: column; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-pad-x{ padding-inline: var(--fw-pad); } :is(#fw-core,#fw-page,.fwx-scope) .fw-stage{ background: rgb(255, 255, 255); } [data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) .fw-stage{ background: var(--fw-bg); } :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-form-surface{ background: rgb(255, 255, 255); } html[data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-form-surface{ background: var(--fw-bg); } :is(#fw-core,#fw-page,.fwx-scope) :where(button),:is(#fw-core,#fw-page,.fwx-scope) :where(a[class*="bg-fw-inverse"], a[class*="bg-fw-accent"], a[class*="bg-fw-text"]),:is(#fw-core,#fw-page,.fwx-scope) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select){ border-radius: var(--fw-radius); } :is(#fw-core,#fw-page,.fwx-scope) .fw-band{ overscroll-behavior-x: contain; touch-action: pan-x; scrollbar-width: none; min-width: 0px; overflow-x: auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-band::-webkit-scrollbar{ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-field,:is(#fw-core,#fw-page,.fwx-scope) .fw-core-panel,:is(#fw-core,#fw-page,.fwx-scope) .fw-core-surface,:is(#fw-core,#fw-page,.fwx-scope) .fw-dropzone,:is(#fw-core,#fw-page,.fwx-scope) .fw-setup-chip,:is(#fw-core,#fw-page,.fwx-scope) .fw-chat-bubble{ border-radius: var(--fw-radius); } :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-form-surface .fw-dropzone-card{ border-radius: var(--fw-radius); overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-field{ background: var(--fw-surface-2); width: 100%; color: var(--fw-text); border: 0px; outline: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-field::placeholder{ color: var(--fw-text-subtle); } html[data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-field{ background: var(--fw-surface-2); color: var(--fw-text); } html[data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) .fw-submit-field::placeholder{ color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) textarea.fw-submit-field{ scrollbar-width: none; overflow-y: auto; } :is(#fw-core,#fw-page,.fwx-scope) textarea.fw-submit-field::-webkit-scrollbar{ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ai-mark{ --fw-tag-scale: var(--fw-r-w); right: calc(8px * var(--fw-r-w)); bottom: calc(8px * var(--fw-r-w)); z-index: 2; pointer-events: none; position: absolute; } :is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell][data-left-open] .fw-shell-context-brand{ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-band{ min-height: var(--fw-band-h); } :is(#fw-core,#fw-page,.fwx-scope) .fw-ask-peek{ width: var(--fw-live-size); height: var(--fw-live-size); background: var(--fw-inverse); color: var(--fw-bg); place-items: center; display: grid; } :is(#fw-core,#fw-page,.fwx-scope) .fw-ask-peek svg{ color: var(--fw-accent); } @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) input,:is(#fw-core,#fw-page,.fwx-scope) select,:is(#fw-core,#fw-page,.fwx-scope) textarea{ font-size: max(16px, 1em) !important; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-pill-row{ align-items: center; gap: calc(16px * var(--fw-r-w)); overscroll-behavior-x: contain; scrollbar-width: none; flex-wrap: nowrap; display: flex; overflow-x: auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-pill-row::-webkit-scrollbar{ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-pill-row > *{ flex: 0 0 auto; } @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-pill-row{ overflow-x: visible; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-band-act{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fw-text); box-shadow: color-mix(in srgb, currentcolor 42%, transparent) 0px 0px 0px 1px inset; transition: box-shadow var(--fw-dur-state) var(--fw-ease-out), color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; align-items: center; gap: 6px; padding: 6px 10px; font-size: 9px; font-weight: 600; } :is(#fw-core,#fw-page,.fwx-scope) .fw-band-act:hover{ box-shadow: color-mix(in srgb, currentcolor 75%, transparent) 0px 0px 0px 1px inset; } :is(#fw-core,#fw-page,.fwx-scope) .fw-composer-box,:is(#fw-core,#fw-page,.fwx-scope) .fw-ask-dock{ border-radius: var(--fw-corner); box-shadow: var(--fw-seam), var(--fw-lift); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-new,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-newchat{ border-radius: var(--fw-corner-sm); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row{ border: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-new,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-newchat,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search{ box-shadow: var(--fw-seam), var(--fw-lift); } :is(#fw-core,#fw-page,.fwx-scope) .fw-topbar-actions button.rounded-full,:is(#fw-core,#fw-page,.fwx-scope) .fw-topbar-actions a.rounded-full{ box-shadow: var(--fw-seam), var(--fw-lift); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-filter,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-tag,:is(#fw-core,#fw-page,.fwx-scope) .fw-edit-chip,:is(#fw-core,#fw-page,.fwx-scope) .fw-band-act,:is(#fw-core,#fw-page,.fwx-scope) .fw-compose-action,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-composer-pills] button{ border-radius: var(--fw-corner-xs); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-filter,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-destination,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-section__head,:is(#fw-core,#fw-page,.fwx-scope) .fw-edit-chip,:is(#fw-core,#fw-page,.fwx-scope) .fw-band-act,:is(#fw-core,#fw-page,.fwx-scope) .fw-compose-action,:is(#fw-core,#fw-page,.fwx-scope) .fw-topbar-actions button,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-composer-pills] button{ transition: background-color var(--fw-dur-state) var(--fw-ease-out), color var(--fw-dur-state) var(--fw-ease-out), border-color var(--fw-dur-state) var(--fw-ease-out), box-shadow var(--fw-dur-state) var(--fw-ease-out); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-destination:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-edit-chip:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-topbar-actions button:not(:disabled):hover,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-composer-pills] button:not(:disabled):hover{ background-color: var(--fw-surface-2); } :is(#fw-core,#fw-page,.fwx-scope) .fw-turn-said{ border-radius: var(--fw-corner-sm); max-width: min(92%, 62ch); } :is(#fw-core,#fw-page,.fwx-scope) .fw-ask-edge{ --fw-glass-edge-h: 110px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes button,:is(#fw-core,#fw-page,.fwx-scope) .fw-lens__pick,:is(#fw-core,#fw-page,.fwx-scope) .fw-tab{ border-radius: 0px; } @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-panel]{ border-top-right-radius: var(--fw-corner); border-bottom-right-radius: var(--fw-corner); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell] .fw-sheet-rise{ border-top-left-radius: var(--fw-corner); border-bottom-left-radius: var(--fw-corner); overflow: hidden; }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-stage{ background: var(--fw-bg); border-radius: var(--fw-corner); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-surface="reading"] .fw-stage{ background: rgb(255, 255, 255); }} @media (min-width: 768px){[data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-surface="reading"] .fw-stage{ background: var(--fw-bg); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-shell-centre]{ background: rgb(255, 255, 255); }} @media (min-width: 768px){[data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-shell-centre]{ background: var(--fw-bg); }} @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) :has(> .fw-topbar-actions){ background: var(--fw-surface); border-bottom-left-radius: var(--fw-corner); border-bottom-right-radius: var(--fw-corner); }} :is(#fw-core,#fw-page,.fwx-scope) .fw-switch{ border-radius: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-switch__knob{ border-radius: 4px; } :is(#fw-core,#fw-page,.fwx-scope) :where([class*="hover:bg-fw-surface-2"], [class*="hover:bg-fw-surface"], [class*="hover:bg-fw-bg"]):not(.fw-band-square):not([class*="rounded"]){ border-radius: var(--fw-corner-sm); } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-action-col,:is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-head__action{ width: calc(var(--fw-rail-action-col-w,20px) + 2 * var(--fw-rail-action-inset,12px)); flex-direction: row-reverse; flex: 0 0 auto; align-items: center; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-action-col > *,:is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-head__action > *{ flex: 0 0 auto; margin-inline: auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-section__head,:is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-head{ padding-right: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-nav-ghost:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-nav-ghost:focus-visible{ color: var(--fw-accent); background: 0px 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-nav-ghost:hover svg,:is(#fw-core,#fw-page,.fwx-scope) .fw-nav-ghost:focus-visible svg{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .fw-mini-player{ left: var(--fwm-gut,14px); right: calc(var(--fwm-gut,14px) + var(--fw-live-size,44px) + var(--fwm-gut,14px)); bottom: calc(136px + env(safe-area-inset-bottom,0px)); transition: bottom var(--fw-dur-move) var(--fw-ease-out); } @media (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) .fw-mini-player{ transition: none; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-glass{ background: var(--fw-glass-solid); } @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass{ background: var(--fw-glass-tint); backdrop-filter: blur(var(--fw-glass-blur)) saturate(var(--fw-glass-sat)); --fw-seam: inset 0 0 0 1px #ffffff80, inset 0 1px 0 #fffffff2; }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html[data-theme="dark"] :is(#fw-core,#fw-page,.fwx-scope) .fw-glass,:is(#fw-core,#fw-page,.fwx-scope) .fw-scheme-dark .fw-glass{ --fw-seam: inset 0 0 0 1px #ffffff1f, inset 0 1px 0 #ffffff29; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge{ height: var(--fw-glass-edge-h,96px); pointer-events: none; contain: strict; position: absolute; inset-inline: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="top"]{ top: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"]{ bottom: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge > span{ display: block; position: absolute; inset: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge::after{ content: ""; background: linear-gradient(to bottom, var(--fw-glass-wash) 0%, transparent 78%); position: absolute; inset: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"]::after{ background: linear-gradient(to top, var(--fw-glass-wash) 0%, transparent 78%); } @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge > span:first-child{ backdrop-filter: blur(1px); mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 62%, rgba(0, 0, 0, 0) 100%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge > span:nth-child(2){ backdrop-filter: blur(2px); mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 48%, rgba(0, 0, 0, 0) 82%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge > span:nth-child(3){ backdrop-filter: blur(4px); mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 34%, rgba(0, 0, 0, 0) 64%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge > span:nth-child(4){ backdrop-filter: blur(8px); mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0) 46%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge > span:nth-child(5){ backdrop-filter: blur(16px) saturate(var(--fw-glass-sat)); mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 8%, rgba(0, 0, 0, 0) 28%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"] > span:first-child{ mask-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 38%, rgb(0, 0, 0) 100%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"] > span:nth-child(2){ mask-image: linear-gradient(rgba(0, 0, 0, 0) 18%, rgb(0, 0, 0) 52%, rgb(0, 0, 0) 100%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"] > span:nth-child(3){ mask-image: linear-gradient(rgba(0, 0, 0, 0) 36%, rgb(0, 0, 0) 66%, rgb(0, 0, 0) 100%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"] > span:nth-child(4){ mask-image: linear-gradient(rgba(0, 0, 0, 0) 54%, rgb(0, 0, 0) 80%, rgb(0, 0, 0) 100%); }} @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-edge="bottom"] > span:nth-child(5){ mask-image: linear-gradient(rgba(0, 0, 0, 0) 72%, rgb(0, 0, 0) 92%, rgb(0, 0, 0) 100%); }} :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-tone="scrim"]{ --fw-scrim-toward: to bottom; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-tone="scrim"][data-edge="bottom"]{ --fw-scrim-toward: to top; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-tone="scrim"] > span:nth-child(5){ display: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-glass-edge[data-tone="scrim"]::after{ background: linear-gradient(var(--fw-scrim-toward), rgb(0 0 0/var(--fw-glass-scrim)) 0%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .738)) 19%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .541)) 34%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .382)) 47%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .278)) 56.5%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .194)) 65%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .126)) 73%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .075)) 80.2%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .042)) 86.1%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .021)) 91%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .008)) 95.2%, rgb(0 0 0/calc(var(--fw-glass-scrim) * .002)) 98.2%, transparent 100%); } :is(#fw-core,#fw-page,.fwx-scope) .fw-veil{ background: rgba(10, 10, 10, 0.45); } @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(#fw-core,#fw-page,.fwx-scope) .fw-veil{ backdrop-filter: blur(8px) saturate(120%); background: rgba(10, 10, 10, 0.38); }} @media (prefers-reduced-transparency: reduce){:is(#fw-core,#fw-page,.fwx-scope) .fw-glass{ background: var(--fw-glass-solid); backdrop-filter: none; }} @media (prefers-reduced-transparency: reduce){:is(#fw-core,#fw-page,.fwx-scope) .fw-veil{ backdrop-filter: none; background: rgba(10, 10, 10, 0.55); }} :is(#fw-core,#fw-page,.fwx-scope) :is(.bg-fw-accent, .bg-fw-inverse, .bg-fw-text, .fw-rail-new, .fw-rail-newchat, .fw-ask-dock, .fw-mini-player){ --fw-seam: var(--fw-seam-ink); } :is(#fw-core,#fw-page,.fwx-scope) .fw-scheme-light,.fw-scheme-light{ --fw-seam-paper: inset 0 0 0 1px #0a0a0a0e, inset 0 1px 0 #ffffffe6; --fw-seam: var(--fw-seam-paper); --fw-seam-ink: inset 0 0 0 1px #ffffff17; --fw-lift: 0 1px 2px #0a0a0a0a, 0 10px 28px -8px #0a0a0a1a; --fw-over: 0 2px 6px #0a0a0a0f, 0 28px 60px -20px #0a0a0a3d; } :is(#fw-core,#fw-page,.fwx-scope) .fw-scheme-dark,.fw-scheme-dark{ --fw-seam-paper: inset 0 0 0 1px #ffffff12, inset 0 1px 0 #ffffff0f; --fw-seam: var(--fw-seam-paper); --fw-seam-ink: inset 0 0 0 1px #00000059; --fw-lift: 0 1px 2px #00000080, 0 12px 30px -10px #0000008c; --fw-over: 0 2px 8px #0009, 0 30px 64px -22px #000000bf; --fw-glass-tint: #12121280; --fw-glass-wash: #0a0a0a6b; --fw-glass-scrim: .72; --fw-glass-sat: 150%; } :is(#fw-core,#fw-page,.fwx-scope) .fw-who{ align-items: center; gap: var(--fw-who-gap); min-width: 0px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-face{ align-items: center; gap: var(--fw-who-gap); min-width: 0px; color: inherit; transition: color var(--fw-dur-state) var(--fw-ease-out); text-decoration: none; display: inline-flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-face:hover{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .fw-avatar{ width: var(--fw-who-face); height: var(--fw-who-face); } :is(#fw-core,#fw-page,.fwx-scope) .fw-who__name{ font-family: var(--font-oswald), sans-serif; font-weight: var(--fw-fw-bold); font-size: var(--fw-who-name); letter-spacing: 0.03em; text-transform: uppercase; color: inherit; white-space: nowrap; text-overflow: ellipsis; line-height: 1; overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .fw-pill-row,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-studio-mobile] :is(.fw-sm-rail, .fw-sm-pills){ touch-action: pan-x; } @media (min-width: 768px){:is(#fw-core,#fw-page,.fwx-scope) .fw-pill-row{ touch-action: auto; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-tag{ --fw-tag-track: .12em; height: var(--fw-tag-h); font-family: var(--font-jetbrains), monospace; font-size: var(--fw-tag-font); letter-spacing: var(--fw-tag-track); text-transform: uppercase; white-space: nowrap; flex: 0 0 auto; justify-content: center; align-items: center; font-weight: 700; line-height: 1; display: inline-flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-tag__word{ margin-right: calc(-1 * var(--fw-tag-track)); display: inline-block; } @supports (text-box:trim-both cap alphabetic){:is(#fw-core,#fw-page,.fwx-scope) .fw-tag{ padding-bottom: round(nearest, calc((var(--fw-tag-h) - .73 * var(--fw-tag-font)) / 2), 1px); align-items: flex-end; }} @supports (text-box:trim-both cap alphabetic){:is(#fw-core,#fw-page,.fwx-scope) .fw-tag__word{ text-box: cap alphabetic; }} @supports not (text-box:trim-both cap alphabetic){:is(#fw-core,#fw-page,.fwx-scope) .fw-tag__word{ transform: translateY(0.1em); }} :is(#fw-core,#fw-page,.fwx-scope) .fw-tag--rail{ --fw-tag-h: 13px; --fw-tag-font: 7px; padding-inline: 6px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-tag--corner{ --fw-tag-h: round(nearest, calc(18px * var(--fw-tag-scale,1)), 1px); --fw-tag-font: calc(8px * var(--fw-tag-scale,1)); padding-inline: calc(6px * var(--fw-tag-scale,1)); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-newchat,[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search{ height: var(--fw-row-h); padding: 0 var(--fw-sp-3); gap: var(--fw-sp-3); margin-bottom: var(--fw-sp-3); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-newchat{ font-size: var(--fw-fs-caption); letter-spacing: var(--fw-tr-wide); transition: opacity var(--fw-dur-state) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-search input{ font-size: var(--fw-fs-body); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-trail{ width: var(--fw-slot); flex: 0 0 auto; justify-content: center; align-items: center; margin-left: auto; display: flex; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-trail > *{ margin-left: 0px; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-row,[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-trail svg{ transition-duration: var(--fw-dur-state); transition-timing-function: var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-env-trail{ width: var(--fw-slot); transition: background-color var(--fw-dur-state) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-shell-rail-row{ padding-right: 0px; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-env-trail svg,[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-trail svg{ width: var(--fw-glyph); height: var(--fw-glyph); transition: transform var(--fw-dur-move) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-compose-row{ padding-left: var(--fw-sp-4); padding-right: var(--fw-sp-4); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-compose-action{ height: var(--fw-tap); width: var(--fw-tap); transition-duration: var(--fw-dur-state); transition-timing-function: var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-compose-action svg{ width: var(--fw-glyph-md); height: var(--fw-glyph-md); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-compose-field{ transform: translateY(var(--fw-field-shift)); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-topbar-actions > *{ height: var(--fw-tap); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-topbar-actions{ align-items: center; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .flex.items-center:not(.fw-band):not(.fw-foot-island):not(.fw-identity-row):has(> *):not(:has(> :only-child)):not(:has(> :empty)):not(:has(svg, img, button, input, textarea, select, [role="button"])):not(:has(> div)){ align-items: baseline; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-drawer{ height: auto; transition: height var(--fw-dur-move) var(--fw-ease-out); overflow: clip; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) :is(button, [role="button"]):active{ translate: 0px 1px; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-door="veil"]{ transition: opacity var(--fw-dur-state) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-door="panel"],[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-door="sheet"]{ transition: translate var(--fw-dur-enter) var(--fw-ease-out), opacity var(--fw-dur-enter) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) main{ transition: scale var(--fw-dur-move) var(--fw-ease-out), filter var(--fw-dur-move) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside .fw-rail-g1{ transition: opacity var(--fw-dur-enter) var(--fw-ease-out), translate var(--fw-dur-enter) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside .fw-rail-newchat,[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside .fw-rail-newchat + *{ transition-property: opacity, translate; transition-duration: var(--fw-dur-enter); transition-timing-function: var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside .fw-rail-newchat{ transition-delay: 50ms; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside .fw-rail-newchat + *{ transition-delay: 70ms; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > *{ transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0.11s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(2){ transition-delay: 0.128s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(3){ transition-delay: 0.146s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(4){ transition-delay: 0.164s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(5){ transition-delay: 0.182s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(6){ transition-delay: 0.2s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(7){ transition-delay: 0.218s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside nav > :nth-child(n+8){ transition-delay: 0.236s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside [data-lenis-content] > :not(nav),[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside > :last-child{ transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 0.17s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) aside > :last-child{ transition-delay: 0.2s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) main .fw-studio-scroll > div > *{ transition: opacity var(--fw-dur-enter) var(--fw-ease-out), translate var(--fw-dur-enter) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) main .fw-studio-scroll > div > :nth-child(2){ transition-delay: 60ms; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) main .fw-studio-scroll > div > :nth-child(n+3){ transition-delay: 0.12s; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-cap-catalog .fw-scroll-y > div > *{ transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: 60ms; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-rail-g1{ anchor-name: --fw-anchor-rail-brand; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-label-anchored--rail-brand{ top: anchor(--fw-anchor-rail-brand center, 22px); right: anchor(--fw-anchor-rail-brand right, 12px); translate: 0px -50%; } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-label-anchored--rail-brand:active{ translate: 0px calc(-50% + 1px); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-column-dismiss{ opacity: 0; transition: opacity var(--fw-dur-move) var(--fw-ease-out); } [data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) :hover > .fw-column-dismiss,[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-column-dismiss:is(:focus, :focus-visible){ opacity: 1; } @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell]{ --fw-pad: 14px; --fw-pad-narrow: 14px; --fw-pad-wide: 14px; --fwm-gut: 14px; --fwm-gap-card: 8px; --fwm-gap-feed: 16px; --fwm-gap-sec: 22px; --fw-type-micro: 8px; --fw-type-meta: 8.5px; --fw-type-eyebrow: 9px; --fw-type-caption: 11px; --fw-type-compact: 12px; --fw-type-body-sm: 13px; --fw-type-body: 14px; --fw-type-body-lead: 16px; --fw-type-lead: 16px; --fw-type-h5: 15px; --fw-type-h4: 14px; --fw-type-h3: 18px; --fw-type-h1-glyph: 40px; --fw-type-h2-mob: 15px; }} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-m-row{ border-bottom: 1px solid var(--fw-border-muted); align-items: center; gap: 11px; padding: 9px 0px; display: flex; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-m-row:last-child{ border-bottom: 0px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-m-row__art{ border-radius: var(--fw-radius,2px); background: var(--fw-surface-2); flex: 0 0 auto; width: 56px; height: 56px; display: block; position: relative; overflow: hidden; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-m-row__mid{ flex: 1 1 0%; min-width: 0px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-m-row__title{ font-family: var(--font-oswald), sans-serif; text-transform: uppercase; color: var(--fw-text); -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; font-weight: 700; line-height: 1.05; display: -webkit-box; overflow: hidden; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-m-row__ai{ font-family: var(--font-jetbrains), monospace; color: var(--fw-text-muted); align-items: flex-start; gap: 5px; margin-top: 4px; font-size: 9.5px; line-height: 1.35; display: flex; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sheet-rise .fw-compose-field,[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) .fw-sheet-rise .fw-compose-field{ min-height: 4em; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sheet-rise{ border-top-left-radius: var(--fw-corner); border-top-right-radius: var(--fw-corner); overflow: hidden; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-sheet-detent="composer"] .fw-ask-moves{ display: none; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sheet-rise{ animation: 0.24s cubic-bezier(0.22, 0.8, 0.24, 1) 0s 1 normal none running fw-sheet-rise; }}} @media (max-width: 767px){@media (max-width: 767px){@media (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) .fw-sheet-rise{ animation: auto ease 0s 1 normal none running none; }}}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose]{ transition: transform 0.22s cubic-bezier(0.22, 0.8, 0.24, 1); transform: translateY(calc(100% + 120px)); }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose][data-shown]{ transform: translateY(0px); }}} @media (max-width: 767px){@media (max-width: 767px){@media (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose]{ transition: none; }}}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell] input:not([type="checkbox"]):not([type="radio"]),:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell] textarea,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell] select,:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet input:not([type="checkbox"]):not([type="radio"]),:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet textarea{ font-size: 16px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] > * > .fw-pad-x{ padding-block: 0px; padding-inline: 0px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] form:focus-within{ background: color-mix(in srgb, var(--fw-inverse) 92%, var(--fw-bg)); }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] form{ background: var(--fw-inverse); border-radius: var(--fw-corner); border: 0px; gap: 10px; min-height: 52px; padding: 0px 14px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] .fw-compose-field,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] .fw-compose-field::placeholder{ color: var(--fw-bg); }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] .fw-compose-field.pointer-events-none{ color: color-mix(in srgb, var(--fw-bg) 62%, transparent); }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] .fw-compose-label,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] [aria-label="Attach images or documents"],:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] [aria-label="Dictate"],:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] [aria-label="Start dictation"]{ display: none; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] [aria-label="Send"],:is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] [aria-label="Stop"]{ color: var(--fw-bg); background: 0px 0px; justify-content: center; align-items: center; padding: 0px; display: flex; }}} @media (max-width: 767px){@media (max-width: 767px){[data-design-contract] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-mobile-compose] .fw-compose-field{ padding-block: 0px; line-height: 1.2; transform: none; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-shell-centre-inner]{ padding-bottom: 68px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-studio-scroll:not(.fw-scroll-x):not(.snap-x),:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-studio-scroll:not(.fw-scroll-x):not(.snap-x),:is(#fw-core,#fw-page,.fwx-scope) .wp-article-content{ overflow-x: clip; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile]{ --fw-rail-title-size: var(--fw-ui-rail-title); --fw-rail-row-size: 14px; --fw-rail-tag-size: 11px; --fw-rail-meta-size: 12px; --fw-rail-filter-size: 12px; --fw-rail-search-size: 14px; --fw-rail-new-size: 13px; --fw-rail-icon: 15px; --fw-rail-row-py: 12px; --fw-rail-link-py: 11px; --fw-rail-list-gap: 4px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-rail-tag{ letter-spacing: 0.02em; text-transform: none; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .text-\[7px\],:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .text-\[8px\]{ font-size: 10px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .text-\[9px\],:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .text-\[9\.5px\],:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .text-\[10px\]{ font-size: 12px; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [role="menu"],:is(#fw-core,#fw-page,.fwx-scope) [role="listbox"]{ overscroll-behavior: contain; min-width: 232px; max-height: 70vh; font-size: 13px; overflow-y: auto; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [role="menu"] > button,:is(#fw-core,#fw-page,.fwx-scope) [role="menu"] > a,:is(#fw-core,#fw-page,.fwx-scope) [role="listbox"] > button,:is(#fw-core,#fw-page,.fwx-scope) [role="listbox"] > a,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] nav a,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] nav button{ min-height: 44px; }}} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell]{ transition: transform var(--fw-dur-move) var(--fw-ease-out); transform-origin: 0px center; }} @media (max-width: 767px){html[data-fw-rail-push] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell]{ will-change: transform; }} @media (max-width: 767px){html[data-fw-rail-push] :is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell]{ border-radius: var(--fw-corner); box-shadow: var(--fw-over); overflow: hidden; transform: translate(min(82vw, 380px)) scale(0.92); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-push-panel{ border-top-right-radius: var(--fw-corner); border-bottom-right-radius: var(--fw-corner); animation: fw-rail-push-in var(--fw-dur-move) var(--fw-ease-out) both; overflow: hidden; }} @media (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-core-shell],:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-push-panel{ transition: none; animation: auto ease 0s 1 normal none running none; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-mobile-chrome{ inset-inline: 0px; z-index: 40; pointer-events: none; position: absolute; top: 0px; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-mobile-chrome__row{ pointer-events: auto; position: relative; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-mobile-chrome__row > *{ min-width: 0px; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [aria-hidden="true"] > .fw-foot-island{ visibility: hidden; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-mobile-island{ margin: max(8px, env(safe-area-inset-top)) var(--fwm-gut,14px) 0; border-radius: var(--fw-corner); box-shadow: var(--fw-seam), var(--fw-lift); justify-content: space-between; align-items: center; gap: 12px; padding: 6px 10px; display: flex; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-ask-dock{ margin: 0 var(--fwm-gut,14px); border-radius: var(--fw-corner); box-shadow: var(--fw-seam), var(--fw-lift); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-ask-moves{ padding-left: var(--fwm-gut,14px); scroll-padding-left: var(--fwm-gut,14px); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-sheet-detent] .fw-ask-dock,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-sheet-detent] .fw-ask-dock:focus-within{ background: var(--fwsm-raised,var(--fw-surface)); --fw-seam: var(--fw-seam-paper); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-mobile-chrome__row{ transition: opacity var(--fw-dur-move) var(--fw-ease-out), transform var(--fw-dur-move) var(--fw-ease-out); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-mobile-chrome__row[data-away]{ opacity: 0; pointer-events: none; transform: translateY(-10px); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-shell-centre-inner]{ padding-top: var(--fw-mobile-chrome-h,60px); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-foot-island{ height: 52px; margin: var(--fw-sp-2) var(--fwm-gut,14px) max(16px, env(safe-area-inset-bottom)); border-radius: var(--fw-corner); box-shadow: var(--fw-seam), var(--fw-lift); padding-inline: 16px; }} @media (max-width: 767px){@media (max-width: 339px){:is(#fw-core,#fw-page,.fwx-scope) .fw-foot-island{ padding-inline: 12px; }}} :is(#fw-core,#fw-page,.fwx-scope) [data-fw-sheet-detent]{ border-start-start-radius: var(--fw-corner); border-start-end-radius: var(--fw-corner); } :is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-log-row{ min-height: 44px; } :is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-log-row b{ font-size: var(--fw-rail-row-size,14px); } :is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-log-row,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-rail-row,:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile] .fw-rail-destination{ user-select: none; } @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-rowmenu{ align-self: stretch; width: 32px; height: 22px; margin-left: 10px; position: static; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-rail-mobile]{ --fw-rail-action-col-w: 32px; }} @media (hover: none){:is(#fw-core,#fw-page,.fwx-scope) .fw-log-row:active,:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row:active{ background-color: var(--fw-surface-2); }} @media (hover: none){:is(#fw-core,#fw-page,.fwx-scope) .fw-rail-row:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-log-row:hover{ background-color: rgba(0, 0, 0, 0); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-studio-mobile],:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet{ --fwsm-ground: var(--fw-bg); --fwsm-raised: var(--fw-surface); --fwsm-slot: var(--fw-surface-2); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) [data-fw-studio-mobile] .fw-sm-name,:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet .fw-sm-name{ font-family: var(--font-oswald), sans-serif; letter-spacing: -0.02em; text-transform: uppercase; color: var(--fw-text); font-size: 26px; font-weight: 700; line-height: 1; display: block; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet{ --fwsm-gut: var(--fwm-gut,14px); z-index: var(--fw-z-modal); background: var(--fwsm-ground); color: var(--fw-text); visibility: hidden; pointer-events: none; flex-direction: column; transition: transform 0.32s cubic-bezier(0.32, 0.72, 0.28, 1), visibility linear 0.32s; display: flex; position: fixed; inset: 0px; transform: translateY(103%); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet[data-over-doors="true"]{ z-index: var(--fw-z-popover-in-door); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet-head{ padding-right: ; padding-bottom: ; padding-left: ; padding-top: calc(var(--fwsm-gut) + env(safe-area-inset-top)); flex: 0 0 auto; justify-content: space-between; align-items: center; gap: 12px; display: flex; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet-foot{ padding: 10px var(--fwsm-gut) max(14px, env(safe-area-inset-bottom)); background: var(--fwsm-ground); flex: 0 0 auto; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet-body{ min-height: 0px; padding: 0 var(--fwsm-gut) max(16px, env(safe-area-inset-bottom)); flex: 1 1 0%; overflow-y: auto; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-seg{ scrollbar-width: none; align-items: flex-end; gap: 20px; padding: 2px 0px 8px; display: flex; overflow-x: auto; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-seg::-webkit-scrollbar{ display: none; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-seg-item{ color: var(--fw-text-muted); flex-direction: column; flex: 0 0 auto; align-items: center; gap: 8px; padding: 8px 0px; font-size: 15px; display: flex; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-seg-item[aria-pressed="true"]{ color: var(--fw-accent); }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet-close{ width: var(--fw-tap,44px); height: var(--fw-tap,44px); background: var(--fw-surface-2); color: var(--fw-text); flex: 0 0 auto; place-items: center; display: grid; }} @media (max-width: 767px){@media (max-width: 767px) and (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet{ transition: none; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet .fw-sm-take{ background: var(--fw-inverse); width: 100%; height: 48px; color: var(--fw-bg); font-family: var(--fw-font-display,sans-serif); letter-spacing: 0.05em; text-transform: uppercase; font-size: 15px; font-weight: 700; }}} @media (max-width: 767px){@media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-sm-sheet .fw-sm-take:disabled{ background: var(--fwsm-slot); color: var(--fw-text-subtle); }}} :is(#fw-core,#fw-page,.fwx-scope) .fw-talk{ width: min(var(--fw-feed-width), 100%); margin: var(--fw-feed-caption) auto 0; border-top: 1px solid var(--fw-line); padding-top: 14px; padding-bottom: var(--fw-feed-caption); } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-line{ min-height: 34px; color: var(--fw-text-muted); font-family: var(--font-jetbrains), monospace; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; border: 0px; align-items: center; gap: 8px; padding: 0px; font-size: 10px; font-weight: 500; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-line:hover{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-line-row{ align-items: center; gap: 12px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-shut{ color: var(--fw-text-subtle); font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; cursor: pointer; background: 0px 0px; border: 0px; margin-left: auto; font-size: 9px; font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .fw-say{ --fw-who-face: 32px; --fw-say-pad: 8px; align-items: flex-start; gap: var(--fw-who-gap); margin-top: 14px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-say__plate{ background: var(--fw-surface-2); min-width: 0px; padding: var(--fw-say-pad); transition: box-shadow var(--fw-dur-state) var(--fw-ease-out); flex-direction: column; flex: 1 1 0%; gap: 6px; display: flex; position: relative; } :is(#fw-core,#fw-page,.fwx-scope) .fw-say__field{ resize: none; width: 100%; min-height: 24px; max-height: 220px; font-family: var(--font-jetbrains), monospace; color: var(--fw-text); background: 0px 0px; border: 0px; outline: none; padding: 4px 6px; font-size: 13px; line-height: 20px; overflow-y: auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-say__title::placeholder,:is(#fw-core,#fw-page,.fwx-scope) .fw-say__field::placeholder{ color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .fw-say__tools{ align-items: center; gap: 4px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-say__send{ width: var(--fw-tap,40px); height: var(--fw-tap,40px); background: var(--fw-surface-3); color: var(--fw-text-subtle); cursor: default; transition: background var(--fw-dur-state) var(--fw-ease-out), color var(--fw-dur-state) var(--fw-ease-out); border: 0px; flex: 0 0 auto; justify-content: center; align-items: center; margin-left: auto; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-say__send.is-ready{ background: var(--fw-inverse); color: var(--fw-bg); cursor: pointer; } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-signed-out{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fw-text-subtle); margin-top: 14px; font-size: 9px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-thread-page{ width: min(var(--fw-feed-width), 100%); padding: var(--fw-grid-top) var(--fw-grid-edge) var(--fw-feed-work); margin: 0px auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-thread-art{ margin-bottom: 16px; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-thread-art img{ aspect-ratio: 21 / 9; object-fit: cover; background: var(--fw-surface-2); width: 100%; transition: opacity var(--fw-dur-state) var(--fw-ease-out); display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-thread-art:hover img{ opacity: 0.9; } :is(#fw-core,#fw-page,.fwx-scope) .fw-exit-line,:is(#fw-core,#fw-page,.fwx-scope) .fw-thread-lines{ align-items: center; gap: 14px; margin: 0px 0px 16px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-exit,:is(#fw-core,#fw-page,.fwx-scope) .fw-thread-exit{ color: var(--fw-text); font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; transition: background var(--fw-dur-state) var(--fw-ease-out); align-items: center; gap: 7px; font-size: 10px; font-weight: 500; text-decoration: none; display: inline-flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-exit:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-thread-exit:hover{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .fw-thread-title{ font-family: var(--font-oswald), sans-serif; letter-spacing: -0.02em; text-transform: uppercase; color: var(--fw-text); margin: 0px 0px 6px; font-size: clamp(24px, 4vw, 34px); font-weight: 700; line-height: 1.02; } :is(#fw-core,#fw-page,.fwx-scope) .fw-voice{ padding: 14px 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-voice__said{ padding-left: calc(var(--fw-who-face) + var(--fw-who-gap)); } :is(#fw-core,#fw-page,.fwx-scope) .fw-voice__body{ white-space: pre-wrap; color: var(--fw-text); margin: 6px 0px 0px; font-size: 13px; line-height: 1.75; } :is(#fw-core,#fw-page,.fwx-scope) .fw-voice__acts{ gap: 16px; margin-top: 8px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-thread-answers,:is(#fw-core,#fw-page,.fwx-scope) .fw-thread-under{ margin-left: calc(var(--fw-who-face) + var(--fw-who-gap)); } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-act{ color: var(--fw-text-subtle); font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; cursor: pointer; transition: color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; border: 0px; padding: 0px; font-size: 9.5px; font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .fw-talk-act:hover{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread{ width: min(var(--fw-feed-width), 100%); padding: var(--fw-grid-top) var(--fw-grid-edge) var(--fw-feed-work); margin: 0px auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__eyebrow{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.2em; text-transform: uppercase; color: var(--fw-text-subtle); margin: 0px 0px 18px; font-size: 9px; font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__me{ --fw-who-face: 32px; color: var(--fw-text-muted); margin-bottom: 18px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__title,:is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__body{ width: 100%; color: var(--fw-text); background: 0px 0px; border: 0px; outline: none; padding: 0px; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__title::placeholder,:is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__body::placeholder{ color: var(--fw-text-subtle); } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__title{ font-family: var(--font-oswald), sans-serif; letter-spacing: -0.01em; text-transform: uppercase; font-size: clamp(20px, 2.4vw, 28px); font-weight: 700; line-height: 1.15; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__body{ resize: none; font-family: var(--font-jetbrains), monospace; margin-top: 16px; font-size: 13px; line-height: 1.7; } :is(#fw-core,#fw-page,.fwx-scope) .fw-cover{ margin-top: 22px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-cover.has-shot img{ aspect-ratio: 16 / 9; object-fit: cover; background: var(--fw-surface-2); border-radius: var(--fw-corner); width: 100%; max-width: 420px; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-cover__ask,:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__off{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fw-text-subtle); cursor: pointer; transition: color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; border: 0px; padding: 0px; font-size: 10px; font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .fw-cover__ask:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__off:hover{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-cover__off{ margin-top: 8px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__foot{ align-items: center; gap: 14px; margin-top: 26px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__failed{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fw-accent); margin: 0px; font-size: 10px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__go{ background: var(--fw-inverse); color: var(--fw-bg); min-height: var(--fw-tap,44px); font-family: var(--font-oswald), sans-serif; letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer; border: 0px; margin-left: auto; padding: 0px 26px; font-size: 13px; font-weight: 700; } @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-cover{ margin-top: 22px; }} @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-cover.has-shot img{ aspect-ratio: 16 / 9; object-fit: cover; background: var(--fw-surface-2); width: 100%; max-width: 420px; display: block; }} @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__ask,:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__off{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fw-text-subtle); cursor: pointer; transition: color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; border: 0px; padding: 0px; font-size: 10px; font-weight: 500; }} @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__ask:hover,:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__off:hover{ color: var(--fw-text); }} @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-cover__off{ margin-top: 8px; }} @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__foot{ flex-wrap: wrap; }} @media (max-width: 640px){:is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__go{ width: 100%; margin-left: 0px; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-open-thread__go:disabled{ color: var(--fw-text-subtle); box-shadow: inset 0 0 0 1px var(--fw-line); cursor: default; background: 0px 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-line,:is(#fw-core,#fw-page,.fwx-scope) .fw-net-run{ width: min(var(--fw-feed-width), 100%); margin-inline: auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes{ margin-inline: var(--fw-grid-edge); align-items: center; gap: 26px; padding: 14px 0px 0px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes button{ font-family: var(--font-oswald), sans-serif; letter-spacing: 0.04em; text-transform: uppercase; color: var(--fw-text-subtle); cursor: pointer; transition: color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor rgba(0, 0, 0, 0); border-image: initial; padding-bottom: 10px; font-size: 13px; font-weight: 700; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes button:hover{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes button.is-on{ color: var(--fw-text); border-bottom-color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed{ gap: var(--fw-feed-work); padding: var(--fw-feed-work) var(--fw-grid-edge) 120px; flex-direction: column; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-kinds{ margin-inline: var(--fw-grid-edge); border-bottom: 1px solid var(--fw-line); gap: 18px; padding: 12px 0px 0px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-kinds button{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fw-text-subtle); cursor: pointer; transition: color var(--fw-dur-state) var(--fw-ease-out); background: 0px 0px; border: 0px; padding-bottom: 12px; font-size: 9px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-kinds button:hover{ color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-kinds button.is-on{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv{ color: inherit; align-items: stretch; gap: 16px; text-decoration: none; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv.is-bare{ gap: 0px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__door{ flex: 0 0 auto; align-self: stretch; width: 132px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__say{ min-width: 0px; color: inherit; flex-direction: column; flex: 1 1 0%; gap: 7px; text-decoration: none; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__shot{ object-fit: cover; background: var(--fw-surface-2); width: 100%; height: 100%; transition: opacity var(--fw-dur-state) var(--fw-ease-out); flex: 0 0 auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv:hover .fw-net-conv__shot{ opacity: 0.86; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__body{ flex-direction: column; flex: 1 1 0%; gap: 7px; min-width: 0px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__who{ --fw-who-face: 24px; align-items: center; gap: var(--fw-who-gap); width: 100%; color: var(--fw-text); margin: 0px; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__title{ font-family: var(--font-oswald), sans-serif; letter-spacing: 0.01em; text-transform: uppercase; color: var(--fw-text); font-size: 17px; font-weight: 700; line-height: 1.06; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__said{ -webkit-line-clamp: 2; color: var(--fw-text-muted); -webkit-box-orient: vertical; font-size: 12.5px; line-height: 1.6; display: -webkit-box; overflow: hidden; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__answers{ color: var(--fw-text-muted); align-items: center; gap: 6px; margin-left: auto; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__feet{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fw-text-subtle); gap: 14px; margin-top: auto; font-size: 9.5px; font-weight: 500; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv__feet b{ color: var(--fw-text); font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes .fw-net-open{ white-space: nowrap; border-radius: var(--fw-corner-sm); box-shadow: var(--fw-seam), var(--fw-lift); background: var(--fw-inverse); color: var(--fw-bg); font-family: var(--font-oswald), sans-serif; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; border: 0px; align-self: center; margin-left: auto; padding: 9px 14px; font-size: 11.5px; font-weight: 700; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes .fw-net-open:hover{ color: var(--fw-bg); opacity: 0.9; } @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes{ gap: 16px; }} @media (max-width: 767px){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-lanes .fw-net-open{ padding: 7px 10px; font-size: 10.5px; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-net-more{ background: var(--fw-surface-2); width: 100%; font-family: var(--font-jetbrains), monospace; letter-spacing: 0.18em; text-transform: uppercase; color: var(--fw-text-muted); cursor: pointer; transition: background var(--fw-dur-state) var(--fw-ease-out), color var(--fw-dur-state) var(--fw-ease-out); border: 0px; padding: 12px; font-size: 9px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-more:hover{ background: var(--fw-surface-3); color: var(--fw-text); } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead__door{ color: inherit; text-decoration: none; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead .fw-net-conv__who{ margin: 0px 0px 10px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead__art{ aspect-ratio: 21 / 9; object-fit: cover; background: var(--fw-surface-2); width: 100%; margin-bottom: var(--fw-feed-caption); display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead__title{ font-family: var(--font-oswald), sans-serif; letter-spacing: -0.01em; text-transform: uppercase; color: var(--fw-text); margin-top: 6px; font-size: clamp(20px, 2.4vw, 28px); font-weight: 700; line-height: 1.04; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead__said{ max-width: 64ch; color: var(--fw-text-muted); margin-top: 8px; font-size: 13px; line-height: 1.65; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead .fw-net-conv__feet{ margin-top: 12px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed > *{ animation: 0.34s cubic-bezier(0.16, 0.84, 0.3, 1) 0s 1 normal both running fw-conv-in; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed > :nth-child(2){ animation-delay: 60ms; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed > :nth-child(3){ animation-delay: 0.12s; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed > :nth-child(4){ animation-delay: 0.18s; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed > :nth-child(n+5){ animation-delay: 0.22s; } @media (prefers-reduced-motion: reduce){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed > *{ animation: auto ease 0s 1 normal none running none; }} @media (hover: hover){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-conv:hover .fw-net-conv__title,:is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead a:hover .fw-net-lead__title{ color: var(--fw-accent); }} @media (hover: hover){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead__art{ transition: opacity var(--fw-dur-state) var(--fw-ease-out); }} @media (hover: hover){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-lead a:hover .fw-net-lead__art{ opacity: 0.9; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-net-left{ min-width: 0px; } @media (min-width: 1180px){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-two{ grid-template-columns: minmax(0px, 1fr) 280px; align-items: start; gap: 40px; display: grid; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside{ padding: var(--fw-feed-work) var(--fw-grid-edge) 0; } @media (min-width: 1180px){:is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside{ padding-inline: 0px; }} :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__second{ margin-top: 26px; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__head{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.2em; text-transform: uppercase; color: var(--fw-text-subtle); margin: 0px 0px 10px; font-size: 9px; font-weight: 500; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__row{ --fw-who-face: 26px; color: inherit; gap: 10px; padding: 9px 0px; text-decoration: none; display: flex; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__row .fw-face,:is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__row .fw-who{ flex: 0 0 auto; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__say{ min-width: 0px; color: inherit; flex: 1 1 0%; text-decoration: none; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__title{ font-family: var(--font-oswald), sans-serif; letter-spacing: 0.02em; text-transform: uppercase; transition: color var(--fw-dur-state) var(--fw-ease-out); font-size: 12.5px; font-weight: 700; line-height: 1.15; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__say:hover .fw-net-beside__title{ color: var(--fw-accent); } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-beside__count{ font-family: var(--font-jetbrains), monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--fw-text-subtle); margin-top: 4px; font-size: 9.5px; display: block; } :is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed :is(.fw-net-cover, .fw-net-cover img, .fw-net-lead__art),:is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed article > a > img,:is(#fw-core,#fw-page,.fwx-scope) .fw-net-feed article > a > span[class*="aspect-"]{ border-radius: var(--fw-corner); }