@layer components{.eyd-fill,.eyd-result{padding:0}.eyd-controls{left:50%;bottom:max(24px, calc(env(safe-area-inset-bottom) + 12px));gap:12px;width:min(640px,100% - 40px);display:grid;position:absolute;translate:-50%}.eyd-controls .next-disc{position:static}.eyd-slider{gap:6px;display:grid}.eyd-label{letter-spacing:.14em;opacity:.75;font-size:12px;font-weight:600}.eyd-track{cursor:pointer;touch-action:none;border-radius:999px;height:34px;position:relative;box-shadow:inset 0 0 0 1px #ffffff47,0 2px 10px #00000029}.eyd-track:focus-visible{outline-offset:3px;outline:3px solid #fff}.eyd-knob{pointer-events:none;background:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0000004d}.eyd-chip{padding:0 28px var(--sheet-room);flex-direction:column;flex:1;justify-content:flex-end;gap:2px;display:flex}}