[data-angle-slider-root]{flex-direction:column;gap:8px;display:flex}[data-angle-slider-control]{--size:100px;--thumb-size:40px;--thumb-indicator-size:min(var(--thumb-size), calc(var(--size) / 2));width:var(--size);height:var(--size);-webkit-user-select:none;user-select:none;background-color:#ebebeb;border-radius:100%;justify-content:center;align-items:center;display:flex;position:relative}[data-angle-slider-thumb]{--thumb-width:3px;top:0;bottom:0;height:100%;width:var(--thumb-width);position:absolute;inset-inline-start:calc(50% - var(--thumb-width) / 2)}[data-angle-slider-thumb]:before{content:"";inset-inline-end:0;height:var(--thumb-indicator-size);width:var(--thumb-width);background:red;position:absolute;top:0}[data-angle-slider-label]{align-items:center;gap:8px;display:flex}[data-angle-slider-marker-group]{border-radius:var(--size);pointer-events:none;position:absolute;inset:1px}[data-angle-slider-marker]{top:0;bottom:0;--marker-color:var(--marker-color,red);width:2px;position:absolute;inset-inline-start:calc(50% - 1px)}[data-angle-slider-marker]:before{content:"";top:calc(var(--thumb-size) / 3);width:1px;height:calc(var(--thumb-size) / 1.5);background-color:var(--marker-color);position:absolute;inset-inline-start:.5px;transform:translate(-50%,-50%)}[data-angle-slider-marker][data-state=under-value],[data-angle-slider-marker][data-state=at-value]{--marker-color:red}[data-angle-slider-marker][data-state=over-value]{--marker-color:lightgray}.angle-slider-circular [data-angle-slider-control]{--size:140px}.angle-slider-circular [data-angle-slider-thumb]{background:0 0}.angle-slider-circular [data-angle-slider-thumb]:before{content:"";top:-10px;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;inset-inline:50% auto;transform:translate(-50%);box-shadow:0 1px 4px #00000059}.angle-slider-color-wheel .swatch{border:1px solid #0000001a;border-radius:8px;width:64px;height:64px;margin-bottom:12px}.angle-slider-color-wheel [data-angle-slider-control]{--size:180px;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.angle-slider-color-wheel [data-angle-slider-thumb]{background:0 0}.angle-slider-color-wheel [data-angle-slider-thumb]:before{content:"";top:-2px;background:#fff;border:3px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;inset-inline:50% auto;transform:translate(-50%);box-shadow:0 1px 4px #0006}