@font-face{font-family:Geist;src:url(/fonts/Geist-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@property --fg{syntax:"<color>";inherits:true;initial-value:#1c1c1c}@property --fg2{syntax:"<color>";inherits:true;initial-value:#9a9a9a}@property --footer-link{syntax:"<color>";inherits:true;initial-value:#858585}@property --place{syntax:"<color>";inherits:true;initial-value:#9a9a9a}@property --underline{syntax:"<color>";inherits:true;initial-value:#d2d2d2}@property --underline-hover{syntax:"<color>";inherits:true;initial-value:#8a8a8a}@property --place-underline{syntax:"<color>";inherits:true;initial-value:#c4c4c4}@property --sticker-ring{syntax:"<color>";inherits:true;initial-value:#fff}@property --tip-bg{syntax:"<color>";inherits:true;initial-value:#fff}@property --tip-border{syntax:"<color>";inherits:true;initial-value:#e6e6e6}@property --tip-rule{syntax:"<color>";inherits:true;initial-value:#efefef}@property --land-day{syntax:"<color>";inherits:true;initial-value:#1c1c1c}@property --land-night{syntax:"<color>";inherits:true;initial-value:#b9b9b9}@property --sea-day{syntax:"<color>";inherits:true;initial-value:#dadada}@property --sea-night{syntax:"<color>";inherits:true;initial-value:#ececec}@property --horizon{syntax:"<color>";inherits:true;initial-value:#c4c4c4}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--fade:1s;--m:44px;--frame-w:1360px;--frame-h:900px;--px:max(var(--m), calc((100vw - var(--frame-w)) / 2 + var(--m)));--py:max(var(--m), calc((100svh - var(--frame-h)) / 2 + var(--m)));--amber:#f2a93b;--moon:#aeb8d6;--bg:#f7f7f7;--bg-image:none;--fg:#1c1c1c;--fg2:#9a9a9a;--footer-link:#858585;--place:#9a9a9a;--underline:#d2d2d2;--underline-hover:#8a8a8a;--place-underline:#c4c4c4;--sticker-ring:#fff;--sticker-shadow:#00000024;--portrait-light:.22;--portrait-dark:0;--tip-bg:#fff;--tip-border:#e6e6e6;--tip-shadow:0 16px 40px #00000014, 0 2px 6px #0000000a;--tip-rule:#efefef;--land-day:#1c1c1c;--land-night:#b9b9b9;--sea-day:#dadada;--sea-night:#ececec;--horizon:#c4c4c4;--kbd-border:#ddd;--slide-border:#e6e6e6;--peek:.4;--prog-past:#cfcfcf;--prog-future:#e2e2e2;--stage-bg:#efefef;--panel-border:#e6e6e6;--panel-shadow:0 40px 100px #0000001f, 0 4px 16px #0000000d;--chrome-bg:#fff;--chrome-dot:#dcdcdc;--chrome-pill:#f2f2f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:--fg var(--fade) ease, --fg2 var(--fade) ease, --footer-link var(--fade) ease, --place var(--fade) ease, --underline var(--fade) ease, --underline-hover var(--fade) ease, --place-underline var(--fade) ease, --sticker-ring var(--fade) ease, --tip-bg var(--fade) ease, --tip-border var(--fade) ease, --tip-rule var(--fade) ease, --land-day var(--fade) ease, --land-night var(--fade) ease, --sea-day var(--fade) ease, --sea-night var(--fade) ease, --horizon var(--fade) ease}:root[data-phase=sunrise]{--bg-image:linear-gradient(in oklab 180deg, #f7f7f7 0%, #f7f3ef 65%, #f7ede5 100%)}:root[data-phase=sunset]{--bg-image:linear-gradient(in oklab 180deg, #f3f2f5 0%, #f5eeec 65%, #f6e7df 100%);--footer-link:#8a7f7c;--place:#8a7f7c}:root[data-phase=night]{--bg:#111;--fg:#ededed;--fg2:#7a7a7a;--footer-link:#7a7a7a;--place:#7a7a7a;--underline:#3a3a3a;--underline-hover:#7a7a7a;--place-underline:#4a4a4a;--sticker-ring:#2c2c2c;--sticker-shadow:#00000080;--portrait-light:0;--portrait-dark:.18;--tip-bg:#1a1a1a;--tip-border:#2c2c2c;--tip-shadow:0 16px 40px #00000080;--tip-rule:#2a2a2a;--land-day:#ededed;--land-night:#4a4a4a;--sea-day:#3a3a3a;--sea-night:#262626;--horizon:#4a4a4a;--kbd-border:#dddddd4d;--slide-border:#2a2a2a;--peek:.3;--prog-past:#555;--prog-future:#2a2a2a;--stage-bg:#161616;--panel-border:#2a2a2a;--panel-shadow:0 40px 100px #0009;--chrome-bg:#1f1f1f;--chrome-dot:#3a3a3a;--chrome-pill:#2a2a2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-booting],:root[data-booting] *{transition:none!important}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;padding-top:max(var(--py), env(safe-area-inset-top));padding-right:max(var(--px), env(safe-area-inset-right));padding-bottom:max(var(--py), env(safe-area-inset-bottom));padding-left:max(var(--px), env(safe-area-inset-left));letter-spacing:-.01em;font-synthesis:none;color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;font-family:Geist,system-ui,sans-serif;font-size:14px;line-height:20px;display:flex;position:relative;overflow-x:clip}h1,h2,p{font:inherit;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}a,button,[role=slider]{touch-action:manipulation}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:1.5px solid var(--fg);outline-offset:3px;border-radius:4px}.muted{color:var(--fg2)}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sky{z-index:-1;position:fixed;inset:0}.sky-layer{opacity:0;transition:opacity var(--fade) ease;position:absolute;inset:0}.sky-day{background:#f7f7f7}.sky-sunrise{background:linear-gradient(#f7f7f7 0%,#f7f3ef 65%,#f7ede5 100%);background:linear-gradient(in oklab 180deg, #f7f7f7 0%, #f7f3ef 65%, #f7ede5 100%)}.sky-sunset{background:linear-gradient(#f3f2f5 0%,#f5eeec 65%,#f6e7df 100%);background:linear-gradient(in oklab 180deg, #f3f2f5 0%, #f5eeec 65%, #f6e7df 100%)}.sky-night{background:#111}[data-phase=day] .sky-day,[data-phase=sunrise] .sky-sunrise,[data-phase=sunset] .sky-sunset,[data-phase=night] .sky-night{opacity:1}.portrait{top:calc(var(--py) + 64px);right:calc(var(--px) + 96px);pointer-events:none;-webkit-user-select:none;user-select:none;width:520px;height:520px;position:absolute}.portrait>img,.portrait>canvas{width:100%;height:100%;transition:opacity var(--fade) ease;position:absolute;inset:0}.portrait-light{opacity:var(--portrait-light)}.portrait-dark{opacity:var(--portrait-dark)}.intro{width:420px;max-width:100%;position:relative}.name{font-weight:500}@property --spot-r{syntax:"<length>";inherits:true;initial-value:0}.first-name{--spot:#6e6e6e;--spot-r:0px}:root[data-phase=night] .first-name{--spot:#8f8f8f}@media (hover:hover) and (pointer:fine){.first-name:hover{--spot-r:18px}.first-name>span:first-child [torph-item]{background:radial-gradient(circle var(--spot-r) at calc(var(--mx,-999px) - var(--ox,0px)) var(--my,-999px), var(--spot), var(--fg) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}}.first-name{font-weight:inherit;text-underline-offset:3px;transition:text-decoration-color .15s ease, transform .16s var(--ease-out), --spot-r .2s var(--ease-out);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.first-name>span:first-child{display:inline-flex;overflow-x:clip}.name-pl{letter-spacing:.16em;text-transform:uppercase;color:var(--fg2);opacity:0;filter:blur(2px);transition:grid-template-columns .18s var(--ease-out), opacity .12s var(--ease-out), filter .12s var(--ease-out);grid-template-columns:0fr;align-self:baseline;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;font-weight:400;display:inline-grid}.name-pl>span{white-space:nowrap;min-width:0;overflow:hidden}.first-name[aria-pressed=true] .name-pl{opacity:1;filter:blur();grid-template-columns:1fr;transition-duration:.24s,.24s,.24s;transition-delay:0s,60ms,60ms}@media (prefers-reduced-motion:reduce){.name-pl,.first-name[aria-pressed=true] .name-pl{filter:none;transition:opacity .15s}}.first-name:active{transform:scale(.97)}.first-name:focus-visible{-webkit-text-decoration-color:var(--underline-hover);text-decoration-color:var(--underline-hover)}@media (hover:hover) and (pointer:fine){.first-name:hover{-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline)}}.bio{margin-top:24px}.bio-line{display:block}.bio .co,.bio .and{margin-left:calc(4px - .24em)}.co{vertical-align:top;height:20px;color:var(--fg);align-items:center;display:inline-flex}.co-name,.co-punct [torph-item][torph-id=\.]{-webkit-text-decoration:underline 1px var(--underline);text-decoration:underline 1px var(--underline);text-underline-offset:3px;transition:text-decoration-color .15s}.co-slot{width:0;height:20px;transition:width .15s var(--ease-out);align-items:center;display:inline-flex}.sticker{width:18px;height:18px;box-shadow:0 0 0 1.5px var(--sticker-ring), 0 1px 3px var(--sticker-shadow);opacity:0;transform:translateX(-3px) rotate(var(--tilt)) scale(.9);transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:5px;flex:none;position:relative;overflow:hidden}.sticker svg{display:block}.sticker-hopin{background:#000}.sticker-hopin>span{background:url(/logos/hopin.png) 50%/cover no-repeat;position:absolute;inset:3.5px 5px}.sticker-infermedica{background:url(/logos/infermedica.svg) 50%/cover no-repeat}.co:focus-visible .co-slot{width:24px}.co:focus-visible .sticker{opacity:1;transform:rotate(var(--tilt))}.co:focus-visible .co-name{-webkit-text-decoration-color:var(--underline-hover);text-decoration-color:var(--underline-hover)}@media (hover:hover) and (pointer:fine){.co:hover .co-slot{width:24px}.co:hover .sticker{opacity:1;transform:rotate(var(--tilt))}.co:hover .co-name{-webkit-text-decoration-color:var(--underline-hover);text-decoration-color:var(--underline-hover)}}.footer{justify-content:space-between;align-items:center;gap:16px 28px;margin-top:auto;padding-top:40px;display:flex;position:relative}.links{flex-wrap:wrap;align-items:center;gap:4px 28px;display:flex}.links a{color:var(--footer-link);transition:color .15s;position:relative}.link-text{text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.link-arrow{white-space:nowrap;position:absolute;top:0;left:100%}.links a:focus-visible .link-text{-webkit-text-decoration-color:var(--place-underline);text-decoration-color:var(--place-underline)}.links .link-primary{color:var(--fg)}.clock{white-space:nowrap;align-items:center;gap:6px;display:flex;position:relative}.place{color:var(--place);text-underline-offset:3px;transition:color .15s ease, text-decoration-color .15s ease, transform .16s var(--ease-out);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px}.place:focus-visible,.place[aria-expanded=true]{color:var(--fg);-webkit-text-decoration-color:var(--place-underline);text-decoration-color:var(--place-underline)}.clock-time{color:var(--fg);transition:transform .16s var(--ease-out);display:inline-flex;position:relative}.place:active,.clock-time:active{transform:scale(.97)}.clock-time:before{content:"";position:absolute;inset:-6px -4px}.clock-time>span{display:inline-flex}.ct-conv{margin-left:2px}.clock-time:after{content:"";background:var(--place-underline);opacity:0;height:1px;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.clock-time:focus-visible:after{opacity:1}@media (hover:hover) and (pointer:fine){.clock-time:hover:after{opacity:1}.links a:hover{color:var(--fg)}.links a:hover .link-text{-webkit-text-decoration-color:var(--place-underline);text-decoration-color:var(--place-underline)}.place:hover{color:var(--fg);-webkit-text-decoration-color:var(--place-underline);text-decoration-color:var(--place-underline)}}.intro,.portrait,.links,.clock{transition:filter .15s var(--ease-out), opacity .15s var(--ease-out)}.is-tip-open .intro,.is-tip-open .portrait,.is-tip-open .links{filter:blur(8px);opacity:.45;pointer-events:none;transition-duration:.25s}.tip{z-index:10;border:1px solid var(--tip-border);background:var(--tip-bg);width:368px;box-shadow:var(--tip-shadow);white-space:normal;transform-origin:100% 100%;opacity:0;transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);border-radius:14px;flex-direction:column;gap:12px;padding:16px;font-size:13px;line-height:18px;display:flex;position:absolute;bottom:calc(100% + 16px);right:-8px;transform:translateY(4px)scale(.97)}.tip[hidden]{display:none}.tip.is-open{opacity:1;transition-duration:.2s;transform:none}.tip-sun{justify-content:space-between;align-items:center;display:flex}.tip-sun>span{gap:6px;display:flex}.tip-map{aspect-ratio:336/140;width:100%;height:auto;display:block}.dots-land-day{fill:var(--land-day)}.dots-land-night{fill:var(--land-night)}.dots-sea-day{fill:var(--sea-day)}.dots-sea-night{fill:var(--sea-night)}.compare{opacity:0;transition:opacity .15s}.has-compare .compare{opacity:1;transition-duration:.2s}.compare-arc{fill:none;stroke:var(--fg2);stroke-width:1px;stroke-linecap:round;stroke-dasharray:1;opacity:.7}.compare-pop{transform-box:fill-box;transform-origin:50%}.compare-dot{fill:var(--fg);stroke:var(--tip-bg);stroke-width:1.5px}.pin-dot,.compare-dot{stroke:var(--tip-bg);stroke-width:2px}.pin-dot{fill:var(--fg)}.compare-dot{fill:var(--fg2)}.tip-map-box{border:1px solid var(--tip-border);border-radius:10px;padding:8px}.tip-curve{cursor:ew-resize;touch-action:pan-y;border-radius:6px;position:relative}.tip-curve svg{aspect-ratio:336/79;width:100%;height:auto;display:block;overflow:visible}.curve-horizon{stroke:var(--horizon);stroke-width:1px;stroke-dasharray:3 3}.curve-line{fill:none;stroke:var(--fg);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.curve-live{fill:var(--fg2);stroke:var(--tip-bg);stroke-width:1.5px;opacity:0;transition:opacity .15s}.tip-curve.is-scrubbed .curve-live{opacity:1}.curve-now-dot{fill:var(--fg);stroke:var(--tip-bg);stroke-width:2px}.curve-label{background:var(--tip-bg);color:var(--fg);white-space:nowrap;pointer-events:none;border-radius:4px;padding:0 4px;font-size:12px;line-height:16px;position:absolute;top:0;left:0}html:has(.viewer[open]){overflow:hidden}.viewer{overscroll-behavior:contain;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;max-width:none;height:100%;max-height:none;color:var(--fg);opacity:0;transition:opacity .15s var(--ease-out);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.viewer[open]{place-items:center;display:grid}.viewer::backdrop{background:0 0}.viewer.is-open{opacity:1;transition-duration:.25s}.viewer-panel{--m:28px;--pad-top:40px;--pad-bottom:40px;border:1px solid var(--panel-border);background-color:var(--bg);background-image:var(--bg-image);width:min(1200px,100vw - 48px);height:min(800px,100dvh - 48px);box-shadow:var(--panel-shadow);transition:transform .15s var(--ease-out);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.97)}.viewer.is-open .viewer-panel{transition-duration:.25s;transform:none}@media (width>=900px){.viewer[open]{display:block}.viewer .viewer-close{display:none}.viewer-panel{top:var(--py);right:var(--px);bottom:calc(var(--py) + 44px);left:calc(var(--px) + 304px);width:auto;height:auto;transform-origin:0 calc(var(--origin-y,50%) - var(--py));position:absolute}.viewer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.is-viewer-open .portrait,.is-viewer-open .links,.is-viewer-open .clock{filter:blur(8px);opacity:.45;transition-duration:.25s}}.co.is-active .co-slot{width:24px}.co.is-active .sticker{opacity:1;transform:rotate(var(--tilt))}.co.is-active .co-name{-webkit-text-decoration-color:var(--underline-hover);text-decoration-color:var(--underline-hover)}.viewer-bar{display:none}.viewer-panel:focus{outline:none}.viewer-close{z-index:3;border:1px solid var(--panel-border);background:var(--tip-bg);width:40px;height:40px;color:var(--fg);transition:transform .1s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.viewer-close:active{transform:scale(.94)}.kbd{border:1px solid var(--kbd-border);color:var(--fg2);border-radius:5px;padding:2px 6px;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;line-height:14px}@media (hover:none){.kbd{display:none}}.viewer-body{flex:1;min-height:0;position:relative;overflow:hidden;container-type:size}.viewer-ghost{pointer-events:none;z-index:2;position:absolute;inset:0}.carousel,.single{--pad:84px;padding-top:var(--pad-top,var(--pad));padding-bottom:var(--pad-bottom,var(--pad));flex-direction:column;justify-content:center;margin:0;display:flex;position:absolute;inset:0}.carousel>*,.single>*{flex:none}.carousel{--gap:24px;--slide-w:min(720px, calc(100cqw - 2 * var(--m)), calc((100cqh - var(--pad-top) - var(--pad-bottom) - 40px) * 4 / 3))}.track{height:calc(var(--slide-w) * 3 / 4);touch-action:pan-y;will-change:transform;position:relative}.slide{top:0;left:calc(50% - var(--slide-w) / 2 + var(--n) * (var(--slide-w) + var(--gap)));width:var(--slide-w);aspect-ratio:4/3;border:1px solid var(--slide-border);background:var(--tip-bg);cursor:pointer;border-radius:12px;margin:0;position:absolute;overflow:hidden}.slide.is-current{cursor:default}.slide img,.slide video{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.slide.is-staged{background:var(--stage-bg);place-items:center;padding:0 7%;display:grid}.browser{background:var(--chrome-bg);border-radius:10px;width:100%;overflow:hidden}.slide.is-staged .browser{border:1px solid var(--slide-border)}.browser-bar{border-bottom:1px solid var(--slide-border);background:var(--chrome-bg);align-items:center;height:30px;padding:0 12px;display:flex;position:relative}.browser-dots{gap:6px;display:flex}.browser-dots i{background:var(--chrome-dot);border-radius:50%;width:8px;height:8px}.browser-url{background:var(--chrome-pill);min-width:min(180px,40%);color:var(--fg2);letter-spacing:0;text-align:center;border-radius:6px;padding:0 10px;font-family:Geist Mono,ui-monospace,monospace;font-size:11px;line-height:18px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=640px){.browser-url{display:none}}.browser-view{position:relative;overflow:hidden}.browser-view img,.browser-view video{object-fit:cover;width:100%;height:100%;display:block}.carousel-foot{width:var(--slide-w);align-items:center;gap:16px;margin:20px auto 0;display:flex}.progress{flex:1;gap:4px;display:flex}.counter{color:var(--fg2);transition:color .15s ease, transform .16s var(--ease-out);border-radius:6px;margin:-4px -6px;padding:4px 6px}.counter:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.counter:hover{color:var(--fg)}}.progress button{background:var(--prog-future);flex:1;height:2px;transition:background-color .2s;position:relative}.progress button:before{content:"";position:absolute;inset:-7px 0}.progress button:focus-visible{outline-offset:5px}@media (hover:hover) and (pointer:fine){.progress button:not(.is-current):hover{background:var(--fg2)}}.progress button.is-past{background:var(--prog-past)}.progress button.is-current{background:var(--fg)}.single{--w:min(840px, calc(100cqw - 2 * var(--m)), calc((100cqh - var(--pad-top) - var(--pad-bottom) - var(--chrome,0px)) * var(--ar)))}.single-frame{width:var(--w);aspect-ratio:var(--ar);border:1px solid var(--slide-border);border-radius:12px;margin:0 auto;position:relative;overflow:hidden}.single-frame.is-browser{aspect-ratio:auto}.single:has(.is-browser){--chrome:31px}.single-frame img,.single-frame video{object-fit:cover;width:100%;height:100%;display:block}.single-frame video{background:#000}@media (width<=640px){:root{--m:24px;--px:var(--m);--py:var(--m)}.intro{order:1}.footer{flex-direction:column;order:2;align-items:flex-start;margin-top:32px;padding-top:0}.portrait{aspect-ratio:1;order:3;width:min(520px,100%);height:auto;margin:32px auto 0;position:relative;top:auto;right:auto}.tip{width:min(368px, calc(100vw - 2 * var(--m) + 16px));transform-origin:0 0;inset:calc(100% + 12px) auto auto -8px}.viewer[open]{display:block}.viewer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.is-viewer-open .portrait,.is-viewer-open .footer{filter:blur(8px);opacity:.45}.viewer-panel{--m:16px;--pad-top:64px;--pad-bottom:24px;top:var(--panel-top,24px);left:max(var(--px), env(safe-area-inset-left));right:max(var(--px), env(safe-area-inset-right));bottom:max(var(--px), env(safe-area-inset-bottom));transform-origin:50% 0;border-radius:16px;width:auto;height:auto;position:absolute}.carousel{--gap:12px}}@media (prefers-reduced-motion:reduce){.co-slot,.viewer-body{transition:none}.sticker,.tip,.viewer-panel{transform:none!important}.sticker{rotate:var(--tilt)}}.nf{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.nf h1{color:var(--fg)}.nf-key{vertical-align:middle;border:1px solid var(--kbd-border);background:color-mix(in srgb, var(--fg) 5%, transparent);min-width:24px;height:24px;box-shadow:0 1px 0 var(--kbd-border);color:var(--fg);transition:transform .1s var(--ease-out), box-shadow .1s var(--ease-out);border-radius:6px;place-items:center;margin:0 2px;padding:0 6px;display:inline-grid}.nf-key:active,.nf-key.is-pressed{box-shadow:0 0 0 var(--kbd-border);transform:translateY(1px)}