.lab-cinema .lab-cinema-video{pointer-events:none;transition:opacity .18s ease}.lab-cinema .lab-cinema-video.has-frame{opacity:1}@media (prefers-reduced-motion:reduce){.lab-cinema .lab-cinema-video{transition:none}}.lab-cinema-playback{position:absolute;z-index:4;top:28px;right:max(20px,calc((100% - 1328px) / 2));display:grid;place-items:center;width:44px;height:44px;color:var(--lab-paper);background:#181d2266;border:1px solid #f1f3f255;border-radius:50%;transition:background-color .16s ease,transform .16s ease}.lab-cinema-playback:active{transform:scale(.96)}@media (hover:hover){.lab-cinema-playback:hover{background-color:#181d22bb}}@media (max-width:767px){.lab-cinema-playback{top:18px}.lab-cinema-content>.lab-eyebrow{padding-right:48px}}.lab-color-viewer .lab-color-orbit{position:absolute;left:50%;bottom:5%;width:min(74%,320px);height:64px;transform:translateX(-50%);cursor:inherit;touch-action:pan-y}.lab-color-orbit svg{display:block;width:100%;height:100%;overflow:visible;fill:none}.lab-color-orbit-arrows,.lab-color-orbit-line{stroke:#abb5bd;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:opacity .15s ease}.lab-color-orbit-hit{stroke:transparent;stroke-width:32;stroke-linecap:round;pointer-events:stroke}.lab-color-orbit-point{stroke:var(--lab-accent);stroke-width:8;stroke-linecap:round;pointer-events:none}.lab-color-stage:focus-visible{outline:1px solid var(--lab-accent);outline-offset:4px}.lab-color-stage.is-dragging .lab-color-orbit-arrows,.lab-color-stage.is-dragging .lab-color-orbit-line,.lab-color-stage:focus-visible .lab-color-orbit-arrows,.lab-color-stage:focus-visible .lab-color-orbit-line{opacity:1}.lab-color-viewer .lab-color-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px}.lab-color-meta .lab-color-loading{margin:0;min-height:0;font-size:10px;color:var(--lab-muted)}.lab-color-viewer .lab-color-reset{display:grid;place-items:center;flex:0 0 36px;width:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--lab-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .15s ease}.lab-color-reset:focus-visible{outline:1px solid var(--lab-accent);outline-offset:2px;color:var(--lab-paper)}.lab-color-reset:active{transform:scale(.97)}.lab-color-viewer .lab-motion-note{margin-top:4px}.lab-color-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (hover:hover) and (pointer:fine){.lab-color-stage:hover .lab-color-orbit-arrows,.lab-color-stage:hover .lab-color-orbit-line{opacity:1}.lab-color-viewer .lab-color-reset:hover{color:var(--lab-paper);background:#ffffff0a}}@media (prefers-reduced-motion:reduce){.lab-color-orbit-arrows,.lab-color-orbit-line,.lab-color-viewer .lab-color-reset{transition:none}}