@keyframes coverLoad{from{opacity:0}to{opacity:.85}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}body{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:0 0;background-color:var(--dominant-color)}#sidebar-container{position:fixed;width:420px;height:calc(100% - 2.5rem);background-color:rgba(0,0,0,0);margin-block:.5rem;border-radius:.66rem;overflow:hidden;transition:background 150ms ease;box-shadow:0 0 25px 4px rgba(0,0,0,0.2705882353)}#sidebar-container aside{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;gap:1rem 1rem;padding:1rem}#sidebar-container aside>*:not(#background-container){position:relative;z-index:1}#sidebar-container aside #album-art{opacity:0;border-radius:.5rem;animation:coverLoad 150ms ease 20ms 1 forwards;box-shadow:0 9px 20px 0 rgba(0,0,0,0.2705882353)}#sidebar-container aside #track-info{color:#fff;font:400 1rem/1 "Poppins",sans-serif;white-space:nowrap;max-width:100%;overflow:hidden}#sidebar-container aside #track-info>*{overflow:inherit;text-overflow:ellipsis}#sidebar-container aside #track-info h2{font-size:1.5rem;line-height:2rem;font-weight:700}#sidebar-container aside #track-info p{color:hsla(0,0%,100%,.7);line-height:1.25}#sidebar-container aside #background-container>div>div{filter:saturate(2) brightness(0.7);position:absolute;inset:0;pointer-events:none;overflow:hidden}#sidebar-container aside #background-container>div>div::before{content:"";position:absolute;pointer-events:none;inset:inherit;background-color:var(--dominant-color, hsl(0, 0%, 20%));z-index:3;opacity:50%}#sidebar-container aside #background-container>div>div .backgroundEffectImages{position:absolute;width:200%;max-width:unset;animation:rotation 35s linear infinite;filter:blur(40px);border-radius:100em}#sidebar-container aside #background-container>div>div .backgroundEffectImages#foreground{right:0;top:0;z-index:2}#sidebar-container aside #background-container>div>div .backgroundEffectImages#middle_ground{left:0;bottom:0;z-index:1;animation-direction:reverse}#sidebar-container aside #background-container>div>div .backgroundEffectImages#background{z-index:0;width:300%;right:-50%;top:-20%;animation-direction:reverse}#sidebar-container hgroup{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;gap:0 .25rem;color:#fff;font:700 1rem/32px "Nunito",sans-serif}#sidebar-container #user-select{font:inherit;font-weight:900;background-color:hsla(0,0%,100%,.08);padding-inline:.25rem;border-radius:3px;color:inherit}#sidebar-container #user-select:hover{background-color:hsla(0,0%,100%,.16);text-decoration:underline}.overlayContainer{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:0 0;position:absolute;inset:0}.overlayContainer:empty{pointer-events:none}.overlayContainer:not(:empty){-webkit-backdrop-filter:saturate(0.2) brightness(0.25) blur(4px);backdrop-filter:saturate(0.2) brightness(0.25) blur(4px)}.overlayContainer form{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:space-between;gap:0 0;background-color:#333;padding:1rem;height:125px;border:hsla(0,0%,100%,.08);border-radius:8px;box-shadow:0 0 8px 2px rgba(0,0,0,.33)}.overlayContainer form label{font:400 .85rem/1 "Noto Sans",sans-serif;letter-spacing:.02rem;color:#ccc}.overlayContainer form input{border:2px solid var(--dominant-color, royalblue);border-radius:100em;font:300 .9rem/1 "Poppins",sans-serif;background-color:rgba(0,0,0,.1);padding:.2rem .5rem;color:#fff;text-align:center}.overlayContainer form span{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:flex-end;gap:0 .25rem}.overlayContainer form span button{border-radius:100em;padding:.25rem .75rem;font:300 .78rem/1 "Poppins",sans-serif}.overlayContainer form span button:first-child{background:none;color:hsl(0,0%,85%);text-decoration:underline}.overlayContainer form span button:first-child:hover{background-color:hsla(0,0%,100%,.1)}/*# sourceMappingURL=main.min.css.map */