@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-cyrillic-ext-wght-normal-L7GHNSDI.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-vietnamese-wght-normal-PMWGHMOH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-latin-ext-wght-normal-XRETCU74.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/hanken-grotesk-latin-wght-normal-ZZ3K7K5Y.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Hanken Grotesk Variable", system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--color-ground: #14161c;--color-surface-1: #1a1d25;--color-surface-2: #252a36;--color-fill: rgb(255 255 255 / .05);--color-fill-hover: rgb(255 255 255 / .08);--color-fill-pressed: rgb(255 255 255 / .12);--color-separator: #272b36;--color-separator-strong: #353a48;--color-grid: #20232c;--color-field-border: rgb(255 255 255 / .36);--label-1: #edeff4;--label-2: #a6acba;--label-3: #8a91a0;--label-vibrant-2: #c9cdd6;--label-disabled: #5a6070;--label-on-tint: #14161c;--tint: #a9c1ff;--tint-pressed: #93adef;--tint-fill: rgb(169 193 255 / .16);--focus-ring: #a9c1ff;--status-red: #ff6b66;--status-orange: #f0a04b;--status-yellow: #e8c547;--status-green: #5ad58a;--status-purple: #b69cff;--status-red-fill: rgb(255 107 102 / .16);--status-yellow-fill: rgb(232 197 71 / .16);--status-green-fill: rgb(90 213 138 / .16);--status-purple-fill: rgb(182 156 255 / .16);--tyre-soft: #e8443a;--tyre-medium: #f5cb3a;--tyre-hard: #edede8;--tyre-intermediate: #47b84a;--tyre-wet: #3d8fd9;--flag-green: #3fbf6a;--flag-yellow: #e8c547;--flag-vsc: #e39b3b;--flag-sc: #e2703a;--flag-red: #e5484d;--material-popover-fill: rgb(37 42 54 / .92);--material-popover-blur: blur(16px) saturate(150%);--material-popover-shadow: 0 10px 30px rgb(0 0 0 / .45), 0 2px 6px rgb(0 0 0 / .3);--material-toast-fill: rgb(37 42 54 / .92);--material-toast-blur: blur(20px) saturate(160%);--material-toast-shadow: 0 14px 40px rgb(0 0 0 / .5), 0 2px 8px rgb(0 0 0 / .3);--material-edge: rgb(255 255 255 / .1);--material-highlight: inset 0 1px 0 rgb(255 255 255 / .06);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--type-caption-2: 500 11px/13px var(--font-sans);--type-caption-2-tracking: .01em;--type-eyebrow: 600 11px/13px var(--font-sans);--type-eyebrow-tracking: .06em;--type-caption: 400 12px/16px var(--font-sans);--type-caption-tracking: 0;--type-footnote: 400 13px/18px var(--font-sans);--type-footnote-tracking: -.003em;--type-body: 400 16px/22px var(--font-sans);--type-body-tracking: -.01em;--type-headline: 600 15px/20px var(--font-sans);--type-headline-tracking: -.01em;--type-title-3: 600 20px/25px var(--font-sans);--type-title-3-tracking: -.015em;--type-title-2: 700 22px/28px var(--font-sans);--type-title-2-tracking: -.02em;--type-title-1: 700 28px/34px var(--font-sans);--type-title-1-tracking: -.022em;--z-overlay: 1000;--z-toast: 1100;--spring-default-stiffness: 322.3;--spring-default-damping: 35.9;--spring-momentum-damping: 28.7;--motion-press: .1s ease-out;--motion-hover: .12s ease-out;--motion-fade: .15s ease-out;--motion-bar: .24s ease-out}@media(prefers-contrast:more){:root{--color-field-border: rgb(255 255 255 / .6)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-button:focus-visible,.ui-focus-ring:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-height:28px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background-color:var(--color-fill);color:var(--label-1);font:var(--type-footnote);letter-spacing:var(--type-footnote-tracking);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-hover),scale var(--motion-press)}.ui-button:not(:disabled,[aria-disabled=true]):active{background-color:var(--color-fill-pressed);scale:.97}.ui-button:disabled,.ui-button[aria-disabled=true]{color:var(--label-disabled);cursor:not-allowed}@media(hover:hover)and (pointer:fine){.ui-button:not(:disabled,[aria-disabled=true]):hover{background-color:var(--color-fill-hover)}}@media(prefers-reduced-motion:reduce){.ui-button{transition:background-color var(--motion-hover)}.ui-button:not(:disabled,[aria-disabled=true]):active{scale:none}}.ui-button--plain{background-color:transparent;color:var(--tint)}.ui-button--tint{background-color:var(--tint);color:var(--label-on-tint)}.ui-button--tint:not(:disabled,[aria-disabled=true]):active{background-color:var(--tint-pressed)}.ui-button--tint:disabled,.ui-button--tint[aria-disabled=true]{background-color:var(--color-fill)}@media(hover:hover)and (pointer:fine){.ui-button--tint:not(:disabled,[aria-disabled=true]):hover{background-color:var(--tint)}}.ui-button--icon{width:28px;height:28px;min-height:0;padding:0}@media(pointer:coarse){.ui-button--icon{width:44px;height:44px}}@media(forced-colors:active){.ui-button:focus-visible,.ui-focus-ring:focus-visible{outline-color:Highlight}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}.ui-fade-in{animation:ui-fade-in var(--motion-fade) backwards}:where(app-session-replay,app-live-session) .float{position:absolute;background:color-mix(in srgb,var(--color-ground) 80%,transparent);border:1px solid var(--color-separator);border-radius:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 30px #0006;z-index:20}:where(app-session-replay,app-live-session) .topcenter{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:25}:where(app-session-replay,app-live-session) .ring{position:relative;width:46px;height:46px}:where(app-session-replay,app-live-session) .ring .lc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}:where(app-session-replay,app-live-session) .ring .lc b{font-size:13px;font-weight:700}:where(app-session-replay,app-live-session) .ring .lc span{font-size:6.5px;letter-spacing:1px;color:var(--label-2)}:where(app-session-replay,app-live-session) .flag{padding:7px 13px;border-radius:20px;font-size:10px;letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:where(app-session-replay,app-live-session) .flag .dotpulse{width:8px;height:8px;border-radius:50%}:where(app-session-replay,app-live-session) .flag.green{background:var(--status-green-fill);border:1px solid color-mix(in srgb,var(--status-green) 50%,transparent);color:var(--status-green)}:where(app-session-replay,app-live-session) .flag.green .dotpulse{background:var(--status-green)}:where(app-session-replay,app-live-session) .flag.yellow{background:var(--status-yellow-fill);border:1px solid color-mix(in srgb,var(--status-yellow) 50%,transparent);color:var(--status-yellow)}:where(app-session-replay,app-live-session) .flag.yellow .dotpulse{background:var(--status-yellow)}:where(app-session-replay,app-live-session) .flag.sc{background:var(--status-yellow-fill);border:1px solid color-mix(in srgb,var(--status-yellow) 50%,transparent);color:var(--status-yellow)}:where(app-session-replay,app-live-session) .flag.sc .dotpulse{background:var(--status-yellow)}:where(app-session-replay,app-live-session) .flag.red{background:var(--status-red-fill);border:1px solid color-mix(in srgb,var(--status-red) 50%,transparent);color:var(--status-red)}:where(app-session-replay,app-live-session) .flag.red .dotpulse{background:var(--status-red)}:where(app-session-replay,app-live-session) .weather-float{top:16px;left:104px;height:42px;box-sizing:border-box;padding:0 13px;display:flex;align-items:center}:where(app-session-replay,app-live-session) .tower-float{top:16px;right:16px;width:256px;padding:10px 8px 8px}:where(app-session-replay,app-live-session) .follow-col{position:absolute;top:92px;left:16px;bottom:24px;width:250px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;z-index:20}:where(app-session-replay,app-live-session) .follow-col::-webkit-scrollbar{width:5px}:where(app-session-replay,app-live-session) .follow-col::-webkit-scrollbar-thumb{background:var(--color-separator-strong);border-radius:3px}:where(app-session-replay,app-live-session) .follow-float{position:relative;padding:13px;flex:none}:where(app-session-replay,app-live-session) .follow-hint{position:relative;padding:14px}:where(app-session-replay,app-live-session) .follow-hint p{font-size:11px;color:var(--label-2);line-height:1.5;margin:0}:where(app-session-replay,app-live-session) .follow-hint b{color:var(--tint)}:where(app-session-replay,app-live-session) .rc-float{bottom:104px;right:16px;width:300px;max-height:260px;padding:12px;display:flex;flex-direction:column}:where(app-session-replay,app-live-session) .transport-float{bottom:22px;left:50%;transform:translate(-50%);width:min(72%,820px)}@media(max-width:1100px){:where(app-session-replay,app-live-session) .tower-float{width:210px}:where(app-session-replay,app-live-session) .follow-col{width:220px}:where(app-session-replay,app-live-session) .rc-float{width:240px}:where(app-session-replay,app-live-session) .transport-float{width:88%}}@media(max-width:820px){:where(app-session-replay,app-live-session) .rc-float{display:none}:where(app-session-replay,app-live-session) .tower-float{top:70px;right:8px;width:180px}:where(app-session-replay,app-live-session) .follow-col{display:none}}:root{color-scheme:dark}*,:before,:after{box-sizing:border-box}body{margin:0;background-color:var(--color-ground);color:var(--label-1);font-family:var(--font-sans);font-optical-sizing:auto}body:has(app-session-replay .stage.immersive){overflow:hidden}
