.control-btn{height:2.25rem;width:2.25rem;-webkit-user-select:none;user-select:none;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease}.control-btn:hover{background:#fff3}.seek{margin-left:.5rem;margin-right:.5rem;height:.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background:#ffffff1a;accent-color:rgba(255,255,255,.8)}.seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:14px;border-radius:9999px;background:#fff;box-shadow:0 0 0 2px #fff3}.seek::-moz-range-thumb{height:14px;width:14px;border-radius:9999px;background:#fff;box-shadow:0 0 0 2px #fff3}.volume{height:.5rem;width:7rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background:#ffffff1a;accent-color:rgba(255,255,255,.8)}.volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;width:14px;border-radius:9999px;background:#fff}.volume::-moz-range-thumb{height:14px;width:14px;border-radius:9999px;background:#fff}.chip{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background:#ffffff1a;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background .2s ease}.chip:hover{background:#fff3}.chip-active{background:#ffffff40;border-color:#fff3}.pretty-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;display:grid;place-items:center;cursor:pointer}.pretty-checkbox:checked{background:linear-gradient(135deg,#ffffff59,#fff3);border-color:#ffffff59}.pretty-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;line-height:1}