.themeControls{block-size:100%;padding:var(--helix-space-lg);overflow-y:auto}.themeControlsLede{margin-block-start:calc(var(--helix-space-xs) - var(--helix-space-lg))}.themeControlsHead helix-icon-button{--icon-button-size:var(--helix-size-control-sm)}@media (max-width:60rem){.themeControlsHead{background-color:var(--helix-color-background);margin:calc(-1 * var(--helix-space-lg)) calc(-1 * var(--helix-space-lg)) 0;padding:var(--helix-space-lg) var(--helix-space-lg) var(--helix-space-xs);z-index:1;position:sticky;inset-block-start:calc(-1 * var(--helix-space-lg))}@supports (animation-timeline:scroll()){.themeControlsHead{animation:linear both theme-controls-stuck;animation-range:0 var(--helix-space-xs);animation-timeline:scroll()}}@keyframes theme-controls-stuck{0%{box-shadow:0 var(--helix-border-thin) 0 transparent}to{box-shadow:0 var(--helix-border-thin) 0 var(--helix-color-border)}}.themeControlsLede{margin-block-start:calc(-1 * var(--helix-space-lg))}}.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}helix-sandbox-editor::part(editor){text-indent:4ch hanging}.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-muted);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-muted);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}@media (pointer:coarse){.themeJump{position:relative}.themeJump:after{content:"";inset-block:calc((var(--helix-size-target) - 100%) / -2);position:absolute;inset-inline:0}.themeStage helix-sandbox-toolbar{padding-inline-start:calc(var(--helix-size-target) / 2 + (var(--helix-size-target) - var(--helix-size-control-sm)) / 2)}}@media (max-width:60rem){.themeStage helix-tabs[slot=panel]{padding-block-start:var(--helix-space-2xs)}}