*,:after,:before{box-sizing:border-box}body{overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}:root,body,html{background-color:#07070b;margin:0;padding:0}#root,:root,body,html{height:100%;width:100%}div,h1,h2,h3,h4,h5,h6,header,html,i,img,label,li,nav,p,small,span,ul{background:transparent;border:0;font-size:100%;margin:0;outline:none;padding:0;vertical-align:initial}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:hsla(0,0%,100%,.9);font-family:Figtree,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Bricolage Grotesque,sans-serif;font-weight:600}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:3px}.videoIn,.videoOut{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity 1.2s ease;width:100%;z-index:1}.videoIn{opacity:1}.videoOut{opacity:0}.vignette{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 18%),linear-gradient(0deg,rgba(0,0,0,.4),transparent 22%),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.2) 100%);inset:0;pointer-events:none;position:absolute;z-index:2}.bar{-webkit-animation:barIn .6s cubic-bezier(.22,1,.36,1) .35s both;animation:barIn .6s cubic-bezier(.22,1,.36,1) .35s both;bottom:24px;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media(max-width:768px){.bar{bottom:14px;left:14px;right:14px;-webkit-transform:none;transform:none}}.bar__inner{align-items:center;backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);background:rgba(8,8,14,.5);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;gap:20px;padding:10px 22px}@media(max-width:768px){.bar__inner{border-radius:14px;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px 16px}}.bar__song{align-items:center;display:flex;flex-shrink:1;gap:10px;min-width:0}@media(max-width:768px){.bar__song{flex-basis:100%;justify-content:center;order:2}}.bar__vis{align-items:flex-end;display:flex;flex-shrink:0;gap:2px;height:16px}.bar__vis span{background:#e8a87c;border-radius:1px;display:block;width:2px}.bar__vis span:first-child{-webkit-animation:vis .7s ease-in-out infinite alternate;animation:vis .7s ease-in-out infinite alternate;height:5px}.bar__vis span:nth-child(2){-webkit-animation:vis .5s ease-in-out .15s infinite alternate;animation:vis .5s ease-in-out .15s infinite alternate;height:12px}.bar__vis span:nth-child(3){-webkit-animation:vis .85s ease-in-out .3s infinite alternate;animation:vis .85s ease-in-out .3s infinite alternate;height:7px}.bar__vis span:nth-child(4){-webkit-animation:vis .6s ease-in-out .08s infinite alternate;animation:vis .6s ease-in-out .08s infinite alternate;height:10px}.bar__info{display:flex;flex-direction:column;gap:1px;min-width:0}.bar__name{color:hsla(0,0%,100%,.88);font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:500;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__tag{color:#e8a87c;font-size:9px;font-weight:600;letter-spacing:2px;opacity:.6;text-transform:uppercase}.bar__sep{background:hsla(0,0%,100%,.06);flex-shrink:0;height:22px;width:1px}@media(max-width:768px){.bar__sep,.bar__sep--hide-mobile{display:none}}.bar__player{align-items:center;display:flex;flex-shrink:0}@media(max-width:768px){.bar__player{order:1}}.bar__moods{align-items:center;display:flex;flex-shrink:0;gap:3px}@media(max-width:768px){.bar__moods{order:3}}.bar__mood{align-items:center;background:transparent;border:none;border-radius:8px;color:hsla(0,0%,100%,.35);cursor:pointer;display:flex;font-family:Figtree,sans-serif;font-size:11px;font-weight:500;gap:5px;padding:5px 10px;transition:all .25s cubic-bezier(.22,1,.36,1);white-space:nowrap}.bar__mood i{font-size:10px}.bar__mood:hover{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.65)}.bar__mood.active{background:hsla(24,70%,70%,.1);color:#e8a87c}.bar__vol{align-items:center;color:hsla(0,0%,100%,.35);display:flex;flex-shrink:0;font-size:11px;gap:8px;width:110px}@media(max-width:768px){.bar__vol{display:none}}.bar__vol-slider{color:#e8a87c!important;height:2px!important;padding:8px 0!important}.bar__vol-slider .MuiSlider-thumb{box-shadow:none!important;height:10px!important;width:10px!important}.bar__vol-slider .MuiSlider-thumb.Mui-active,.bar__vol-slider .MuiSlider-thumb:hover{box-shadow:0 0 0 5px hsla(24,70%,70%,.1)!important}.bar__vol-slider .MuiSlider-rail{color:hsla(0,0%,100%,.06)!important}@-webkit-keyframes vis{0%{height:2px}to{height:16px}}@keyframes vis{0%{height:2px}to{height:16px}}@-webkit-keyframes barIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(16px);transform:translateX(-50%) translateY(16px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes barIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(16px);transform:translateX(-50%) translateY(16px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.player__controls{gap:2px}.player__btn,.player__controls{align-items:center;display:flex}.player__btn{background:transparent;border:none;border-radius:50%;color:hsla(0,0%,100%,.5);cursor:pointer;justify-content:center;transition:all .25s cubic-bezier(.22,1,.36,1)}.player__btn--skip{font-size:11px;height:30px;width:30px}.player__btn--skip:hover{color:hsla(0,0%,100%,.85)}.player__btn--skip:active{-webkit-transform:scale(.88);transform:scale(.88)}.player__btn--play{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.85);font-size:14px;height:42px;margin:0 2px;width:42px}.player__btn--play .fa-play{margin-left:2px}.player__btn--play:hover{background:#e8a87c;color:#0a0a0f}.player__btn--play:active{-webkit-transform:scale(.92);transform:scale(.92)}.player__btn--play.playing{background:#e8a87c;box-shadow:0 0 18px hsla(24,70%,70%,.18);color:#0a0a0f}@media screen and (max-width:768px){.player__btn--play{font-size:13px;height:40px;width:40px}.player__btn--skip{font-size:10px;height:28px;width:28px}}.topbar{-webkit-animation:fadeIn .8s ease .15s both;animation:fadeIn .8s ease .15s both;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);justify-content:space-between;left:0;padding:18px 24px;position:absolute;right:0;top:0;z-index:12}.topbar,.topbar__logo{align-items:center;display:flex}.topbar__brand{color:hsla(0,0%,100%,.85);font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.3px}.topbar__controls{gap:6px}.topbar__btn,.topbar__controls{align-items:center;display:flex}.topbar__btn{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.06);border:none;border-radius:11px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:13px;height:38px;justify-content:center;transition:all .3s cubic-bezier(.22,1,.36,1);width:38px}.topbar__btn:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.85)}.topbar__btn:active{-webkit-transform:scale(.92);transform:scale(.92)}.topbar__btn.active{background:hsla(24,70%,70%,.15);color:#e8a87c}@media screen and (max-width:1024px){.topbar__btn--fullscreen{display:none}}.topbar__panel{-webkit-animation:panelIn .25s cubic-bezier(.22,1,.36,1) both;animation:panelIn .25s cubic-bezier(.22,1,.36,1) both;backdrop-filter:blur(36px) saturate(1.3);-webkit-backdrop-filter:blur(36px) saturate(1.3);background:rgba(8,8,14,.5);border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.45);display:flex;flex-direction:column;max-height:440px;overflow:hidden;padding:20px;position:absolute;right:24px;top:calc(100% - 4px);width:320px}@media(max-width:768px){.topbar__panel{left:14px;right:14px;width:auto}}.topbar__panel-title{border-bottom:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.85);font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.2px;margin-bottom:14px;padding-bottom:10px}.topbar__noise-list{display:flex;flex:1 1;flex-direction:column;max-height:360px;overflow-y:auto;scrollbar-color:hsla(0,0%,100%,.04) transparent;scrollbar-width:thin}.topbar__noise-list::-webkit-scrollbar{width:3px}.topbar__noise-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.04);border-radius:3px}.topbar__noise-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.topbar__noise-label{color:hsla(0,0%,100%,.45);flex-shrink:0;font-size:11px;font-weight:500;min-width:85px}.topbar__noise-slider{color:#e8a87c!important;height:2px!important;margin-left:auto!important;padding:8px 0!important;width:140px!important}.topbar__noise-slider .MuiSlider-thumb{box-shadow:none!important;height:10px!important;width:10px!important}.topbar__noise-slider .MuiSlider-thumb.Mui-active,.topbar__noise-slider .MuiSlider-thumb:hover{box-shadow:0 0 0 5px hsla(24,70%,70%,.1)!important}.topbar__noise-slider .MuiSlider-rail{color:hsla(0,0%,100%,.06)!important}@media(max-width:768px){.topbar{padding:14px 16px}.topbar__brand{font-size:16px}.topbar__controls{gap:5px}.topbar__btn{border-radius:10px;font-size:12px;height:34px;width:34px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes panelIn{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.97);transform:translateY(-8px) scale(.97)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes panelIn{0%{opacity:0;-webkit-transform:translateY(-8px) scale(.97);transform:translateY(-8px) scale(.97)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}
/*# sourceMappingURL=main.8fe7b8e5.css.map*/