.wkg{width:100%;color:var(--pf-t1);container-type:inline-size}.wkg__plate{aspect-ratio:4/3;width:100%;position:relative}.wkg__seam,.wkg__canvas{width:100%;height:100%;position:absolute;inset:0}.wkg__seam{transition:opacity .5s}.wkg__core{aspect-ratio:2;background:radial-gradient(closest-side,#ffd6becc,#ff7a5c38 55%,#0000);border-radius:50%;width:22%;position:absolute;top:50%;left:50%;translate:-50% -50%}.wkg__star{background:#fdf9f2e6;border-radius:999px;width:2px;height:2px;position:absolute;translate:-50% -50%}.wkg__canvas{opacity:0;cursor:grab;touch-action:pan-y;transition:opacity .6s}.wkg__canvas:active{cursor:grabbing}.wkg.is-live .wkg__canvas{opacity:1}.wkg.is-live .wkg__seam{opacity:0}html[data-motion=reduced] .wkg__seam,html[data-motion=reduced] .wkg__canvas{transition-duration:.3s}