:root{--primary-color:#d90da2;--primary-color-transparent:#d90da370;--primary-color-dark:#59024b;--primary-color-dark-transparent:#59024b70;--secondary-color:#e372f2;--secondary-color-transprent:#e372f270;--background-color:#262626;--background-gradient:linear-gradient(135deg,#262626,#1a1a1a);--box-color:#ffffff26;--box-color-dark:#7979791a;--box-border:#ffffff40;--box-shadow:#000000b3;--box-shadow-transparent:#0000001a;--glass-blur:15px;--text-light:#fafafa;--text-soft:#d6d6d6;--text-accent:#fff;--accent-primary:#00ff09;--accent-primary-transparent:#00ff0880;--accent-secondary:#85f272;--accent-secondary-transparent:#85f27290;--hover-overlay:#ffffff1a;--active-overlay:#fff3;--text-small:clamp(0.9375rem,0.7866rem + 0.6897vw,1.5625rem);--text-middle:clamp(1.25rem,1.0991rem + 0.6897vw,1.875rem);--text-large:clamp(1.5rem,1.25rem + 1vw,2.5rem);--status-success:#0fc;--status-success-transparent:#00ffcc80;--status-warning:#ff0;--status-warning-transparent:#ffff0080;--status-error:#ff5673;--status-error-transparent:#ff2d5580;--status-info:#5cbbff;--status-info-transparent:#33aaff80}*{box-sizing:border-box;margin:0;padding:0}.app-wrap{align-items:flex-end;background:url(/Music-player/static/media/purple-abstract-waves.3cfdde514747ab2db086.jpg);background-position:50%;background-size:cover;display:flex;gap:2rem;justify-content:center}.one-song{justify-content:center;margin-block:0;max-width:950px;overflow:auto}.one-song,.player{align-items:center;display:flex;height:100svh}.player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--box-color-dark);border:1px solid var(--box-border);border-radius:2rem;flex-direction:column;justify-content:space-between;min-width:500px;overflow:hidden;padding:2rem;position:relative;width:auto;z-index:0}.player:after{background-color:var(--secondary-color);content:"";height:100svh;inset:0;mix-blend-mode:soft-light;opacity:.3;position:absolute;width:auto;z-index:1}img.song-cover{border-radius:inherit;filter:drop-shadow(0 0 15px var(--secondary-color));height:80svh;object-fit:cover;opacity:.7;width:100%}.player p{font-family:Orbitron,sans-serif;margin-top:.5rem;text-align:center;z-index:2}.player p.song{color:var(--text-light);font-size:var(--text-middle);font-weight:700;z-index:2}.player p.author{font-size:var(--text-small)}.player p.author,p.time{color:var(--text-soft);z-index:2}p.time{text-shadow:0 0 3px var(--box-shadow)}.audio-box{bottom:20%;flex-direction:column;left:0;position:absolute}.audio-box,.controls{align-items:center;display:flex;width:100%;z-index:2}.controls{flex-wrap:wrap;justify-content:center;position:relative}.buttons{align-items:center;display:flex;z-index:2}.controls button{background-color:initial;border:none;border-radius:1rem;color:var(--text-light);cursor:pointer;filter:drop-shadow(2px 2px 5px black);font-size:var(--text-middle);margin:.5rem;padding:.5rem;transition:all .4s ease-out}.controls button:active,.controls button:hover{color:var(--accent-primary);filter:drop-shadow(0 0 1px var(--accent-primary-transparent)) drop-shadow(0 0 2px var(--accent-primary-transparent)) drop-shadow(0 0 5px var(--accent-secondary-transparent));transform:scale(1.1)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.setting-buttons{left:10%;position:absolute}.setting-buttons button{color:var(--text-soft);font-size:var(--text-small)}.setting-buttons button.active{color:var(--text-accent)}button.play{font-size:var(--text-large)}input{accent-color:var(--primary-color);background-color:var(--primary-color-dark);border-radius:9999px;color:var(--primary-color);width:80%}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 0,#fff 0,#fff 100%);background:linear-gradient(to right,var(--primary-color) 0,var(--primary-color) var(--progress,0),var(--box-border,#fff) var(--progress,0),var(--box-border,#fff) 100%);border:1px solid rgba(0,0,0,.203);border-radius:9999px;outline:none}input[type=range]::-webkit-slider-thumb{color:var(--primary-color)}input[type=range]::-webkit-slider-runnable-track{accent-color:var(--primary-color);border-radius:9999px}input[type=range]::-moz-range-track{accent-color:var(--primary-color);background:var(--background-gradient);border-radius:9999px;color:var(--secondary-color)}.progress-slider{height:1rem}input[type=range].progress-slider::-webkit-slider-thumb{background:var(--primary-color);cursor:pointer;transform:scale(1.7)}input[type=range].progress-slider:hover{accent-color:var(--primary-color);color:var(--primary-color)}input[type=range].progress-slider:hover::-webkit-slider-thumb{background:var(--primary-color);filter:brightness(1.2);transform:scale(1.7);z-index:2}.volume-slider{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:10%;width:20%}.volume-slider svg{color:var(--text-soft);font-size:var(--text-small);line-height:1}.mute-icon.active{background-color:var(--box-shadow-transparent);border-radius:50%;color:var(--status-warning);filter:drop-shadow(0 0 2px var(--status-error));transform:scale(1.1)}input[type=range].volume-slider-input{accent-color:var(--text-light);background:linear-gradient(to right,var(--text-light) 0,var(--text-light) 0,#fff 0,#fff 100%);background:linear-gradient(to right,var(--text-light) 0,var(--text-light) var(--progress,0),var(--box-border,#fff) var(--progress,0),var(--box-border,#fff) 100%);color:var(--text-light);cursor:pointer;filter:drop-shadow(0 0 0 gray);height:.5rem;margin-inline:.5rem;width:60%}input[type=range].volume-slider-input:hover,input[type=range].volume-slider:active{accent-color:var(--accent-primary);color:var(--accent-primary)}input[type=range].volume-slider-input::-webkit-slider-thumb{color:var(--text-light);cursor:pointer}input[type=range].volume-slider-input::-webkit-slider-runnable-track{accent-color:var(--text-light)}input[type=range].volume-slider-input::-moz-range-track{accent-color:var(--text-light);background:var(--background-gradient);border-radius:9999px;color:var(--secondary-color)}.progress-slider:focus,.volume-slider-input:focus,.volume-slider:focus{outline:none}.progress-slider:focus-visible,.volume-slider-input:focus-visible,.volume-slider:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.upload-wrap{align-items:center;cursor:pointer;display:flex;font-weight:400;max-width:100px;position:absolute;right:4rem;top:4rem;z-index:2}.upload{height:.1px;opacity:0;position:absolute;width:.1px}.upload-wrap label{color:var(--text-soft);cursor:pointer;display:block;font-size:var(--text-small);opacity:1;position:relative;transition:all .4s ease-out}.delete-song:hover,.upload-wrap:hover label{color-scheme:var(--text-light);opacity:1;transform:scale(1.1)}.delete-song{background:#0000;border:none;color:var(--text-soft);cursor:pointer;display:block;font-size:var(--text-small);opacity:1;padding-left:1rem;position:relative}.delete-song:disabled{cursor:not-allowed;opacity:.6}@media (max-width:500px){.player{min-width:0;min-width:auto}.controls{display:flex;flex-direction:column;height:15svh;margin-bottom:2rem}.volume-slider{margin-top:auto;position:relative;right:0;top:0;width:40%}}
/*# sourceMappingURL=main.ab02356a.css.map*/