.themeControls{block-size:100%;padding:var(--helix-space-lg);overflow-y:auto}.themeShift{gap:var(--helix-space-xs);margin-block-start:calc(var(--helix-space-xs) * -1);display:grid}.themeShiftPair{align-items:center;gap:var(--helix-space-xs);display:flex}.themeShiftArrow{background-color:var(--helix-color-foreground-muted);block-size:var(--helix-space-sm);clip-path:polygon(0 40%,62% 40%,62% 0,100% 50%,62% 100%,62% 60%,0 60%);inline-size:var(--helix-space-md)}.themeSwatch{block-size:var(--helix-size-control-sm);border:var(--helix-border-thin) solid var(--helix-color-border);border-radius:var(--helix-radii-sm);inline-size:var(--helix-size-control-sm);block-size:var(--helix-size-icon-md);border:var(--helix-border-thin) solid var(--helix-color-border);border-radius:var(--helix-radii-sm);inline-size:var(--helix-size-icon-md);flex:none;display:block}.themeStage{block-size:100%;min-inline-size:0;display:grid}helix-sandbox-editor{block-size:100%;min-block-size:0}.themeFindings{block-size:100%;padding:var(--helix-space-md);overflow-y:auto}.themeShift{animation:themeShiftIn var(--helix-duration-fast) var(--helix-easing-standard)}@keyframes themeShiftIn{0%{opacity:0;transform:translateY(calc(var(--helix-space-2xs) * -1))}}@media (prefers-reduced-motion:reduce){.themeShift{animation:none}}.themeJump{cursor:pointer;background:0 0;border:0;padding:0;display:block}.themeJump:focus-visible{border-radius:var(--helix-radii-sm);outline:var(--helix-border-thick) solid var(--helix-color-focus-ring);outline-offset:var(--helix-space-2xs)}.themeFaceSample{color:var(--helix-color-foreground-subtle);font-size:var(--helix-text-lg);inline-size:3ch;line-height:var(--helix-leading-tight);text-align:center}.themeFace{block-size:var(--helix-text-xl);flex:none;place-items:center end;inline-size:3ch;display:grid}.themeFace>*{grid-area:1/1}.themeFaceSample{color:var(--helix-color-foreground-subtle);font-size:var(--helix-text-lg);line-height:var(--helix-leading-tight)}.themeFaceSample:not([data-face-ready]){visibility:hidden}.themeFaceWaiting{--skeleton-size:var(--helix-text-md);inline-size:100%}.themeFaceSample[data-face-ready]+.themeFaceWaiting{display:none}