.contour-ui{color:#30362d;text-align:left;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:16px;width:100%;display:grid}.contour-ui *{box-sizing:border-box}.contour-ui button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.contour-ui button:disabled{cursor:default;opacity:.35}.contour-ui-hardware{min-width:0}.contour-ui-housing{isolation:isolate;aspect-ratio:1;background:linear-gradient(125deg,#f3f2ed,#9b9d97 40%,#e3e2da 67%,#93958e);border-radius:50%;width:180px;margin:0 auto 23px;position:relative;box-shadow:5px 12px 17px #262a242c,inset 0 1px 2px #fff}.contour-ui-ring{z-index:2;touch-action:none;cursor:grab;outline-offset:4px;background:repeating-conic-gradient(#ffffff18 0deg .7deg,#00000017 .9deg 1.4deg);border-radius:50%;position:absolute;inset:0}.contour-ui-ring:active{cursor:grabbing}.contour-ui-ring:focus-visible{outline:2px solid #3e593c}.contour-ui-ring[aria-readonly=true]{cursor:default}.contour-ui-marker{transform:rotate(var(--contour-turn));pointer-events:none;border-radius:50%;transition:transform .1s;position:absolute;inset:2px}.contour-ui-marker:before{content:"";background:#54594f;border-radius:2px;width:2px;height:8px;position:absolute;top:0;left:calc(50% - 1px)}.contour-ui-face{z-index:3;color:#fafcf8;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(130deg,#171a19,#080a09 50%);border:1px solid #5e6159;border-radius:50%;padding:0;position:absolute;inset:15px;overflow:hidden;box-shadow:0 0 0 1px #f5f4e973,inset 0 0 10px #000}.contour-ui-face:focus-visible{outline-offset:-5px;outline:2px solid #e6f4d0}.contour-ui-face svg{fill:currentColor;width:100%;height:100%;display:block}.contour-ui-base{background:linear-gradient(#a9ada3,#e1e2d8);border:1px solid #a7a99e;border-radius:0 0 50% 50%/0 0 100% 100%;justify-content:space-between;align-items:flex-end;height:52px;padding:0 11px;display:flex;position:absolute;bottom:-11px;left:7%;right:7%;box-shadow:0 4px 6px #262a2421}.contour-ui-speaker{background:radial-gradient(#555a51 .85px,#0000 1.2px) 0 0/4px 4px;width:25px;height:11px;margin-bottom:11px}.contour-ui-brand{letter-spacing:.12em;color:#535b4e;margin-bottom:13px;font-size:5px}.contour-ui-mute{z-index:4;background:0 0;border:0;border-radius:5px;flex-shrink:0;place-items:center;width:44px;min-height:44px;padding:0;display:grid;position:relative}.contour-ui-mute>span{background:#60665a;border:1px solid #54594f;border-radius:10px;width:30px;height:14px;position:relative}.contour-ui-mute>span:after{content:"";background:#f2f1e9;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:1px;left:1px}.contour-ui-mute[aria-checked=true]>span:after{transform:translate(16px)}.contour-ui-mute[aria-checked=true]>span{background:#262e25}.contour-ui .contour-ui-mute-label{text-align:center;color:#66705f;margin:0;font-size:9px;line-height:1.4}.contour-ui-details{flex-direction:column;gap:8px;min-width:0;display:flex}.contour-ui-readout{flex-direction:column;justify-content:flex-end;gap:4px;min-height:48px;display:flex}.contour-ui-readout strong{letter-spacing:-.02em;font-size:13px;font-weight:550;line-height:1.3}.contour-ui-readout span{color:#5f6958;min-height:14px;font-size:10px;line-height:1.4}.contour-ui-adjusters,.contour-ui-navigation{grid-template-columns:1fr 1fr;gap:6px;display:grid}.contour-ui-adjusters button,.contour-ui-navigation button{color:#333d2f;background:#fff9;border:1px solid #c8cbbb;border-radius:12px;min-width:44px;min-height:44px;padding:5px}.contour-ui-adjusters button{font-size:22px;font-weight:300;line-height:1}.contour-ui-navigation button{background:0 0;font-size:11px}.contour-ui button:focus-visible{outline-offset:2px;outline:2px solid #3e593c}.contour-ui .contour-ui-face:focus-visible{outline-offset:-5px;outline-color:#e6f4d0}.contour-ui .contour-ui-help{color:#5f6958;margin:0;font-size:10px;line-height:1.45}.contour-ui-help span{color:#76806f;margin-top:3px;font-size:9px;display:block}@media (max-width:1050px){.contour-ui{grid-template-columns:150px minmax(0,1fr);gap:12px}.contour-ui-housing{width:150px;margin-bottom:20px}.contour-ui-face{inset:12px}.contour-ui-base{height:45px;padding:0 6px;bottom:-10px}.contour-ui-brand{display:none}.contour-ui-speaker{width:22px;margin-bottom:10px}.contour-ui-readout{min-height:42px}.contour-ui-readout strong{font-size:12px}.contour-ui-details{gap:6px}.contour-ui-help span{display:none}}@media (max-width:359px){.contour-ui{grid-template-columns:132px minmax(0,1fr);gap:8px}.contour-ui-housing{width:132px}.contour-ui-face{inset:11px}.contour-ui .contour-ui-mute-label{font-size:8px}.contour-ui-readout strong{font-size:11px}}@media (prefers-reduced-motion:reduce){.contour-ui-marker,.contour-ui-mute>span:after{transition:none}}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-mute-label{color:#4b5a43;font-size:12px}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-readout strong{font-size:18px}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-readout span{color:#4b5a43;font-size:14px}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-help{color:#4b5a43;font-size:13px}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-help span{color:#4b5a43;font-size:12px;display:block}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-navigation button{font-size:14px}@media (max-width:700px){:is(.sf-page,.contour-product-study) .contour-ui{grid-template-columns:1fr;gap:1.5rem;max-width:360px;margin:auto}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-housing{width:220px;margin-bottom:24px}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-face{inset:18px}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-details{gap:.8rem}:is(.sf-page,.contour-product-study) .contour-ui .contour-ui-readout{min-height:0}}