@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-cyrillic-ext-wght-normal-DzyfIafT.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-cyrillic-wght-normal-BMDVbyM7.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-greek-ext-wght-normal-BWSLJLk6.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-greek-wght-normal-C9H9m1vD.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-vietnamese-wght-normal-C1uRvKPU.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-latin-ext-wght-normal-C8iNium2.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/Pixel-Net/assets/source-sans-3-latin-wght-normal-BqRLTx4X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Source Sans 3 Variable", "Source Sans 3", "Source Sans Pro", -apple-system, "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:clamp(1.25rem, 1.1rem + .8vw, 1.5rem);--fs-2xl:clamp(1.5rem, 1.25rem + 1.4vw, 2rem);--lh-body:1.5;--lh-snug:1.35;--lh-tight:1.15;--ink-900:#1c1a17;--ink-700:#4a4640;--ink-500:#6f6a62;--ink-400:#979189;--paper:#fff;--surface:#f7f5f1;--sunken:#efece6;--line:#e8e4dd;--line-strong:#d3cdc3;--accent:#b84a00;--accent-strong:#8f3900;--on-accent:#fff;--accent-soft:color-mix(in srgb, var(--accent) 10%, white);--accent-softer:color-mix(in srgb, var(--accent) 5%, white);--ok:#1b6b34;--ok-bg:#e6f4ea;--warn:#8a5a00;--warn-bg:#fff4e5;--danger:#b3261e;--danger-bg:#fdecea;--viz-1:#0072b2;--viz-2:#e69f00;--viz-3:#009e73;--viz-4:#cc79a7;--viz-5:#d55e00;--viz-6:#56b4e9;--viz-7:#f0e442;--viz-8:#000;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-1:0 1px 2px #1c1a171a, 0 1px 6px #1c1a170f;--shadow-2:0 2px 8px #1c1a171f, 0 8px 24px #1c1a171a;--shadow-3:0 4px 16px #1c1a1724, 0 16px 48px #1c1a172e;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 60%, transparent);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--t-fast:.15s;--t-base:.24s;--t-slow:.4s;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-inout:cubic-bezier(.45, .05, .25, 1);--header-h:56px;--panel-w:360px;--touch:44px;--z-map-controls:10;--z-panel:20;--z-sheet:30;--z-toast:40;--z-modal:50;--z-tooltip:60}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-base:0s;--t-slow:0s}}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink-900);background:var(--surface);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-weight:600;line-height:var(--lh-tight);margin:0 0 var(--sp-3)}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}:focus-visible{box-shadow:var(--ring);outline:none}::selection{background:var(--accent-soft)}button,input,select,textarea{font:inherit}:root{--ring:0 0 0 3px color-mix(in srgb, var(--accent) 80%, transparent)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;overflow:hidden}p{margin:0}.app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.titlebar{justify-content:space-between;align-items:center;gap:var(--sp-3);height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(var(--sp-3) + env(safe-area-inset-right)) 0 calc(var(--sp-4) + env(safe-area-inset-left));background:var(--paper);border-bottom:1px solid var(--line);display:flex}.titlebar__name{min-width:0;font-size:var(--fs-lg);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.titlebar__dem{font-size:var(--fs-sm);color:var(--ink-500)}.titlebar__end{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.stage{--caption-height:18px;--caption-gap:var(--sp-2);justify-content:center;align-items:center;gap:var(--gap,var(--sp-3));min-height:0;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;overflow:hidden}.stage[data-mode=portrait]{flex-direction:column}.stage[data-mode=wide] .net-card{margin-bottom:calc(var(--caption-height) + var(--caption-gap))}.terrain-col{align-items:center;gap:var(--caption-gap);flex-direction:column;display:flex}.caption{max-width:100%;height:var(--caption-height);font-size:var(--fs-xs);line-height:var(--caption-height);color:var(--ink-500);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card{background:var(--paper);border-radius:var(--r-md);box-shadow:var(--shadow-1);flex:none}.net-card{align-items:center;gap:var(--sp-3);padding:var(--inner,var(--sp-3));display:flex}.net-card[data-readout=below]{flex-direction:column}.net{flex:none;position:relative}.net-frame,.net-labels,.net__cloud{width:100%;height:100%;position:absolute;inset:0}.net-labels{pointer-events:none}.net__cloud{color:var(--ink-900)}.net-frame__rim{fill:var(--paper);stroke:var(--line-strong);stroke-width:1.5px}.net-frame__line{fill:none;stroke:var(--line);stroke-width:1px}.net-labels text{font-size:var(--fs-xs);fill:var(--ink-500);text-anchor:middle;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;font-weight:600}.net-labels .net-labels__ring{text-anchor:start;font-weight:400}.net .net__skeleton{border-radius:var(--r-pill);mix-blend-mode:multiply;position:absolute;inset:3.125%}.terrain{position:relative}.terrain__image,.terrain .terrain__skeleton{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.terrain__error{justify-content:center;height:100%}.dem-btn{align-items:center;gap:var(--sp-1);min-width:0;height:40px;padding:0 var(--sp-2) 0 var(--sp-3);border-radius:var(--r-pill);color:var(--ink-700);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);background:0 0;border:0;flex:0 auto;font-weight:600;display:inline-flex}.dem-btn[data-state=open]{background:var(--sunken);color:var(--ink-900)}@media (hover:hover){.dem-btn:hover{background:var(--sunken);color:var(--ink-900)}}.dem-btn__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dem-btn svg{flex:none}@media (width<=359px){.titlebar{gap:var(--sp-2)}.dem-btn{padding:0 var(--sp-1) 0 var(--sp-2)}}.btn{align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);border:0;font-weight:600;display:inline-flex}.btn:hover{background:var(--accent-strong)}.btn--tonal{background:var(--accent-soft);color:var(--accent-strong)}.btn--tonal:hover{background:color-mix(in srgb, var(--accent) 16%, white)}.icon-btn{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink-700);cursor:pointer;transition:background var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--sunken)}.icon-btn:disabled{color:var(--ink-400);cursor:default;background:0 0}.empty{align-items:center;gap:var(--sp-3);padding:var(--sp-5);text-align:center;flex-direction:column;display:flex}.empty__text{color:var(--ink-700)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--sunken) 25%, var(--surface) 37%, var(--sunken) 63%);background-size:400% 100%;animation:1.4s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--sunken);animation:none}}@media (pointer:coarse){.dem-btn,.btn{height:var(--touch)}.icon-btn{width:var(--touch);height:var(--touch)}}.terrain__area{border-radius:inherit;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.ring,.loupe,.net-marker{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.ring,.net-marker{opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.ring[data-visible=true],.net-marker[data-visible=true]{opacity:1}.ring:after{content:"";border:3px solid var(--accent);border-radius:var(--r-pill);width:16px;height:16px;box-shadow:0 0 0 1.5px var(--paper), inset 0 0 0 1.5px var(--paper);position:absolute;top:-8px;left:-8px}.loupe__lens{border:3px solid var(--paper);border-radius:var(--r-pill);background:var(--sunken);width:96px;height:96px;box-shadow:var(--shadow-2);opacity:0;transition:opacity calc(var(--t-fast) * .7) var(--ease-out), transform calc(var(--t-fast) * .7) var(--ease-out);position:absolute;top:-48px;left:-48px;overflow:hidden;transform:scale(.9)}.loupe__lens[data-visible=true]{opacity:1;transition-duration:var(--t-fast);transform:scale(1)}.loupe__lens canvas{width:96px;height:96px;position:absolute;top:-3px;left:-3px}.loupe__lens:after{content:"";border:2px solid var(--accent);width:12px;height:12px;box-shadow:0 0 0 1px var(--paper);margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.net-marker{z-index:2}.net-marker__mark{border-radius:var(--r-pill);background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--paper);position:absolute;top:-5px;left:-5px}.net-marker[data-flat=true] .net-marker__mark{background:var(--paper);box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 2px var(--paper)}.net-marker__mark:after{content:"";border:3px solid var(--accent);border-radius:var(--r-pill);position:absolute;inset:-7px}.net-marker[data-pulse=true] .net-marker__mark{animation:pulse-once var(--t-base) var(--ease-out) 1}@keyframes pulse-once{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.net .net__info{position:absolute;top:0;left:0}.net__density{color:var(--viz-1);opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out);position:absolute;inset:0}.net__density[data-on=true]{opacity:1}.net__density canvas{width:100%;height:100%;position:absolute;inset:0}.net .net__toggle{z-index:2;border-radius:var(--r-pill);width:28px;height:28px;color:var(--ink-500);cursor:pointer;transition:background var(--t-fast) var(--ease-out), color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:0;right:0}@media (hover:hover){.net .net__toggle:hover{background:var(--sunken);color:var(--ink-700)}}.net .net__toggle[aria-pressed=true]{background:var(--sunken);color:var(--viz-1)}.net .net__toggle:focus-visible{box-shadow:var(--ring)}@media (pointer:coarse){.net .net__toggle:after{content:"";position:absolute;inset:-12px -12px -4px -4px}}.net .net__key{padding-right:var(--sp-1);background:var(--paper);font-size:var(--fs-xs);color:var(--viz-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out);margin:0;line-height:16px;position:absolute;bottom:0;left:0}.net .net__key[data-on=true]{opacity:1}.readout-col{height:var(--net);flex-direction:column;justify-content:center;min-width:0;display:flex;position:relative}.readout-col .readout{transition:gap var(--t-base) var(--ease-out), margin-bottom var(--t-base) var(--ease-out)}.readout-col[data-key=true] .readout{gap:var(--sp-2);margin-bottom:20px}.readout-col__key{font-size:var(--fs-xs);color:var(--viz-1);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out);margin:0;line-height:16px;position:absolute;bottom:0;left:0}.readout-col__key[data-on=true]{opacity:1}.readout{gap:var(--sp-3);flex-direction:column;min-width:0;margin:0;display:flex}.net-card[data-readout=below] .readout{gap:var(--sp-4);width:100%;padding-top:var(--sp-3);border-top:1px solid var(--line);flex-direction:row}.net-card[data-readout=below] .stat{flex:1 1 0;min-width:0}.stat{flex-direction:column;gap:2px;display:flex}.stat__label{align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--ink-500);display:flex}.stat__value{font-size:var(--fs-lg);font-weight:600;line-height:var(--lh-snug);color:var(--ink-900);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.tooltip{z-index:var(--z-tooltip);max-width:260px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--ink-900);color:var(--paper);font-size:var(--fs-sm);line-height:var(--lh-snug);box-shadow:var(--shadow-2);animation:tooltip-in var(--t-fast) var(--ease-out)}@keyframes tooltip-in{0%{opacity:0}}.info-dot{border-radius:var(--r-pill);width:16px;height:16px;color:var(--ink-400);cursor:help;transition:color var(--t-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.info-dot:hover{color:var(--ink-700)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (pointer:coarse){.info-dot:after{content:"";position:absolute;inset:-14px}}.sun{z-index:1;width:0;height:0;position:absolute;top:0;left:0}.sun__handle{width:var(--touch);height:var(--touch);border-radius:var(--r-pill);color:var(--ink-900);cursor:grab;touch-action:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-22px;left:-22px}.sun__handle[data-dragging=true]{cursor:grabbing}.sun__handle:focus-visible{box-shadow:none}.sun__disc{border-radius:var(--r-pill);background:var(--paper);width:30px;height:30px;box-shadow:var(--shadow-1);transition:box-shadow var(--t-fast) var(--ease-out);justify-content:center;align-items:center;display:flex}.sun__handle:hover .sun__disc,.sun__handle[data-dragging=true] .sun__disc{box-shadow:var(--shadow-2)}.sun__handle:focus-visible .sun__disc{box-shadow:var(--shadow-1), var(--ring)}@media (pointer:coarse){.sun__disc[data-nudge=true]{animation:sun-nudge .7s var(--ease-out) .9s 1}}@keyframes sun-nudge{0%,to{transform:scale(1)}40%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.sun__disc[data-nudge=true]{animation:none}}.sun__label{top:20px;left:var(--label-x,-40px);color:var(--ink-500);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;paint-order:stroke fill;-webkit-text-stroke:4px var(--paper);transition:box-shadow var(--t-fast) var(--ease-out);font-weight:600;line-height:20px;position:absolute}.sun__label[data-vertical=above]{top:auto;bottom:20px}.sun__label[data-quiet-hidden=true]{opacity:0}@supports not (paint-order:stroke fill){.sun__label{-webkit-text-stroke:0;text-shadow:0 0 2px var(--paper), 0 0 2px var(--paper), 0 0 3px var(--paper), 0 0 3px var(--paper), 0 0 5px var(--paper)}}.sun__label[data-active=true]{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);background:var(--ink-900);color:var(--paper);font-size:var(--fs-sm);box-shadow:var(--shadow-2);opacity:1;-webkit-text-stroke:0;text-shadow:none;top:-14px;bottom:auto}.sun__label[data-active=true][data-side=left]{left:auto;right:24px}.sun__label[data-active=true][data-side=right]{left:24px;right:auto}.help-btn{position:relative}.help-btn__dot{border-radius:var(--r-pill);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--paper);position:absolute;top:calc(50% - 12px);right:calc(50% - 12px)}.scrim{z-index:var(--z-modal);background:color-mix(in srgb, var(--ink-900) 40%, transparent);position:fixed;inset:0}.sheet{z-index:var(--z-modal);padding:var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-right)) calc(var(--sp-5) + env(safe-area-inset-bottom)) calc(var(--sp-4) + env(safe-area-inset-left));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--paper);box-shadow:var(--shadow-3);position:fixed;bottom:0;left:0;right:0}.sheet__close{top:var(--sp-2);right:calc(var(--sp-2) + env(safe-area-inset-right));position:absolute}.sheet__parts{gap:var(--sp-4);flex-direction:column;display:flex}.sheet__part{min-width:0}.sheet__heading{margin:0 0 var(--sp-2);padding-right:var(--touch);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-snug);color:var(--ink-900)}.sheet__list{gap:var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--ink-700);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.news{column-gap:var(--sp-3);grid-template-columns:5.5em 1fr;display:grid;position:relative}.news__date{color:var(--ink-500);font-variant-numeric:tabular-nums;white-space:nowrap}.news__dot{border-radius:var(--r-pill);width:6px;height:6px;position:absolute;top:.5em;left:-11px}.news[data-new=true] .news__dot{background:var(--accent)}.dem-tiles{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.dem-tile{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.dem-tile__picture{aspect-ratio:1;border-radius:var(--r-md);background:var(--sunken);transition:box-shadow var(--t-fast) var(--ease-out);display:block;overflow:hidden}.dem-tile__picture img{object-fit:cover;width:100%;height:100%;display:block}.dem-tile__picture img[hidden]{display:none}.dem-tile__name,.dem-tile__line{line-height:var(--lh-snug);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dem-tile__name{margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-900);font-weight:600}.dem-tile__line{font-size:var(--fs-xs);color:var(--ink-500)}@media (hover:hover){.dem-tile:hover .dem-tile__picture{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--line-strong)}}.dem-tile[aria-current=true] .dem-tile__picture{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}.dem-tile:focus-visible{box-shadow:none}.dem-tile:focus-visible .dem-tile__picture{box-shadow:var(--ring)}.dem-tile[aria-current=true]:focus-visible .dem-tile__picture{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--accent), 0 0 0 7px color-mix(in srgb, var(--accent) 60%, transparent)}@media (width>=521px){.sheet{width:min(420px, calc(100vw - 2 * var(--sp-4)));height:fit-content;padding:var(--sp-5);border-radius:var(--r-lg);margin:auto;inset:0}.sheet__close{top:var(--sp-3);right:var(--sp-3)}}@media (width>=521px) and (height<=520px){.sheet{width:min(680px, calc(100vw - 2 * var(--sp-4)));padding:var(--sp-4) var(--sp-5)}.sheet--dems{width:fit-content;max-width:calc(100vw - 2 * var(--sp-4))}.sheet--dems .dem-tiles{grid-template-columns:repeat(var(--tiles), minmax(0, 150px))}.sheet__close{top:calc(var(--sp-4) + var(--fs-sm) * var(--lh-snug) / 2);transform:translateY(-50%)}.sheet__heading{margin-bottom:var(--sp-4)}.sheet__parts{gap:var(--sp-5);flex-direction:row}.sheet__part{flex:1 1 0}}.scrim{animation:scrim-in var(--t-base) var(--ease-out)}.scrim[data-state=closed]{animation:scrim-out var(--t-fast) var(--ease-out)}.sheet{animation:sheet-in var(--t-slow) var(--ease-out)}.sheet[data-state=closed]{animation:sheet-out var(--t-base) var(--ease-out)}@media (width>=521px){.sheet{animation-name:card-in}.sheet[data-state=closed]{animation-name:card-out}}@keyframes scrim-in{0%{opacity:0}}@keyframes scrim-out{to{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}@keyframes card-out{to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.scrim,.scrim[data-state=closed],.sheet,.sheet[data-state=closed]{animation:none}}