.albumselector-root{background:#000;width:100%;height:100%;transition:all .4s;overflow:hidden}.albumselector-root *{-ms-overflow-style:none;scrollbar-width:none;text-rendering:geometricPrecision;box-sizing:border-box;margin:0;padding:0}.albumselector-root ::-webkit-scrollbar{display:none}.albumselector-root h1,.albumselector-root p{font-optical-sizing:auto;font-family:Hanken Grotesk,sans-serif;font-style:normal}.albumselector-root h1{letter-spacing:-.05em;font-size:32px;font-weight:400}.albumselector-root p{letter-spacing:0;font-size:16px;line-height:140%}.albumselector-root p.bold{color:rgba(255,255,255,.65);font-weight:400}.albumselector-root .dark p.bold{color:rgba(255,255,255,.65)}.albumselector-root .light p.bold{color:rgba(0,0,0,.65)}.albumselector-root p.light{font-weight:400}.albumselector-root .dark p.light{color:rgba(255,255,255,.45)}.albumselector-root .light p.light{color:rgba(0,0,0,.45)}.albumselector-root nav{border-radius:16px;gap:8px;padding:10px 4px 10px 12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.albumselector-root nav.dark{color:#fff;background:rgba(255,255,255,.02);border:2px solid rgba(255,255,255,.05)}.albumselector-root nav.light{color:#000;background:rgba(0,0,0,.02);border:2px solid rgba(0,0,0,.05)}.albumselector-root .type{opacity:.7;display:flex}.albumselector-root .type svg{opacity:.5}.albumselector-root .content{will-change:transform;-webkit-will-change:transform;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;transition:all 1s cubic-bezier(.17,1,.33,1);display:flex}.albumselector-root .modal{will-change:box-shadow;-webkit-will-change:box-shadow;border:2px solid transparent;border-radius:48px;justify-content:center;align-items:start;gap:16px;min-width:96px;max-width:96px;height:96px;transition:all .4s;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 0 150px #342e2d}.albumselector-root .dark.modal{color:#fff}.albumselector-root .light.modal{color:#000}.albumselector-root .modal.active{min-width:600px;max-width:600px;height:600px}.albumselector-root .dark.modal.active{border:2px solid rgba(255,255,255,.08);box-shadow:inset 0 0 150px rgba(255,255,255,.1)}.albumselector-root .light.modal.active{border:2px solid rgba(0,0,0,.08);box-shadow:inset 0 0 150px rgba(0,0,0,.1)}.albumselector-root .main-content{will-change:transform,filter;-webkit-will-change:transform,filter;border-radius:48px;min-width:600px;height:100%;transition:all .6s cubic-bezier(.17,1,.33,1);position:relative;overflow:scroll}.albumselector-root .photo-wrapper{z-index:99;width:100%;height:50%;min-height:96px;max-height:400px;position:relative;transform:translateZ(0)}.albumselector-root .photo-wrapper.absolute{position:absolute}.albumselector-root .photo{z-index:1;object-fit:contain;border-radius:44px;width:100%;height:100%;position:absolute;top:0;left:0}.albumselector-root .main-info{z-index:1;flex-flow:column;gap:32px;width:100%;padding:32px;display:flex;position:relative}.albumselector-root .info-top{justify-content:space-between;align-items:stretch;width:100%;display:flex}.albumselector-root .title-container{flex-direction:column;align-items:start;gap:4px;width:100%;display:flex}.albumselector-root .title-info{align-items:center;gap:8px;padding-right:4px;display:flex}.albumselector-root .play{cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;min-width:56px;max-width:56px;min-height:56px;max-height:56px;transition:all .2s;display:flex}.albumselector-root .dark .play{border:2px solid rgba(255,255,255,.08)}.albumselector-root .light .play{border:2px solid rgba(0,0,0,.08)}.albumselector-root .dark .play:hover{background:rgba(255,255,255,.08)}.albumselector-root .light .play:hover{background:rgba(0,0,0,.08)}.albumselector-root .divider{border-radius:50%;width:4px;height:4px}.albumselector-root .dark .divider{background:rgba(255,255,255,.314)}.albumselector-root .light .divider{background:rgba(0,0,0,.314)}.albumselector-root .songs{flex-direction:column;justify-content:stretch;gap:6px;display:flex}.albumselector-root .song{cursor:pointer;border:2px solid rgba(255,255,255,.04);border-radius:32px;justify-content:space-between;align-items:center;height:72px;margin:0 -22px;padding:0 22px;transition:all .2s;display:flex;position:relative}.albumselector-root .dark .song{border:2px solid rgba(255,255,255,.04)}.albumselector-root .light .song{border:2px solid rgba(0,0,0,.04)}.albumselector-root .dark .song:hover{background:rgba(255,255,255,.08)}.albumselector-root .light .song:hover{background:rgba(0,0,0,.08)}.albumselector-root .song-play{opacity:0;transition:all .2s;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.albumselector-root .song:hover .song-play{opacity:1}.albumselector-root .song .light{transition:all .2s}.albumselector-root .song:hover .light{opacity:0}.albumselector-root .gradient-blur{pointer-events:none;z-index:2;width:100%;height:101%;transition:all .8s ease-out;position:absolute;top:auto;bottom:0;left:0;right:0;overflow:hidden;top:0!important;left:0!important}.albumselector-root .gradient-blur>div{opacity:1;transition:all .4s ease-out,opacity .6s .8s;position:absolute;top:0;bottom:0;left:0;right:0}.albumselector-root .modal.active .gradient-blur>div{-webkit-backdrop-filter:blur();transition:top .6s,bottom .5s ease-out .3s,left .6s .6s,right .6s,all .5s ease-out .3s,opacity .6s .6s;top:-100px;bottom:-100px;left:-100px;right:-100px}.albumselector-root .gradient-blur>div:first-of-type{z-index:1;-webkit-backdrop-filter:blur(.5px);-webkit-mask:radial-gradient(circle,transparent 15%,#000 23%);mask:radial-gradient(circle,transparent 15%,#000 23%)}.albumselector-root .gradient-blur>div:nth-of-type(2){z-index:2;-webkit-backdrop-filter:blur(1px);-webkit-mask:radial-gradient(circle,transparent 23%,#000 31%);mask:radial-gradient(circle,transparent 23%,#000 31%)}.albumselector-root .gradient-blur>div:nth-of-type(3){z-index:3;-webkit-backdrop-filter:blur(3px);-webkit-mask:radial-gradient(circle,transparent 31%,#000 39%);mask:radial-gradient(circle,transparent 31%,#000 39%)}.albumselector-root .gradient-blur>div:nth-of-type(4){z-index:4;-webkit-backdrop-filter:blur(7px);-webkit-mask:radial-gradient(circle,transparent 39%,#000 47%);mask:radial-gradient(circle,transparent 39%,#000 47%)}.albumselector-root .gradient-blur>div:nth-of-type(5){z-index:5;-webkit-backdrop-filter:blur(16px);-webkit-mask:radial-gradient(circle,transparent 47%,#000 55%);mask:radial-gradient(circle,transparent 47%,#000 55%)}.albumselector-root .gradient-blur>div:nth-of-type(6){z-index:6;-webkit-backdrop-filter:blur(32px);-webkit-mask:radial-gradient(circle,transparent 55%,#000 63%);mask:radial-gradient(circle,transparent 55%,#000 63%)}.albumselector-root .gradient-blur>div:nth-of-type(7){z-index:7;-webkit-backdrop-filter:blur(64px);-webkit-mask:radial-gradient(circle,transparent 63%,#000 71%);mask:radial-gradient(circle,transparent 63%,#000 71%)}.albumselector-root .gradient-blur>div:nth-of-type(8){z-index:8;-webkit-backdrop-filter:blur(128px);-webkit-mask:radial-gradient(circle,transparent 71%,#000 79%);mask:radial-gradient(circle,transparent 71%,#000 79%)}.albumselector-root .shade{z-index:3;opacity:1;pointer-events:none;background:#272322;width:100%;height:100%;transition:opacity .2s linear .2s,background .2s;position:absolute;top:0;left:0}.albumselector-root .active .shade,.albumselector-root .modal:hover .shade{background:#342e2d}.albumselector-root .modal.active .shade{opacity:0;transition:all .2s}.albumselector-root .slider-wrapper{z-index:100;mix-blend-mode:difference;border-radius:100px;justify-content:space-between;align-items:center;width:300px;height:33px;padding:0 13.5px;display:flex;position:absolute;bottom:32px;left:50%;overflow:hidden;transform:translate(-50%)}.albumselector-root .slider-wrapper>div{background:rgba(255,255,255,.15);border-radius:50%;width:6px;height:6px}.albumselector-root .slider{-webkit-appearance:none;accent-color:#000;background:rgba(255,255,255,.1);width:100%;height:100%;padding:4px;position:absolute;top:0;bottom:0;left:0;right:0}.albumselector-root .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.1);border-radius:50%;height:25px;transition:background-color .2s;width:25px!important}.albumselector-root .slider::-moz-range-thumb{cursor:pointer;background:#04aa6d;width:25px;height:25px}.albumselector-root .slider::-webkit-slider-thumb:hover{background-color:rgba(255,255,255,.25)}