@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500&display=swap);*,h1,h2,h3,h4,h5,h6,p{margin:0}h2{font-size:8em;line-height:1}h2,h3{font-weight:300}h3{font-size:3em;line-height:1.2;margin-bottom:20px}@media(max-width:800px){h3{font-size:2.4em}}h4{font-size:1.5em;font-weight:500;line-height:1.2}h5{font-size:1.4em;font-weight:400}body{background:#201f24}.background-video{height:100%;left:0;object-fit:cover;position:fixed;top:0;width:100%;z-index:-1}.nav{align-items:center;background:linear-gradient(180deg,rgba(16,14,20,0) 100% rgba(11,11,18,.6) 0);bottom:0;display:flex;justify-content:center;left:0;margin:auto;opacity:1;padding:32px 56px;position:absolute;right:0;transition:opacity 1s ease-in-out;z-index:103}.nav .hidden{opacity:0;pointer-events:none}.nav .logo{color:#fff;height:auto;width:100px}.nav .menu-items{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.6);border-radius:64px;display:flex;gap:4px;padding:12px;transition:all .6s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:101}.nav .menu-items button{background:none;border:none;cursor:pointer;transition:opacity .3s}.nav .menu-items .menu-btn{align-items:center;background-color:transparent;border:none;border-radius:32px;color:rgba(56,54,63,.871);cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:12px;padding:18px 40px;transition:background-color .3s ease;transition:all .2s ease}.nav .menu-items .menu-btn:hover{background-color:hsla(0,0%,100%,.4);color:rgba(31,31,35,.933);-webkit-transform:scale(1.04);transform:scale(1.04)}.nav .menu-items .menu-btn:active{background-color:hsla(0,0%,100%,.6);-webkit-transform:scale(.96);transform:scale(.96)}.nav .menu-items .menu-btn.active{background-color:#fff;color:#000}.nav .top-right-nav{display:flex;gap:4px;position:fixed;right:24px;top:24px}.nav .top-right-nav .fullscreen{align-items:center;background-color:rgba(0,0,0,.2);border:none;border-radius:32px;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;padding:14px 32px;transition:background-color .3s ease}.nav .top-right-nav .fullscreen:hover{background-color:hsla(0,0%,100%,.2)}.nav .top-right-nav .fullscreen.active{background-color:#fff;color:#000}.nav .top-right-nav .subscribe-btn{align-items:center;background-color:#fff;border:none;border-radius:32px;color:#3b3941;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;padding:14px 32px;transition:background-color .3s ease}.nav .top-right-nav .subscribe-btn:hover{background-color:hsla(0,0%,100%,.2)}.nav .top-right-nav .subscribe-btn.active{background-color:#fff;color:#000}.control-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:rgba(48,48,54,.145);height:100%;position:fixed;width:100%;z-index:100}.wrapper{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.7);border-radius:24px;box-shadow:0 12px 32px -14px rgba(23,22,24,.2);box-sizing:border-box;color:#35343a;left:50%;margin:auto;max-width:90%;min-width:420px;padding:40px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 1s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}@media(max-width:800px){.wrapper{max-height:60%;min-width:auto;padding:20px;width:100%}}.wrapper .music-player{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.wrapper .music-player .playlist-selector select{font-size:16px;padding:6px}.wrapper .music-player .player-controls{display:flex;margin-top:10px}.wrapper .music-player .player-controls button{cursor:pointer;font-size:16px;margin:0 5px;padding:6px 10px}.wrapper .controls-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0;width:100%}.wrapper .controls-header h3{font-size:1.5em;margin:0}.wrapper .controls-header input[type=range]{width:160px}@media(max-width:800px){.wrapper .controls-header{flex-direction:column;flex-wrap:1;gap:12px}}.wrapper .ambient-thumbnails{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;justify-content:space-around;margin-top:10px;width:100%}@media(max-width:600px){.wrapper .ambient-thumbnails{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.wrapper .ambient-thumbnails div{border-radius:5px;cursor:pointer;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;outline:2px solid rgba(52,152,219,0);overflow:hidden;transition:all .3s ease}@media(max-width:600px){.wrapper .ambient-thumbnails div{max-height:160px}}@media(max-width:400px){.wrapper .ambient-thumbnails div{max-height:120px}}.wrapper .ambient-thumbnails div img{border-radius:5px;object-fit:cover;opacity:.9;transition:all .2s ease}.wrapper .ambient-thumbnails div:hover{box-shadow:0 6px 24px -12px #39373c;outline:2px solid #fff;-webkit-transform:scale(1.04);transform:scale(1.04)}.wrapper .ambient-thumbnails div:hover img{opacity:1}.wrapper .ambient-thumbnails div:active{-webkit-transform:scale(.96);transform:scale(.96)}.wrapper .ambient-thumbnails div:active img{opacity:.8}.wrapper .ambient-thumbnails div.active{box-shadow:0 6px 24px -12px #39373c;outline:4px solid #fff;transition:all .3s ease}.entry-page{align-items:center;background:url(/static/media/calmood_bg.5dbb55622a55d2bced61.jpg) no-repeat 50% fixed;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.entry-page h1{color:#fff;font-size:3rem;margin-bottom:1rem}.entry-page p{color:#fff;font-size:1.2rem;margin-bottom:2rem;text-align:center}.entry-page button{align-items:center;background-color:#fff;border:none;border-radius:32px;color:#343338;cursor:pointer;display:flex;font-size:1em;font-weight:500;gap:12px;padding:14px 32px;transition:background-color .3s ease,-webkit-transform .3s ease;transition:background-color .3s ease,transform .3s ease;transition:background-color .3s ease,transform .3s ease,-webkit-transform .3s ease}.entry-page button:hover{background-color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.entry-page button:active{-webkit-transform:scale(.95);transform:scale(.95)}.volume-controls{align-items:center;display:flex;gap:4px}.controls .play-controls{display:flex;margin:0 32px}.controls .play-controls button{align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:background-color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,background-color .3s ease;transition:transform .3s ease,background-color .3s ease,-webkit-transform .3s ease;width:40px}.controls .play-controls button svg{fill:#2a282d;height:24px;width:24px}.controls .play-controls button:hover{background-color:hsla(0,0%,100%,.66);-webkit-transform:scale(1.05);transform:scale(1.05)}.controls .play-controls button:active{-webkit-transform:scale(.95);transform:scale(.95)}.options{display:flex;gap:10px;margin-top:20px;width:100%}.options button{background-color:hsla(0,0%,100%,.2);border:none;border-radius:12px;color:#37343c;cursor:pointer;flex:1 1;font-size:1em;font-weight:500;letter-spacing:2%;outline:2px solid hsla(0,0%,100%,0);padding:24px 20px;transition:all .3s ease}.options button:hover{background-color:hsla(0,0%,100%,.4);box-shadow:0 6px 24px -12px #39373c;outline:2px solid #fff;-webkit-transform:scale(1.04);transform:scale(1.04)}.options button:active{-webkit-transform:scale(.96);transform:scale(.96)}.options button:active img{opacity:.8}.options button.active{background-color:#fff;box-shadow:0 6px 24px -12px #39373c;outline:2px solid #fff;transition:all .3s ease}.more div{align-items:center;display:flex;gap:12px;margin-bottom:12px}.more div input[type=checkbox]{cursor:pointer;height:18px;width:18px}.more div label{color:#252427;cursor:pointer;font-size:1.2em}.more div:hover label{opacity:.8}.entry-page,.main-app{opacity:0;transition:opacity 1s ease-in-out}.control-container{transition:opacity .5s ease-in-out}.control-container.fade-in{opacity:1}.control-container.initiating-fade-out{opacity:0}.control-container>*{opacity:1;transition:opacity .5s ease-in-out .5s}.control-container.initiating-fade-out .control-container>*{opacity:0}.loader{border-radius:5px;color:#5b5c62!important;font-size:18px;left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.video-loading-overlay{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loader{color:#fff;font-size:24px}.background-video.next-video{opacity:1;position:absolute;top:0;transition:opacity .5s}.background-video.next-video.loaded{opacity:1}*{font-family:Nunito Sans}.fade-in{opacity:1;transition:opacity 1s}.fade-out{opacity:0;transition:opacity .4s}.top-nav{color:#fff;opacity:.85;padding:24px;position:fixed;z-index:110}.display{border-radius:5px;bottom:0;color:#fff;font-size:1em;left:50%;margin:auto;padding:2%;position:absolute;position:fixed;text-align:center;text-shadow:2px 2px 6px rgba(0,0,0,.2);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity 1s;z-index:99}@media(max-width:1200px){.display{width:85%}}.time-display .clock{font-size:160px;font-weight:300;line-height:1}.time-display .date{font-size:20px}@media(max-width:1200px){.time-display .clock{font-size:96px;font-weight:300;line-height:1}.time-display .date{font-size:16px}}@media(max-width:600px){.buttonLabel{display:none}}.ambient-item{border:1px solid transparent;cursor:pointer;padding:10px;transition:border-color .3s}.ambient-item:hover{border-color:blue}.ambient-item.ambient-selected{border-color:#00008b}.active-control{display:block}
/*# sourceMappingURL=main.58ba210d.css.map*/