*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{background-color:#333;color:#eee;font-family:Helvetica,Arial;font-size:3vmin;overflow:hidden}.App{text-align:center;position:fixed;width:100%;height:100%;transition:opacity 1.5s ease-in-out}.App.inactive{pointer-events:none;opacity:0}.pointer-all{pointer-events:all}.App .logo{width:80%}.input-container{width:100%;font-family:"Louize";font-size:23pt;text-transform:uppercase;letter-spacing:.1em;margin-right:-1em;position:absolute;bottom:10%;pointer-events:none;overflow:hidden}.mask{width:100%;padding-top:70px;padding-bottom:70px;margin-bottom:-70px}.backdrop{width:440px;max-width:100vw;height:25%;border-radius:50%;background:rgba(0,0,0,.8196078431372549);position:absolute;left:50%;top:52%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;-webkit-filter:blur(43px);filter:blur(43px)}.instructions{z-index:2;position:relative}.input-container.active .mask{transition:opacity 1s ease-out;opacity:1}.input-container.inactive .mask{transition:opacity 1s ease-out;opacity:0;pointer-events:none}.intention{margin-top:10px;font-size:23pt}.custom-input{margin-top:30px;font-size:23pt;text-align:center;background:transparent;-webkit-appearance:none;border:initial;font-family:"Louize";color:#fff;max-width:50%;pointer-events:all;position:relative;z-index:3}.underline{margin-top:8px;width:0;height:2px;background:#fff;left:50%;margin-left:auto;margin-right:auto;-webkit-animation-name:expand;animation-name:expand;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.5s;animation-delay:.5s;max-width:50vw}.custom-input:focus{outline:none}.custom-input::-webkit-input-placeholder{color:#fff;opacity:.5}.custom-input::placeholder{color:#fff;opacity:.5}.anna-title{font-family:"Louize";font-size:23pt;text-transform:uppercase;letter-spacing:.3em;margin-right:-.3em;position:relative;z-index:3}.App-header{background-color:#000;position:relative;height:100%;width:100%;z-index:33;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;-webkit-animation-name:background-fade;animation-name:background-fade;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.login-contents{opacity:0;-webkit-mask-image:linear-gradient(270deg,transparent 25%,#000 45%);-webkit-mask-size:500%;-webkit-animation-name:text-wipe;animation-name:text-wipe;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}.hidden{display:none}.background{left:0;right:0;top:0;bottom:0;background-size:cover;background-position:50%;position:absolute}.main-wrapper,.ui-overlay{pointer-events:none}.main-wrapper{margin:0 auto;justify-content:left;text-align:center;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding-top:2%;padding-left:10%;padding-right:10%;-webkit-filter:drop-shadow(5px 5px 18px rgba(2,15,42,.050980392156862744));filter:drop-shadow(5px 5px 18px #020f2a0d);width:100%}.container{align-items:center;height:100%}.main-container{flex:1 1}.now-playing__name{font-size:1.5em;margin-bottom:1%;font-family:"Louize";text-transform:uppercase;font-size:15pt;letter-spacing:.3em;margin-left:auto;margin-right:auto;width:100%;max-width:600px}.now-playing__artist{margin-bottom:1em;font-family:"Louize"}.now-playing__status{margin-bottom:1em}.now-playing__cover{text-align:right;width:120px;height:120px;-webkit-filter:drop-shadow(5px 5px 18px rgba(0,0,0,.36470588235294116));filter:drop-shadow(5px 5px 18px #0000005d);pointer-events:all}.btn-spotify,.now-playing__side{margin-top:20px}.btn-spotify{background-color:#fff;border-radius:28px;display:inline-block;cursor:pointer;color:#000;font-family:Helvetica,sans-serif;font-size:17px;text-decoration:none;transition:width .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-transform:uppercase;padding:16px 60px}.btn-spotify.disabled{opacity:.5}.spotify-icon{position:absolute;display:block;left:calc(50% - 100px);-webkit-transform:translate(-50%);transform:translate(-50%);margin-bottom:10px;width:40px;top:20%}.btn{margin-top:20px;background-color:#fff;border-radius:28px;display:inline-block;cursor:pointer;color:#000;font-family:Helvetica,sans-serif;font-size:17px;padding:16px 31px;text-decoration:none;transition:width .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out,-webkit-transform .3s ease-in-out}.btn-spotify:active:not(.disabled){position:relative;top:1px}img{background:transparent}.fade-in{opacity:0;transition:opacity .5s ease-in-out}.fade-in.active{opacity:1}@font-face{font-family:"Louize";src:url(/static/media/Louize-Regular.7cf16bd0.ttf) format("truetype"),}.align-centre{display:block;margin-left:auto;margin-right:auto}.control{margin-top:15px;height:40px}.share{padding-top:10%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation-name:fade-translate;animation-name:fade-translate;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.animation-text-wipe,.share{opacity:0}.animation-text-wipe.animate-in{-webkit-animation-name:fade-translate;animation-name:fade-translate;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.share-canvas{max-width:70vw;max-height:70vw;width:400px;height:400px;border-radius:8px;margin-left:auto;margin-right:auto;display:block;margin-top:30%}.share-screen{position:fixed;width:100%;height:100%;z-index:1;-webkit-animation-name:background-blur;animation-name:background-blur;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.share-button{position:absolute;right:10px;top:10px;font-weight:700;font-size:16pt;background-color:rgba(0,0,0,.202);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:40;transition:background-color .3s ease-in-out,opacity .3s ease-in-out}.share-button.inactive{pointer-events:none;opacity:0}.share-button:hover{background-color:rgba(0,0,0,.402)}.video-player{object-fit:contain}@-webkit-keyframes text-wipe-translate{0%{opacity:1;-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9);-webkit-mask-position:100%}60%{-webkit-mask-position:40%;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}to{opacity:1;-webkit-mask-position:0}}@keyframes text-wipe-translate{0%{opacity:1;-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9);-webkit-mask-position:100%}60%{-webkit-mask-position:40%;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}to{opacity:1;-webkit-mask-position:0}}@-webkit-keyframes fade-translate{0%{opacity:0;-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9)}60%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}to{opacity:1}}@keyframes fade-translate{0%{opacity:0;-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9)}60%{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}60%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:1}}@keyframes fade{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}60%{-webkit-transform:scale(1);transform:scale(1)}to{opacity:1}}@-webkit-keyframes text-wipe{0%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9);-webkit-mask-position:100%}60%{-webkit-mask-position:40%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-mask-position:0}}@keyframes text-wipe{0%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9);-webkit-mask-position:100%}60%{-webkit-mask-position:40%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-mask-position:0}}@-webkit-keyframes background-fade{0%{background:#000}to{background:rgba(0,0,0,.328)}}@keyframes background-fade{0%{background:#000}to{background:rgba(0,0,0,.328)}}@-webkit-keyframes background-blur{0%{background-color:transparent}to{background-color:rgba(0,0,0,.5019607843137255)}}@keyframes background-blur{0%{background-color:transparent}to{background-color:rgba(0,0,0,.5019607843137255)}}@-webkit-keyframes expand{0%{opacity:0;width:0}to{opacity:1;width:320px}}@keyframes expand{0%{opacity:0;width:0}to{opacity:1;width:320px}}@media screen and (min-width:768px){.spotify-icon{left:calc(50% + 120px);top:74px}.logo{max-width:700px}.anna-title{font-size:35pt}.now-playing__side{font-size:15pt}.now-playing__name{font-size:20pt}.mask{padding:110px;margin-left:auto;margin-right:auto;margin-bottom:-100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.video-player{width:100%;height:100%;cursor:pointer;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;z-index:-1}.video-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:-1}@media screen and (max-width:767px){.video-player{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=main.4e99f5da.chunk.css.map */