@layer components{.shem-b-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.shem-b-range:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shem-b-range::-webkit-slider-runnable-track{border:1.5px solid var(--ink);background:linear-gradient(to right, var(--signal) 0 var(--fill,0%), var(--chalk-hi) var(--fill,0%) 100%);height:6px}.shem-b-range::-moz-range-track{border:1.5px solid var(--ink);background:var(--chalk-hi);height:6px}.shem-b-range::-moz-range-progress{background:var(--signal);height:6px}.shem-b-range::-webkit-slider-thumb{appearance:none;border:1.5px solid var(--ink);background:var(--ink);width:14px;height:22px;box-shadow:2px 2px 0 var(--chalk-3);transition:transform .15s var(--ease-press);border-radius:2px;margin-top:-9px}.shem-b-range::-moz-range-thumb{border:1.5px solid var(--ink);background:var(--ink);border-radius:2px;width:14px;height:22px}.shem-b-range:active::-webkit-slider-thumb{transform:scale(.94)}.shem-b-range:disabled{cursor:not-allowed;opacity:.5}.shem-b-switch{border:1.5px solid var(--ink);background:var(--chalk-hi);width:40px;height:22px;transition:background-color .15s var(--ease-press);border-radius:999px;flex:none;display:inline-flex;position:relative}.shem-b-switch[aria-checked=true]{background:var(--signal)}.shem-b-switch:after{content:"";background:var(--ink);width:15px;height:15px;transition:transform .15s var(--ease-out);border-radius:999px;position:absolute;top:2px;left:2px}.shem-b-switch[aria-checked=true]:after{transform:translate(18px)}.shem-b-switch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shem-b-switch:disabled{opacity:.5;cursor:not-allowed}.shem-b-hold-ring{transition:stroke-dashoffset .22s var(--ease-out)}.shem-b-hold-ring[data-holding=true]{transition:stroke-dashoffset var(--hold-ms,1.5s) linear}.shem-b-console{caret-color:var(--ink)}.shem-b-console::selection,.shem-b-console ::selection{background:var(--signal);color:var(--ink)}}