:root{--pg-duration:.55s;--pg-ease:linear(0, .0252, .0874, .1706, .2635, .3582, .4498, .535, .612, .6801, .7393, .7899, .8325, .868, .8972, .9209, .94, .9552, .9671, .9764, .9835, .9889, .9929, .9959, .9979, .9994, 1.0004, 1.001, 1.0013, 1.0015, 1.0015, 1.0015, 1.0014, 1.0012, 1.0011, 1.001, 1)}html[data-playground]{--nav-z-backdrop:2001;--nav-z:2002;overflow:hidden}html[data-playground] .site-nav{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s}html[data-playground][data-pg-nav] .site-nav{opacity:1;visibility:visible;transition:opacity .3s ease-out}.pg-space{z-index:2000;background:#000;outline:none;position:fixed;inset:0;overflow:hidden}.pg-space:not([data-open]){visibility:hidden;pointer-events:none}.pg-space[data-open]{view-transition-name:pg-space}.pg-space[data-slide]{animation:pg-in-right var(--pg-duration) var(--pg-ease) both}.pg-frame{pointer-events:auto;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.pg-cover{background:#000;transition:opacity .24s ease-out;position:absolute;inset:0}.pg-cover[data-gone]{opacity:0;pointer-events:none}.pg-cover img,.pg-cover video{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .24s ease-out;position:absolute;inset:0}.pg-cover [data-hidden]{visibility:hidden}@media (prefers-reduced-motion:no-preference){.pg-space[data-open] .pg-hold{animation:8s ease-out both pg-drift}}@keyframes pg-drift{to{transform:scale(1.03)rotate(.5deg)}}.pg-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:32px;color:var(--background);font:inherit;cursor:pointer;opacity:.8;transition:opacity .3s var(--ease-quint);animation:pg-appear .3s var(--ease-quint) backwards;background:#0006;border:0;border-radius:3px;align-items:center;gap:8px;padding:0 12px;font-size:12px;line-height:1;display:inline-flex;position:absolute}.pg-btn:hover,.pg-btn:focus-visible{opacity:1}.pg-btn:active{translate:0 1px}.pg-btn:focus-visible{outline:2px solid var(--background);outline-offset:2px}.pg-skip{right:var(--gutter);bottom:var(--gutter);animation-delay:1s}.pg-back{top:var(--gutter);left:var(--gutter)}.pg-back[data-late]{animation-delay:6s}html[data-space]::view-transition-old(root){mix-blend-mode:normal}html[data-space]::view-transition-new(root){mix-blend-mode:normal}html[data-space]::view-transition-old(pg-space){mix-blend-mode:normal}html[data-space]::view-transition-new(pg-space){mix-blend-mode:normal}html[data-space=enter]::view-transition-old(root){animation:pg-out-left var(--pg-duration) var(--pg-ease) both}html[data-space=enter]::view-transition-new(root){opacity:0;animation:none}html[data-space=enter]::view-transition-new(pg-space){animation:pg-in-right var(--pg-duration) var(--pg-ease) both}html[data-space=leave]::view-transition-old(pg-space){animation:pg-out-right var(--pg-duration) var(--pg-ease) both}html[data-space=leave]::view-transition-old(root){opacity:0;animation:none}html[data-space=leave]::view-transition-new(root){animation:pg-in-left var(--pg-duration) var(--pg-ease) both}@keyframes pg-out-left{to{transform:translate(-100%)}}@keyframes pg-in-right{0%{transform:translate(100%)}}@keyframes pg-out-right{to{transform:translate(100%)}}@keyframes pg-in-left{0%{transform:translate(-100%)}}@keyframes pg-appear{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pg-cover,.pg-cover img,.pg-cover video,.pg-btn{transition:none;animation-duration:1ms}}
