.playground-module__ijOPva__page{width:100%;padding-inline:0}.playground-module__ijOPva__page>:not(.playground-module__ijOPva__canvas){width:min(100% - 1.75rem,56.25rem);margin-inline:auto}.playground-module__ijOPva__controls{border:0;flex-wrap:wrap;align-items:center;gap:1.5rem;margin:0 0 1rem;padding:0;display:flex}.playground-module__ijOPva__slider{color:var(--muted);font-size:var(--font-size-xs);flex:9rem;gap:.25rem;display:grid}.playground-module__ijOPva__slider span{justify-content:space-between;gap:1rem;display:flex}.playground-module__ijOPva__slider input{width:100%;height:2rem;accent-color:var(--link);margin:0}.playground-module__ijOPva__inks,.playground-module__ijOPva__actions,.playground-module__ijOPva__actions>div{align-items:center;gap:.5rem;display:flex}.playground-module__ijOPva__inks button,.playground-module__ijOPva__actions button{min-height:2.75rem;color:var(--link);font-size:var(--font-size-sm);background:0 0;border:0;padding:.5rem}.playground-module__ijOPva__inks button{border:1px solid #0000;border-radius:50%;place-items:center;width:2.75rem;display:grid}.playground-module__ijOPva__inks button[aria-pressed=true]{border-color:var(--ink)}.playground-module__ijOPva__inks span{border:1px solid #999;border-radius:50%;width:1.125rem;height:1.125rem}.playground-module__ijOPva__canvas{border-block:1px solid var(--line);background:#fff;height:clamp(22rem,55vh,34rem);position:relative;overflow:hidden}.playground-module__ijOPva__canvas canvas{touch-action:none;cursor:crosshair;display:block}.playground-module__ijOPva__canvas p{color:#555;padding:1rem}.playground-module__ijOPva__heroStage{margin-top:-1.5rem;position:relative}.playground-module__ijOPva__heroCanvas{background:0 0;border:0;height:clamp(10rem,26vh,14rem)}.playground-module__ijOPva__heroCanvas canvas{mix-blend-mode:multiply;touch-action:pan-y;cursor:pointer}.playground-module__ijOPva__heroCanvas canvas:focus{outline:none}.playground-module__ijOPva__surprise{min-height:2rem;color:var(--ink);font:inherit;font-size:var(--font-size-xs);white-space:nowrap;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:.3rem;padding:.375rem .5rem;animation:.5s cubic-bezier(.25,1,.5,1) playground-module__ijOPva__surpriseFadeIn;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}@keyframes playground-module__ijOPva__surpriseFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.playground-module__ijOPva__surprise{animation:none}}.playground-module__ijOPva__surprise:hover,.playground-module__ijOPva__surprise:focus-visible{text-underline-offset:.2em;outline:none;text-decoration:underline}@media (prefers-color-scheme:dark){.playground-module__ijOPva__heroCanvas canvas{filter:invert();mix-blend-mode:screen}}html[data-theme=dark] .playground-module__ijOPva__heroCanvas canvas{filter:invert();mix-blend-mode:screen}html[data-theme=light] .playground-module__ijOPva__heroCanvas canvas{filter:none;mix-blend-mode:multiply}.playground-module__ijOPva__actions{flex-wrap:wrap;justify-content:space-between;margin-top:.5rem}.playground-module__ijOPva__actions>div{flex-wrap:wrap}.playground-module__ijOPva__actions button:hover:not(:disabled){text-decoration:underline}.playground-module__ijOPva__help{color:var(--muted);font-size:var(--font-size-xs);margin:.25rem 0}