.control-optics{border-radius:inherit;pointer-events:none;background-image:var(--lens-middle);background-repeat:no-repeat;background-size:100% 100%;display:block;position:absolute;inset:0}.glass-selection{width:calc((100% - 6px) / var(--selection-count));pointer-events:none;transform:translateX(calc(var(--selection-index) * 100%));background:#ffffff7a;border-radius:999px;transition:transform .46s cubic-bezier(.22,.85,.2,1);position:absolute;inset:3px auto 3px 3px;box-shadow:0 2px 7px #1e38431f,inset 0 1px 1px #fff}.glass-range{isolation:isolate;width:100%;min-width:0;height:44px;position:relative}.glass-range-track{background:#b0c1c6;border-radius:999px;height:6px;position:absolute;inset:19px 26px;overflow:hidden}.glass-range-track>span{width:calc(var(--range-value) * 100%);background:#187280;height:100%;display:block}.glass-range-travel{pointer-events:none;position:absolute;inset:0 26px}.glass-range-thumb{left:calc(var(--range-value) * 100%);background:#f6fbfd66;border-radius:999px;width:52px;height:34px;transition:scale .2s;position:absolute;top:5px;transform:translate(-50%);box-shadow:0 3px 8px #173c4d29,inset 0 0 0 1px #fff9}.glass-range:active .glass-range-thumb{scale:1.08}.glass-range input[type=range]{opacity:0;z-index:2;width:100%;height:44px;position:absolute;inset:0}.glass-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:52px;height:34px;margin-top:-15px}.glass-range input[type=range]::-moz-range-thumb{box-sizing:border-box;width:52px;height:34px}.glass-range:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:4px;border-radius:999px}.glass-study .pace-tempo,.glass-study .stage-phone-choices,.glass-study .reflow-heading [data-slot=toggle-group]{isolation:isolate;position:relative}.glass-study .pace-tempo button,.glass-study .stage-phone-choices button,.glass-study .reflow-heading [data-slot=toggle-group-item]{z-index:1;position:relative}.glass-study .pace-tempo button[aria-pressed=true],.glass-study .stage-phone-choices button[aria-pressed=true],.glass-study .reflow-heading [data-slot=toggle-group-item][data-pressed]{box-shadow:none;background:0 0;border-color:#0000}.glass-study .example-dark .glass-selection,.glass-study .stage-phone-choices .glass-selection{background:#b2c4cc26;box-shadow:inset 0 1px 1px #ffffff7a,0 3px 10px #0003}.glass-study .example-dark .control-optics,.glass-study .stage-phone-choices .control-optics{opacity:.28}@media (prefers-reduced-motion:reduce){.glass-selection,.glass-range-thumb{transition:none}}@media (prefers-reduced-transparency:reduce){.control-optics{background-image:none!important}.glass-selection,.glass-range-thumb{background:#f5f8fa}}.glass-range[data-edge=start] .control-optics{background-image:var(--lens-start)}.glass-range[data-edge=end] .control-optics{background-image:var(--lens-end)}.control-optics--track{--lens-start:url(/assets/controls/track-start.png);--lens-middle:url(/assets/controls/track-middle.png);--lens-end:url(/assets/controls/track-end.png)}.control-optics--selection{--lens-middle:url(/assets/controls/selection-middle.png)}