.glyph-field{position:absolute;inset:21% 8% 17%;touch-action:pan-y}.play-glyph{position:absolute;left:0;top:0;border:0;background:transparent;padding:0;display:block;color:var(--ink);touch-action:none;user-select:none;cursor:grab;will-change:transform;transform-origin:center;border-radius:31%/24%}.glyph-face{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;background:var(--object);box-shadow:var(--shadow);transition:box-shadow .24s var(--out);pointer-events:none}.glyph-stage button.play-glyph{border-radius:31%/24%}.glyph-face svg{width:34%;height:34%;display:block}.play-glyph:nth-child(2){color:var(--accent)}.play-glyph.is-grabbed{cursor:grabbing}.play-glyph.is-grabbed .glyph-face{box-shadow:var(--shadow-lift)}.play-glyph:focus-visible{outline:1.5px solid var(--ink);outline-offset:8px}.glyph-stage[data-preview=true] .glyph-field{inset:21% 8% 16%}@container (aspect-ratio<1){.glyph-field{inset:19% 8%}.glyph-stage .cr-hint{bottom:10%;font-size:11px}}.glyph-stage .cr-hint{left:50%;right:auto;translate:-50% 0;width:max-content;max-width:84%;color:var(--ink-3)}.glyph-hand{position:absolute;left:-11px;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #ffffffe6,0 6px 16px #17181a2e;opacity:0;pointer-events:none;z-index:8;display:none;transition:scale .16s var(--spring)}.glyph-stage[data-preview=true] .glyph-hand{display:block}.glyph-hand.is-down{scale:.8}.glyph-stage.has-things .glyph-field{inset:0}.has-things .play-glyph{container-type:size}.has-things .glyph-thing{--px:calc(100cqw/70);position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:calc(8*var(--px));border-radius:inherit;overflow:hidden;color:var(--ink);font-family:var(--font);text-align:left;white-space:nowrap}.has-things .glyph-thing b{font-weight:500;font-size:calc(12*var(--px));line-height:calc(14*var(--px));letter-spacing:-.01em}.has-things .glyph-thing small{font-size:calc(10*var(--px));line-height:calc(12*var(--px));color:var(--ink-2)}.has-things .glyph-disc{position:absolute;left:calc(8*var(--px));top:calc(8*var(--px));display:grid;place-items:center;flex:none;width:calc(24*var(--px));height:calc(24*var(--px));border-radius:50%;background:#17181a0f;font-style:normal}.has-things .glyph-sun{position:absolute;left:calc(8*var(--px));top:calc(8*var(--px));width:calc(16*var(--px));height:calc(16*var(--px))}.has-things .glyph-weather b{margin:0 0 calc(3*var(--px)) calc(-1*var(--px));font-weight:400;font-size:calc(30*var(--px));line-height:1;letter-spacing:-.03em}.has-things .glyph-cover{position:absolute;left:0;top:0;width:100%;height:calc(56*var(--px));overflow:hidden;background:var(--accent)}.has-things .glyph-cover i{position:absolute;left:calc(38*var(--px));top:calc(-12*var(--px));width:calc(44*var(--px));height:calc(44*var(--px));border-radius:50%;background:var(--object)}.has-things .glyph-controls{display:flex;align-items:center;gap:calc(7*var(--px));align-self:stretch}.has-things .glyph-play{display:block;flex:none;width:calc(16*var(--px));height:calc(16*var(--px));border-radius:50%;background:var(--ink);color:var(--object)}.has-things .glyph-play svg{display:block;width:100%;height:100%}.has-things .glyph-bar{position:relative;flex:1;height:calc(2*var(--px));border-radius:calc(1*var(--px));background:var(--hair);overflow:hidden}.has-things .glyph-bar i{position:absolute;left:0;top:0;bottom:0;width:38%;background:var(--accent)}.has-things .glyph-disc svg{display:block;width:calc(11*var(--px));height:calc(11*var(--px))}.has-things .glyph-focus b{margin-bottom:calc(6*var(--px))}.has-things .glyph-switch{position:relative;display:block;width:calc(26*var(--px));height:calc(16*var(--px));border-radius:calc(8*var(--px));background:#17181a1a}.has-things .glyph-switch:after{content:"";position:absolute;left:calc(2*var(--px));top:calc(2*var(--px));width:calc(12*var(--px));height:calc(12*var(--px));border-radius:50%;background:var(--object);box-shadow:0 calc(1*var(--px)) calc(2*var(--px)) #17181a33}.has-things .glyph-message .glyph-disc{font-weight:500;font-size:calc(11*var(--px));line-height:1}