.cs-lens-frame{margin:0}.cs-window{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--color-border);background:#10141c;box-shadow:0 24px 60px -32px rgb(7 13 36/.45);view-timeline:--lens block}.cs-sheet{position:absolute;transition:scale .6s var(--ease-out,cubic-bezier(.2,.7,.2,1))}.cs-capture{object-fit:cover}.cs-callouts,.cs-callouts svg{position:absolute;inset:0;width:100%;height:100%}.cs-pin{display:inline-grid;place-items:center;width:24px;height:24px;flex:none;border-radius:999px;background:#22D3EE;color:#0B0F14;font:700 12px/1 var(--font-mono);box-shadow:0 0 0 3px rgb(11 15 20/.55)}.cs-sheet .cs-pin{position:absolute;z-index:1;width:22px;height:22px;font-size:11px}.cs-pin--static{margin-top:1px;box-shadow:none}.cs-lens-caption{margin-top:.75rem;font-size:12px;color:var(--color-text-2)}.cs-lens-caption span{font-family:var(--font-mono)}@media (hover:hover) and (pointer:fine){.cs-window:hover .cs-sheet{scale:1.02}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cs-callouts .cs-line{stroke-dasharray:1 1;animation:cs-draw linear both;animation-timeline:--lens}.cs-callouts .cs-halo{animation:cs-fade linear both;animation-timeline:--lens}.cs-sheet .cs-pin{animation:cs-pin linear both;animation-timeline:--lens}.cs-callouts .cs-mark:first-child>*,.cs-sheet .cs-pin:first-of-type{animation-range:cover 14% cover 26%}.cs-callouts .cs-mark:nth-child(2)>*,.cs-sheet .cs-pin:nth-of-type(2){animation-range:cover 20% cover 32%}.cs-callouts .cs-mark:nth-child(3)>*,.cs-sheet .cs-pin:nth-of-type(3){animation-range:cover 26% cover 38%}.cs-callouts .cs-mark:nth-child(4)>*,.cs-sheet .cs-pin:nth-of-type(4){animation-range:cover 32% cover 44%}.cs-callouts .cs-mark:nth-child(5)>*,.cs-sheet .cs-pin:nth-of-type(5){animation-range:cover 38% cover 50%}.cs-sheet{animation:cs-drift linear both;animation-timeline:--lens;animation-range:cover 0 cover 100%}}}@keyframes cs-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes cs-fade{0%{opacity:0}to{opacity:1}}@keyframes cs-pin{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes cs-drift{0%{translate:0 8px}to{translate:0 -8px}}@media print{.cs-callouts,.cs-sheet .cs-pin{display:none}}.dev{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0b0f14;container-type:inline-size}.dev-stage{width:2400px;height:1500px;transform-origin:0 0;transform:scale(tan(atan2(100cqw,2400px)))}.dev-screen,.dev-stage{position:absolute;left:0;top:0}.dev-screen{overflow:hidden;transform-origin:0 0;background:#0b0f14}.dev-screen--phone{background:#000}.dev-page{display:block;height:auto;will-change:transform}.dev-frame,.dev-page{width:100%;max-width:none}.dev-frame{position:absolute;inset:0;height:100%;pointer-events:none}@media (prefers-reduced-motion:no-preference) and (hover:hover){.dev-page{transition:transform .9s cubic-bezier(.4,0,.2,1)}.dev:hover .dev-page,.group:focus-visible .dev-page,.group:hover .dev-page{transform:translateY(var(--dev-travel));transition:transform var(--dev-dur,8s) linear .15s}}@supports not (scale:tan(atan2(1px,1px))){.dev-stage{display:none}.dev{background:var(--dev-fallback) center /cover no-repeat}}