.modalopen-root{isolation:isolate;background:#161616}.modalopen-root *{-ms-overflow-style:none;scrollbar-width:none;text-rendering:geometricPrecision;box-sizing:border-box;margin:0;padding:0}.modalopen-root ::-webkit-scrollbar{display:none}.modalopen-root{--side-panel:200px}.modalopen-root h1,.modalopen-root p{font-optical-sizing:auto;color:#fff;font-family:Hanken Grotesk,sans-serif;font-style:normal}.modalopen-root h1{letter-spacing:-.05em;font-size:40px;font-weight:400}.modalopen-root p{letter-spacing:0;font-size:16px;line-height:140%}.modalopen-root p.bold{color:rgba(255,255,255,.65);font-weight:400}.modalopen-root p.light{color:rgba(255,255,255,.45);font-weight:400}.modalopen-root main{align-items:stretch;width:100%;height:100%;padding:32px;display:flex;position:relative;overflow:hidden}.modalopen-root .content-wrapper{flex:1;justify-content:center;align-items:center;display:flex}.modalopen-root .content{will-change:box-shadow;-webkit-will-change:box-shadow;background:#161616;border:2px solid #232120;border-radius:50px;justify-content:start;align-items:start;gap:16px;width:100%;max-width:800px;height:100%;min-height:500px;transition:all 1s cubic-bezier(.17,1,.33,1);display:flex;position:relative;transform:translate(0,0);box-shadow:inset 0 0 150px #342e2d}.modalopen-root .content.active{background:#0f0f0f;box-shadow:inset 0 0 150px rgba(52,46,45,.7)}.modalopen-root .main-content{filter:blur()brightness();will-change:transform,filter;-webkit-will-change:transform,filter;border-radius:48px;width:100%;height:100%;transition:all .6s cubic-bezier(.17,1,.33,1);position:relative;overflow:hidden;transform:translate(0,0)scale(1)}.modalopen-root .content.active .main-content{filter:blur(16px)brightness(.7);transition:all .3s ease-out;transform:translate(0,0)scale(.9)}.modalopen-root .photo-wrapper{width:100%;height:50%;max-height:400px;position:relative}.modalopen-root .photo{z-index:1;object-fit:contain;background:#161616;border-radius:44px;width:100%;height:100%;position:absolute;top:0;left:0}.modalopen-root .main-info{z-index:1;flex-flow:column;gap:32px;width:100%;padding:32px;display:flex;position:relative}.modalopen-root .title-container{justify-content:space-between;align-items:center;width:100%;display:flex}.modalopen-root .title-info{gap:12px;padding-right:4px;display:flex}@media screen and (max-width:600px){.modalopen-root .title-info{display:none}}.modalopen-root .songs{flex-direction:column;justify-content:stretch;gap:6px;display:flex}.modalopen-root .song{cursor:pointer;border:2px solid rgba(255,255,255,.04);border-radius:32px;justify-content:space-between;align-items:center;min-width:100%;min-height:72px;margin:0 -22px;padding:0 22px;transition:all .2s;display:flex;box-shadow:inset 0 0 rgba(255,255,255,.15)}.modalopen-root .songs .song:hover{box-shadow:inset 0 0 64px rgba(255,255,255,.075)}.modalopen-root .end{align-items:center;gap:24px;display:flex}.modalopen-root .song svg{opacity:0;transition:all .2s}.modalopen-root .songs .song:hover svg{opacity:.5}.modalopen-root .song svg:hover{cursor:pointer;opacity:1!important}.modalopen-root .gradient-blur{pointer-events:none;z-index:2;width:100%;height:101%;position:absolute;top:auto;bottom:0;left:0;right:0;overflow:hidden;top:0!important;left:0!important}.modalopen-root .song-modal .gradient-blur{height:800px;bottom:0;top:auto!important}.modalopen-root .gradient-blur>div{border-radius:48px;transition:all .4s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.modalopen-root .content.active .gradient-blur>div{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:all .5s ease-out .3s}.modalopen-root .gradient-blur>div:first-of-type{z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:radial-gradient(transparent 21%,#000 29%);mask:radial-gradient(transparent 21%,#000 29%);-webkit-mask:radial-gradient(circle,transparent 21%,#000 29%)}.modalopen-root .gradient-blur>div:nth-of-type(2){z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:radial-gradient(transparent 29%,#000 37%);mask:radial-gradient(transparent 29%,#000 37%);-webkit-mask:radial-gradient(circle,transparent 29%,#000 37%)}.modalopen-root .gradient-blur>div:nth-of-type(3){z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask:radial-gradient(transparent 37%,#000 45%);mask:radial-gradient(transparent 37%,#000 45%);-webkit-mask:radial-gradient(circle,transparent 37%,#000 45%)}.modalopen-root .gradient-blur>div:nth-of-type(4){z-index:4;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:radial-gradient(transparent 45%,#000 53%);mask:radial-gradient(transparent 45%,#000 53%);-webkit-mask:radial-gradient(circle,transparent 45%,#000 53%)}.modalopen-root .gradient-blur>div:nth-of-type(5){z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask:radial-gradient(transparent 53%,#000 61%);mask:radial-gradient(transparent 53%,#000 61%);-webkit-mask:radial-gradient(circle,transparent 53%,#000 61%)}.modalopen-root .gradient-blur>div:nth-of-type(6){z-index:6;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask:radial-gradient(transparent 61%,#000 73%);mask:radial-gradient(transparent 61%,#000 73%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 69%)}.modalopen-root .gradient-blur>div:nth-of-type(7){z-index:7;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);-webkit-mask:radial-gradient(transparent 69%,#000 77%);mask:radial-gradient(transparent 69%,#000 77%);-webkit-mask:radial-gradient(circle,transparent 69%,#000 77%)}.modalopen-root .gradient-blur>div:nth-of-type(8){z-index:8;-webkit-backdrop-filter:blur(128px);backdrop-filter:blur(128px);-webkit-mask:radial-gradient(transparent 77%,#000 85%);mask:radial-gradient(transparent 77%,#000 85%);-webkit-mask:radial-gradient(circle,transparent 77%,#000 85%)}.modalopen-root .modal,.modalopen-root .song-modal{z-index:99;will-change:width,height;-webkit-will-change:width,height;cursor:pointer;background:#272322;border-radius:48px;justify-content:start;align-items:start;width:96px;height:96px;transition:all .6s cubic-bezier(.17,1,.33,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0)}.modalopen-root .modal.active{cursor:auto;width:500px;height:500px;transition:all 1s cubic-bezier(.17,1,.33,1)}.modalopen-root .toggle{z-index:5;-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:1;cursor:pointer;background:rgba(255,255,255,0);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;position:absolute;top:8px;left:8px}.modalopen-root .modal.active .toggle{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:rgba(255,255,255,.05)}.modalopen-root .modal.active .toggle:hover{background:rgba(255,255,255,.1)}.modalopen-root .toggle svg{transition:all 1s cubic-bezier(.32,1.35,.75,1);transform:rotate(0)}.modalopen-root .modal.active .toggle svg{transform:rotate(135deg)}.modalopen-root .modal-content{transform-origin:0 0;flex-flow:column;min-width:500px;height:500px;padding:4px;transition:transform 1s cubic-bezier(.16,.61,.23,1);display:flex;position:relative;transform:scale(.8)}.modalopen-root .modal.active .modal-content{transform:scale(1)}.modalopen-root .modal .photo{object-fit:cover}.modalopen-root .photo-wrapper h1{z-index:2;position:absolute;bottom:16px;left:32px}.modalopen-root .info{flex-direction:column;flex:1;gap:24px;padding:24px 30px 0;display:flex;overflow:scroll}.modalopen-root .info-top{display:flex}.modalopen-root .info-top-left{flex:1;gap:16px;display:flex}.modalopen-root .genre{text-indent:20px;position:relative}.modalopen-root .genre:before{content:"";background:#ec66c6;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-20px,-50%)}.modalopen-root .divider{background:rgba(255,255,255,.19);border-radius:1px;width:2px;height:16px;transform:translateY(3px)}.modalopen-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}.modalopen-root .active .shade,.modalopen-root .modal:hover .shade{background:#342e2d}.modalopen-root .content.active .shade{opacity:0;transition:all .2s}.modalopen-root .song-modal{opacity:0;pointer-events:none;flex-direction:column;align-items:center;width:calc(100% - 20px);height:72px;padding:0;transition:all .4s cubic-bezier(.17,1,.33,1),top,opacity .2s .4s;display:flex;position:absolute;left:10px}.modalopen-root .song-modal.active{opacity:1;cursor:auto;pointer-events:all;width:100%;height:400px;padding:0 10px;transition:all .6s cubic-bezier(.17,1,.33,1),top,opacity;left:0}.modalopen-root .song-modal .song{z-index:3;cursor:auto;border:2px solid rgba(255,255,255,0);border-bottom-color:rgba(255,255,255,.04);border-radius:0;transition:all .4s cubic-bezier(.17,1,.33,1);position:relative}.modalopen-root .song-modal.active .song{min-height:88px;transition:all .6s cubic-bezier(.17,1,.33,1)}.modalopen-root .song-modal .song .bold{transform-origin:0;transition:all .4s cubic-bezier(.17,1,.33,1);transform:scale(1)}.modalopen-root .song-modal.active .song .bold{letter-spacing:-.03em;color:#fff;transition:all .6s cubic-bezier(.17,1,.33,1);transform:scale(2)}.modalopen-root .song-modal .end{transition:transform .4s;transform:translate(0)}.modalopen-root .song-modal.active .end{transition:transform .2s;transform:translate(65px)}.modalopen-root .song-modal .song svg{transform:rotate(0);transition:transform 1.2s cubic-bezier(.32,1.35,.75,1)!important}.modalopen-root .song-modal.active .song svg{opacity:.5;transform:rotate(-495deg)}.modalopen-root .song-modal-info{padding:24px}.modalopen-root .song-credits{align-items:center;gap:4px;display:flex}