.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.checkbox-container.checkbox-disabled{cursor:default;opacity:.5}.checkbox-input{opacity:0;width:0;height:0;position:absolute}.checkbox-box{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}#L.d .checkbox-box{background-color:var(--dark-bg-95)}#L.d .checkbox-box.checkbox-checked{background-color:var(--dark-bg-90);border-color:var(--dark-primary)}#L.d .checkbox-icon{color:var(--dark-primary)}#L.l .checkbox-box{background-color:var(--light-bg-95)}#L.l .checkbox-box.checkbox-checked{background-color:var(--light-bg-90);border-color:var(--light-primary)}#L.l .checkbox-icon{color:var(--light-primary)}.checkbox-label{font-size:.9375rem;line-height:1.4}#L.d .checkbox-label{color:var(--dark-primary)}#L.l .checkbox-label{color:var(--light-primary)}@media (min-width:1200px){.checkbox-container:not(.checkbox-disabled):hover .checkbox-box{transform:scale(1.05)}#L.d .checkbox-container:not(.checkbox-disabled):hover .checkbox-box{box-shadow:0 0 8px #ff8c004d}#L.l .checkbox-container:not(.checkbox-disabled):hover .checkbox-box{box-shadow:0 0 8px #3f51b54d}}.checkbox-input:focus-visible+.checkbox-box{outline-offset:2px;outline:2px solid}.checkbox-icon{animation:.2s ease-out checkIn}@keyframes checkIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
.playlist-dialog-overlay{z-index:var(--theme-z-modal,999);background-color:#0009;justify-content:center;align-items:flex-start;padding:15vh 20px 20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.playlist-dialog-content{border-radius:4px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 8px 32px #0000004d}@media (min-width:1200px){.playlist-dialog-content{border-radius:.25vw}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.playlist-dialog-header{border-bottom:1px solid #ff8c0033;justify-content:space-between;align-items:center;padding:20px;display:flex}#L.l .playlist-dialog-header{border-bottom-color:#3f51b533}.playlist-dialog-title{margin:0;font-size:1.25rem;font-weight:600}#L.d .playlist-dialog-title{color:var(--dark-primary)}#L.l .playlist-dialog-title{color:var(--light-primary)}.playlist-dialog-close{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:8px;transition:all .2s;display:flex}#L.d .playlist-dialog-close{color:var(--dark-primary)}#L.l .playlist-dialog-close{color:var(--light-primary)}.playlist-dialog-close:hover{background-color:#0000001a}#L.d .playlist-dialog-close:hover{background-color:#ff8c001a}#L.l .playlist-dialog-close:hover{background-color:#3f51b51a}.playlist-dialog-close:focus{outline-offset:2px;outline:2px solid}.playlist-dialog-body{flex:1;padding:20px;overflow-y:auto}#L.d .playlist-dialog-body{scrollbar-width:thin;scrollbar-color:var(--dark-scrollbar-thumb)var(--dark-scrollbar-bg)}#L.d .playlist-dialog-body::-webkit-scrollbar{width:8px}#L.d .playlist-dialog-body::-webkit-scrollbar-track{background:var(--dark-scrollbar-bg)}#L.d .playlist-dialog-body::-webkit-scrollbar-thumb{background-color:var(--dark-scrollbar-thumb);border:2px solid var(--dark-scrollbar-bg);border-radius:4px}#L.l .playlist-dialog-body{scrollbar-width:thin;scrollbar-color:var(--light-scrollbar-thumb)var(--light-scrollbar-bg)}#L.l .playlist-dialog-body::-webkit-scrollbar{width:8px}#L.l .playlist-dialog-body::-webkit-scrollbar-track{background:var(--light-scrollbar-bg)}#L.l .playlist-dialog-body::-webkit-scrollbar-thumb{background-color:var(--light-scrollbar-thumb);border:2px solid var(--light-scrollbar-bg);border-radius:4px}.playlist-list{flex-direction:column;gap:12px;display:flex}.playlist-item{border:1px solid #ff8c00;border-radius:4px;padding:12px;transition:all .2s}@media (min-width:1200px){.playlist-item{border-radius:.25vw}}#L.d .playlist-item{background-color:var(--dark-bg-90)}#L.l .playlist-item{background-color:var(--light-bg-90)}@media (min-width:1200px){.playlist-item:hover{transform:translate(4px)}#L.d .playlist-item:hover{background-color:#242a35d9;box-shadow:0 2px 8px #ff8c0033}#L.l .playlist-item:hover{background-color:#b5bdccd9;box-shadow:0 2px 8px #3f51b533}}.playlist-dialog-empty{text-align:center;padding:40px 20px}.playlist-dialog-empty p{margin:0;font-size:.9375rem;line-height:1.6}#L.d .playlist-dialog-empty p{color:var(--dark-primary);opacity:.8}#L.l .playlist-dialog-empty p{color:var(--light-primary);opacity:.8}.playlist-expand-button{cursor:pointer;background:0 0;border:1px solid;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}@media (min-width:1200px){.playlist-expand-button{border-radius:.25vw}}#L.d .playlist-expand-button{color:var(--dark-primary);border-color:#ff8c004d}#L.l .playlist-expand-button{color:var(--light-primary);border-color:#3f51b54d}.playlist-expand-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}#L.d .playlist-expand-button:hover{background-color:#ff8c001a;border-color:#ff8c0080}#L.l .playlist-expand-button:hover{background-color:#3f51b51a;border-color:#3f51b580}.playlist-expand-button:focus{outline-offset:2px;outline:2px solid}.playlist-expand-button:active{transform:translateY(0)}.playlist-dialog-back{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:8px;transition:all .2s;display:flex}#L.d .playlist-dialog-back{color:var(--dark-primary)}#L.l .playlist-dialog-back{color:var(--light-primary)}.playlist-dialog-back:hover{background-color:#0000001a}#L.d .playlist-dialog-back:hover{background-color:#ff8c001a}#L.l .playlist-dialog-back:hover{background-color:#3f51b51a}.playlist-dialog-back:focus{outline-offset:2px;outline:2px solid}.playlist-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-size:.9375rem;font-weight:500}#L.d .form-label{color:var(--dark-primary)}#L.l .form-label{color:var(--light-primary)}.form-input{border:1px solid;border-radius:4px;padding:12px;font-size:1rem;transition:all .2s}@media (min-width:1200px){.form-input{border-radius:.25vw}}#L.d .form-input{background-color:var(--dark-bg-90);color:var(--dark-primary);border-color:#ff8c004d}#L.l .form-input{background-color:var(--light-bg-90);color:var(--light-primary);border-color:#3f51b54d}.form-input:focus{border-color:#ff8c00;outline:none;box-shadow:0 0 0 3px #ff8c001a}#L.l .form-input:focus{border-color:#3f51b5;box-shadow:0 0 0 3px #3f51b51a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{opacity:.5}.visibility-options{gap:20px;display:flex}.radio-label{cursor:pointer;align-items:center;gap:8px;font-size:.9375rem;display:flex}#L.d .radio-label{color:var(--dark-primary)}#L.l .radio-label{color:var(--light-primary)}.radio-label input[type=radio]{cursor:pointer;accent-color:#ff8c00;width:18px;height:18px}#L.l .radio-label input[type=radio]{accent-color:#3f51b5}.radio-label input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.submit-button{color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:4px;padding:12px 16px;font-size:1rem;font-weight:600;transition:all .2s}@media (min-width:1200px){.submit-button{border-radius:.25vw}}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed}.submit-button:focus{outline-offset:2px;outline:2px solid #fff}@media (max-width:1199px){.playlist-dialog-overlay{padding:15vh 10px 10px}.playlist-dialog-header,.playlist-dialog-body{padding:16px}.playlist-dialog-title{font-size:1.125rem}.playlist-form{gap:16px}.form-group{gap:6px}}