.navigation{position:absolute;bottom:0;margin:auto;align-self:center;width:100%;height:4rem;z-index:1;display:flex;color:#fff;align-items:center;align-self:flex-end;justify-content:space-evenly;text-align:center}.navigation svg{transition:.2s ease-in;color:#00000046}.navigation svg:hover{color:#000000b1}.navigation .swapper{width:75%;display:flex;align-items:center;justify-content:space-between}.navigation .user-count{color:#676565;display:flex;align-items:center;text-align:center;font-family:Questrial,sans-serif}.navigation .user-count .digits{left:-9px;top:-8px;font-size:1rem;position:relative;text-align:center;height:1.2rem;width:1.2rem;font-weight:700;color:#08c108}@media only screen and (max-width:786px){.navigation{width:100%;display:block;height:3rem;left:0;top:initial;bottom:0;position:absolute;justify-content:space-around;z-index:1;display:flex;color:#fff;background:#fff;bottom:.25rem}.navigation .swapper{width:85%}}.room{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:96vh;max-height:1000px;width:33rem;display:flex;margin:auto;border-radius:2rem;flex-direction:column;-webkit-box-shadow:0px 5px 6px 0px rgba(0,0,0,.15);-moz-box-shadow:0px 5px 6px 0px rgba(0,0,0,.15);box-shadow:0 5px 6px #00000026;background:#fff;overflow:hidden}.room iframe{position:relative;margin:1rem;display:block;border:none}.room a{text-decoration:none;color:inherit}.room h2{font-family:Comfortaa,cursive;color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:2rem;margin-top:0rem;background:#0a0a0a;padding:1.5rem}.room .instagram-slide{display:flex;flex-direction:column;align-items:start;background:#ac0e28;height:98%}.room .instagram-slide p{margin:.5rem 0;font-family:Comfortaa,cursive;color:#fff}.room .instagram-slide img{border-radius:1rem;width:30%}.room .instagram-tile{display:flex;flex-direction:row;margin:1rem 1rem 3rem;align-items:center;background:maroon;padding:1.5rem 1rem;font-size:.8rem;color:#fff;border-radius:1rem}.room .instagram-tile .tile-text{width:70%}.room .header{position:relative;top:0;left:0;justify-content:space-between;display:flex;width:100%;padding:0 4rem 0 2rem;background:#f44336;border-radius:2rem 2rem 0 0;height:5rem;align-items:center}@media(max-width:600px){.room .header{height:4rem}}.room .share{width:1.4rem;height:1.4rem;color:#fff;position:absolute;right:1rem;z-index:10;transition:.2s ease-in-out}.room .share:hover{cursor:pointer;color:#464646}.room .slider-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:100%;bottom:0}.room .title{align-self:center;color:#fff;font-family:Questrial,sans-serif;font-family:Righteous,cursive;font-family:Maven Pro,sans-serif;font-family:Comfortaa,cursive;font-size:3rem}@media(max-width:600px){.room .title{font-size:2.2rem}}@media(max-height:900px){.room .title{font-size:1.6rem}}.room .room-code{align-items:center;justify-content:center;display:flex;font-size:1.2rem;color:#fff}.room .room-code .room-code-value{padding-left:.5rem;font-weight:600}.room .room-code .user-number{position:relative;width:3rem;display:flex}.room .slider{-webkit-animation:fadein 3s;-moz-animation:fadein 3s;-ms-animation:fadein 3s;-o-animation:fadein 3s;animation:fadein 3s}.room .slick-slider{padding:0 .5rem;width:100%;height:55%;background:#fff;position:relative}.room .slick-slider.GUEST{min-height:70%}.room .slick-slider.HOST{min-height:54%}.room .slick-list{overflow:hidden;height:100%!important}.room .slick-track{display:flex;height:100%}@media only screen and (max-width:786px){.room{width:100%;height:100.09%;position:fixed;margin:0;border-radius:0}.room .header{border-radius:0;padding:0 3rem 0 1rem;width:100%}.room .slick-slider{padding:0}.room .slick-slide{margin:0 .5rem}}@media only screen and (max-width:786px)and (max-width:600px){.room .slick-slide{margin:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}to{opacity:1}}.track{display:flex;position:relative;height:4.5rem;margin-bottom:.5rem;justify-content:space-between;-webkit-box-shadow:-1px 4px 3px -4px rgba(0,0,0,.15);box-shadow:-1px 4px 3px -4px #00000026;border-radius:.5rem;align-items:center;cursor:pointer;overflow:hidden}@media(max-width:600px){.track{width:97vw;margin:.3rem .25rem;height:4.2rem}}@media(max-height:900px){.track{height:3.8rem}}.track .queue-position{position:relative;background:#f44336;color:#fff;top:-27px;font-size:.9rem;display:flex;align-items:center;justify-content:center;z-index:1;width:1.2rem;text-align:-webkit-right;line-height:1.2rem;height:1.2rem;border-radius:0 0 .5rem}@media(max-width:600px){.track .queue-position{top:-24px;left:1px}}.track .youtube-svg{height:2rem;transition:ease-in-out .15s;box-sizing:content-box;fill:red;right:6rem;position:absolute}.track .spotify-svg{height:2rem;width:2rem;transition:ease-in-out .15s;box-sizing:content-box;right:6rem;position:absolute}.track .thumbnail-image-wrapper{position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:5.1rem;overflow:hidden;left:0;background:#000;border-bottom-left-radius:.5rem}.track .thumbnail{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:100%;left:0;position:relative}@media(max-width:600px){.track .thumbnail{width:100%}}.track .details{align-self:center;left:-2rem;position:relative}@media(max-width:600px){.track .details{width:24%;left:-5rem;margin:0 .5rem}}.track .name{color:#505050;font-size:.9rem;text-align:start;width:12rem;top:0rem;position:relative;font-family:sans-serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track .artist{color:#505050;font-size:.7rem;text-align:start;margin-top:.2rem;width:12rem;font-family:sans-serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track .added-by{position:relative;width:100%;color:#a9a9a9;text-align:start;top:-1.8rem;font-size:.9rem;display:flex;left:11.5em;align-items:center;display:none}.track .added-by .person{font-size:1rem;margin-right:.2rem;position:relative}.track .vote{display:flex;justify-content:space-between;height:100%;width:5rem}.track .vote .number-of-votes{color:#676565;margin:auto}.track .vote i{transition:.1s ease-in;color:#80464646;font-size:1.7rem;margin:auto}.track .vote i:hover{color:#f44336}@media only screen and (max-width:786px){.track .details .name{width:10rem}.track .thumbnail-image-wrapper{position:relative;left:-58px;width:4.2rem;background:#000}.track .thumbnail-image-wrapper:before{height:100%;width:100%;display:block;position:relative;content:"";background:#000}}@-moz-keyframes horizontalScroll{0%{-moz-transform:translateX(100%)}to{-moz-transform:translateX(-100%)}}@-webkit-keyframes horizontalScroll{0%{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(-100%)}}@keyframes horizontalScroll{0%{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translate(100%)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translate(-100%)}}.up-next{position:relative;display:flex;font-size:.9rem;padding:.1rem 1rem;font-weight:700;background:#f44336;color:#fff;width:fit-content;height:1.1rem;z-index:3;margin-bottom:-.1rem;border-radius:.5rem .5rem 0 0}.track:first-of-type{margin-top:0}.glow{z-index:0}.glow:before{content:"";z-index:-5;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);position:absolute;width:99999px;height:99999px;background-repeat:no-repeat;border-bottom-right-radius:.5rem;background-position:0 0;background-image:conic-gradient(#ff007f,#00fff0,#004aff,#a100ff,#ff00d4);animation:rotate 2s linear infinite}.glow:after{content:"";position:absolute;z-index:-1!important;left:8px;top:2px;width:100%;height:100%;background:#fff;border-bottom-right-radius:.5rem}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}.queue-wrapper{height:100%;position:relative;top:.5rem;margin:0 .25rem}.queue{height:83%;width:100%;overflow-y:scroll;position:relative;background:#fff;-ms-overflow-style:none;padding-bottom:1.5rem}@media(min-width:300px)and (max-width:400px){.queue{height:88%}}@-moz-keyframes load{0%{height:0}25%{height:0}to{height:19.5rem}}@-webkit-keyframes load{0%{height:0}25%{height:0}to{height:19.5rem}}@keyframes load{0%{height:0}25%{height:0}to{height:19.5rem}}@media only screen and (max-width:786px){@-moz-keyframes load{0%{height:0}25%{height:0}to{height:110vh}}@-webkit-keyframes load{0%{height:0}25%{height:0}to{height:110vh}}@keyframes load{0%{height:0}25%{height:0}to{height:110vh}}}.queue::-webkit-scrollbar{width:0!important}.no-tracks{text-align:center;color:#999;font-size:1rem;height:84%}.GUEST .chat{height:47rem}.HOST .chat{height:88%}.slick-slide>div:first-child{height:100%}.chat{margin-top:1rem}.chat .message-window{overflow:scroll;padding:0 1rem;height:62%;overflow:-moz-scrollbars-none;-ms-overflow-style:none}@media(max-width:600px){.chat .message-window{height:47vh}}@media(min-height:800px){.chat .message-window{height:63%}}.chat .message-window::-webkit-scrollbar{width:0!important}.chat .message-wrapper{width:100%;display:flex;justify-content:flex-end}.chat .message-text{background:#ff707a;width:fit-content;padding:.3rem 1rem;margin:.1rem 0;border-radius:10px}.chat .message-text span{display:flex}.chat .message-text img{padding-left:.2rem}.chat .only-emoji{font-size:2rem}.chat .message-username{font-size:.5rem;text-align:end}.chat .message-field{width:100%;height:4.5rem;align-self:flex-end;display:flex;align-items:center;justify-content:space-evenly}.chat svg{position:relative;top:-3rem;left:38%;color:#f44336}.chat .message-input{cursor:pointer;width:80%;height:55%;border:none;font-size:1rem;padding:0 1rem;background:#ffecec;border-radius:2rem;outline:none;text-align:center}@media only screen and (max-width:786px){.chat .message-field{position:relative;bottom:.5rem}.chat svg{top:-3.5rem}}.search{display:flex;width:100%;position:relative;align-items:center;z-index:10;bottom:1.5rem}@media(max-height:900px){.search{bottom:3rem}}.search .search-field{width:100%;height:4rem;display:flex;position:relative;align-items:center;border-radius:.5rem}.search .search-input{width:100%;height:2.5rem;border:none;font-size:1rem;padding:0 1rem;margin:0 1rem;border-radius:2rem;color:#030303;outline:none;text-align:center;transition:.25s ease-in-out}@media(max-width:600px){.search .search-input{width:83%;height:2.3rem}}.search .search-input::-webkit-input-placeholder{color:#484848;font-size:1rem;text-align:center}.search .search-input::-moz-placeholder{color:#484848;font-size:1rem;text-align:center}.search .search-input:-ms-input-placeholder{color:#484848;font-size:1rem;text-align:center}.search .search-input::placeholder{color:#484848;font-size:1rem;text-align:center}.search input:focus::placeholder{transition:.25s ease-in-out;color:transparent}.search .drop-down{display:flex;position:absolute;right:2rem;align-items:center}.search .drop-down:hover{cursor:pointer}.search .drop-down-icon{color:#f44336}.search .search-icon{margin-left:.5rem;color:#1c1b1bc9}.search .search-icon:hover{color:#000}.search .close-icon{color:#1c1b1bc9;position:relative;right:-.1rem;padding:.49rem;border-top-right-radius:50%;border-bottom-right-radius:50%;z-index:2}.search .close-icon:hover{color:#f44336}.search .youtube-svg{height:1.9rem;transition:ease-in-out .15s;box-sizing:content-box;fill:red}.search .youtube-svg:hover{height:2.2rem}.search .spotify-svg{height:2.2rem;width:2.2em;transition:ease-in-out .15s;box-sizing:content-box}.search .spotify-svg:hover{height:2.7rem}.search .loading{display:flex;position:absolute;top:3.02rem;left:1.8rem;width:88%}.search .loading span{border-bottom-right-radius:100%;border-bottom-left-radius:100%}@media only screen and (max-width:786px){.search{border-radius:1rem}.search .queue-position{left:3.8rem}.search .thumbnail-image-wrapper{width:5rem}}.search-results{position:absolute;top:0rem;max-height:82%;width:100%;z-index:-1;overflow:scroll;transition:.5s ease-in-out;z-index:1;overflow:-moz-scrollbars-none;-ms-overflow-style:none;padding:0;-webkit-user-select:none;user-select:none}@media(max-width:600px){.search-results{top:-.1rem;width:95vw;margin:0;max-height:82%}}.search-results i{display:flex;align-self:center;transition:.1s ease-in;color:#00000046;font-size:1.5rem;position:relative;right:.5rem}.search-results i:hover{color:#f44336}.search-results::-webkit-scrollbar{width:0!important}.search-results .item{display:flex;height:4.5rem;margin:.7rem 0;border-radius:.75rem;justify-content:space-between;-webkit-box-shadow:-2px 4px 3px -3px rgba(0,0,0,.15);box-shadow:-2px 4px 3px -3px #00000026;cursor:pointer}@media(max-width:600px){.search-results .item{height:4rem;margin:.5rem 0;border-radius:.25rem}}.search-results .item .thumbnail-image-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:4.5rem;border-radius:.5rem 0 0 .5rem;overflow:hidden}@media(max-width:600px){.search-results .item .thumbnail-image-wrapper{border-radius:.25rem 0 0 .25rem}}.search-results .item .thumbnail{border-radius:.5rem 0 0 .5rem;height:135%}.search-results .title{color:#505050;font-size:.9rem;line-height:1rem;text-align:start;width:16rem;font-family:sans-serif;padding-left:.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.qr{position:absolute;left:8.5vw;top:17vh}.qr .invite{display:flex;justify-content:space-around;align-items:center}.qr i{font-size:2rem;display:none;color:#ff707a}.qr .title{font-family:Comfortaa,cursive;font-size:5rem;width:14rem;font-weight:bolder;text-align:left;color:#ff707a;margin-bottom:1.5rem}.qr .code{-webkit-box-shadow:0px 0px 11px rgba(51,51,51,.3098039216) inset;box-shadow:0 0 11px #3333334f inset;padding:1rem;border-radius:2rem}.qr .code path:first-of-type{fill:none}.qr .url{margin-top:1.5rem;font-size:1.3rem;color:#333}@media only screen and (max-width:786px){.qr{display:none}}#player{position:relative;display:flex;z-index:1;overflow:hidden;padding:0;margin:0;background:#000}.player-wrapper{position:relative;display:flex;padding:0;margin:0;z-index:1;background:#000}.loader{display:flex;align-items:center;justify-content:center;height:100%;z-index:2;margin-left:1rem}#wave{height:50px;width:50px;fill:#fff}#Line_1{animation:pulse 1s infinite;animation-delay:.15s}#Line_2{animation:pulse 1s infinite;animation-delay:.3s}#Line_3{animation:pulse 1s infinite;animation-delay:.45s}#Line_4{animation:pulse 1s infinite;animation-delay:.6s}#Line_5{animation:pulse 1s infinite;animation-delay:.75s}#Line_6{animation:pulse 1s infinite;animation-delay:.9s}#Line_7{animation:pulse 1s infinite;animation-delay:1.05s}#Line_8{animation:pulse 1s infinite;animation-delay:1.2s}#Line_9{animation:pulse 1s infinite;animation-delay:1.35s}@keyframes pulse{0%{transform:scaleY(1);transform-origin:50% 50%}50%{transform:scaleY(.7);transform-origin:50% 50%}to{transform:scaleY(1);transform-origin:50% 50%}}.add-service{position:absolute;background:#fff;top:5rem;z-index:1;width:100%;padding:2rem;height:100%}.add-service p{font-size:1.2rem;color:#353535;margin:0;padding:0;text-align:center;margin-bottom:2rem}.add-service ul{padding:0;margin:0}.add-service li{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0;margin:0;height:7rem;list-style:none;border-radius:.75rem;box-shadow:#63636333 0 2px 8px;margin-top:1rem;margin-bottom:3rem;padding-left:1rem}.add-service .service{display:flex;align-items:center;margin-right:2rem}.add-service .check{position:relative;right:2rem;padding:.25rem;display:flex;color:#087604;border-radius:50%;transition:ease-in-out .25s}.add-service .add{position:relative;right:2rem;padding:.25rem;display:flex;background:#66e162;border-radius:50%;transition:ease-in-out .25s}.add-service .add:hover{background:#1af013;cursor:pointer}.add-service .youtube-svg{height:4rem;transition:ease-in-out .15s;box-sizing:content-box;padding-left:.5rem;padding-right:.5rem;fill:red}.add-service .spotify-svg{height:5rem;width:5em;transition:ease-in-out .15s;box-sizing:content-box}.spotify-player{z-index:2;position:absolute;display:flex;top:5rem;background:#1e1e1e;width:528px}.spotify-player .track-image{height:100%;width:50%;padding:1.5rem;padding-right:0;z-index:3;margin-top:1rem}.spotify-player .track-image img{height:89%;border-radius:.75rem}.spotify-player .details{font-size:1.2rem;color:#fff;display:flex;width:60%;padding:0 1rem;align-content:center;flex-direction:column;justify-content:center;z-index:3}.spotify-player .name{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;height:4rem}.spotify-player .artist{font-size:1.2rem;margin-bottom:1rem}.spotify-player .is-playing{font-size:2rem}.spotify-player .progress{width:100%;height:.25rem;position:absolute;bottom:-1px;left:0;background:#07a707ee;overflow:hidden}.spotify-player .progress-bar{height:100%;background:#01ff2b;transition:.25s ease;z-index:3}.spotify-player .frosted{height:100%;width:100%;position:absolute;background:#000000a5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.spotify-player .background{position:absolute;z-index:0;height:100%;width:100%;background-position:center center;animation:panBackground 50s infinite linear}.loader-player{width:30px;aspect-ratio:1;left:70%;border-radius:50%;top:64%;background:#000;box-shadow:0 0 #00000070;animation:l2 1.5s infinite linear;position:absolute;z-index:2}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100vh}.home h1{font-size:6rem;font-weight:700;margin-bottom:1rem;position:absolute;top:0;font-family:Comfortaa,cursive;color:transparent;background-image:url(https://media.giphy.com/media/bYyr83sZ9g9LKw4sP0/giphy.gif?cid=ecf05e47drwyyr0ugfhiiy7296tc5vguciqxcnywvqz8x169&ep=v1_gifs_search&rid=giphy.gif&ct=g);-moz-background-clip:text;-webkit-background-clip:text;background-clip:text}@media(max-width:600px){.home h1{font-size:4rem}}.home .main-menu{height:16rem;width:16rem;display:flex;border-radius:2rem;align-items:center;justify-content:center;flex-direction:column;background:#ffffff34;transition:background .3s,color .3s,box-shadow .3s;animation:loop-shadow 2s infinite}.home input{width:10rem;padding:.5rem 1rem;border-radius:.25rem;background:#ffffff5b;color:#060606;outline:#f74b4b;font-family:Comfortaa,cursive;height:1.5rem;font-size:1.2rem;text-align:center;border-radius:.5rem;font-weight:700;cursor:pointer;border:none;margin-bottom:1.5rem;caret-color:transparent}.home input:focus{border:2px solid rgba(75,124,247,.5411764706)}@keyframes loop-shadow{0%,to{box-shadow:0 4px 8px #0003}50%{box-shadow:0 8px 16px #0006}}.generic-player{z-index:2;position:absolute;display:flex;top:5rem;background:#1e1e1e;width:528px;color:#fff}@media(max-width:600px){.generic-player{top:4rem}}.generic-player .track-image{height:89%;width:50%;padding:1.5rem;padding-right:0;z-index:3;margin-top:1rem}.generic-player .track-image img{height:100%;border-radius:.75rem}.generic-player .add-a-song{display:flex;position:absolute;align-items:center;justify-content:center;height:100%;padding:1.5rem;top:-4rem;width:100%;text-align:center;font-size:1.2rem}.generic-player .details{font-size:1.2rem;color:#fff;display:flex;width:60%;padding:0 1rem;align-content:center;flex-direction:column;justify-content:center;z-index:3}.generic-player .name{display:flex;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;font-size:1.4rem;width:120%;left:-9%;top:-2rem;max-width:18rem;height:4rem}@media(max-width:600px){.generic-player .name{font-size:1rem;left:0;width:100%}}.generic-player .artist{font-size:1.2rem;position:absolute;bottom:3rem;right:16%}@media(max-width:600px){.generic-player .artist{right:16%;bottom:2.5rem;font-size:.9rem}}.generic-player .is-playing{font-size:2rem;position:relative;left:1px;top:-1rem}@media(max-width:500px){.generic-player .is-playing{left:4px;bottom:-2px}}.generic-player .progress{width:100%;height:.25rem;position:absolute;bottom:-1px;left:0;background:#ae2905ee;overflow:hidden}.generic-player .progress-bar{height:100%;background:#f96b6b;transition:.25s ease;z-index:3}.generic-player .frosted{height:100%;width:100%;position:absolute;background:#000000a5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.generic-player .background{position:absolute;z-index:0;height:100%;width:100%;background-position:center center;animation:panBackground 50s infinite linear}@keyframes panDiv{0%{transform:translate(0) rotate(0)}25%{transform:translate(0) rotate(90deg)}50%{transform:translate(0) rotate(180deg)}75%{transform:translate(0) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes panBackground{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.loader-player{width:30px;aspect-ratio:1;left:72.3%;border-radius:50%;top:50.5%;background:#000;box-shadow:0 0 #00000070;animation:l2 1.5s infinite linear;position:absolute;z-index:2}.loader-player:before,.loader-player:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 #00610b80;animation:inherit;animation-delay:-.5s}.loader-player:after{animation-delay:-1s}@keyframes l2{to{box-shadow:0 0 0 40px #0000}}@keyframes flicker{0%{opacity:.2195545747}5%{opacity:.9480828658}10%{opacity:.6046343518}15%{opacity:.0933266144}20%{opacity:.3179963642}25%{opacity:.317599436}30%{opacity:.0099589065}35%{opacity:.2266099105}40%{opacity:.2448676378}45%{opacity:.4026895143}50%{opacity:.1037982778}55%{opacity:.2085468062}60%{opacity:.5468353773}65%{opacity:.9019145414}70%{opacity:.4196246281}75%{opacity:.0691280247}80%{opacity:.6603072286}85%{opacity:.0421035849}90%{opacity:.4555811047}95%{opacity:.8225942283}to{opacity:.1778369296}}.container{background:#dcdcdc;height:100%;width:100%;margin-top:4rem;position:absolute;overflow:hidden}.container:after{content:" ";display:block;position:absolute;inset:0;opacity:0;z-index:2;pointer-events:none}.container:before{content:" ";display:block;position:absolute;inset:0;z-index:2;background-size:100% 2px,3px 100%;pointer-events:none}#switch:checked~.container:after{animation:flicker .15s infinite}@keyframes turn-on{0%{transform:scaleY(.8) translateZ(0);-webkit-filter:brightness(30);filter:brightness(30);opacity:1}3.5%{transform:scaleY(.8) translate3d(0,100%,0)}3.6%{transform:scaleY(.8) translate3d(0,-100%,0);opacity:1}9%{transform:scale(1.3,.6) translate3d(0,100%,0);-webkit-filter:brightness(30);filter:brightness(30);opacity:0}11%{transform:scale(1) translateZ(0);-webkit-filter:contrast(0) brightness(0);filter:contrast(0) brightness(0);opacity:0}to{transform:scale(1) translateZ(0);-webkit-filter:contrast(1) brightness(1.2) saturate(1.3);filter:contrast(1) brightness(1.2) saturate(1.3);opacity:1}}@keyframes turn-off{0%{transform:scaleY(1.3) translateZ(0);-webkit-filter:brightness(1);filter:brightness(1);opacity:1}60%{transform:scale(1.3,.001) translateZ(0);-webkit-filter:brightness(10);filter:brightness(10)}to{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(0,.0001) translateZ(0);-webkit-filter:brightness(50);filter:brightness(50)}}.screen{width:100%;height:100%;border:none}#switch~.container>.screen{animation:turn-off .55s cubic-bezier(.23,1,.32,1);animation-fill-mode:forwards}#switch:checked~.container>.screen{animation:turn-on 4s linear;animation-fill-mode:forwards}@keyframes overlay-anim{0%{visibility:hidden}20%{visibility:hidden}21%{visibility:visible}to{visibility:hidden}}.overlay{color:#de2929;position:absolute;top:45%;left:37%;font-size:26px;visibility:hidden;pointer-events:none}#switch:checked~.container .overlay{animation:overlay-anim 5s linear;animation-fill-mode:forwards}.animation-container{position:relative;display:block;text-align:center;height:100%;width:100%;border-bottom:solid 2px #f2f1f1;overflow:hidden}.bounce{display:inline-block;position:absolute;bottom:0;left:50%;width:40px;height:40px;margin-left:-20px;background-size:contain;animation:bounceAnim 1s cubic-bezier(.63,.09,.75,.46) infinite alternate,spinAnim 3s linear infinite;filter:invert(100%);background-image:url(data:image/png;base64,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)}@keyframes bounceAnim{0%,10%{bottom:50%}to{bottom:0%}}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pebble1{position:absolute;top:98%;background-color:#f2f0f0;width:10px;height:10px;border-radius:20px 20px 0 0;animation:pebblesAnim 1s linear infinite}.pebble2{position:absolute;top:99%;background-color:#ece7e7;width:5px;height:5px;border-radius:10px 10px 0 0;animation:pebblesAnim 2s linear infinite}.pebble3{position:absolute;top:99%;background-color:#f4f4f4;width:3px;height:3px;border-radius:20px 20px 0 0;animation:pebblesAnim 3s linear infinite}@keyframes pebblesAnim{0%{right:-20%}to{right:110%}}@layer icon{.rmd-icon{font-size:var(--rmd-icon-size);color:var(--rmd-icon-color);flex-shrink:0;-webkit-user-select:none;user-select:none}.rmd-icon--svg{fill:currentcolor;height:1em;width:1em}.rmd-icon--cc{--rmd-icon-color: currentcolor}.rmd-icon--dense{--rmd-icon-size: var(--rmd-icon-dense-size)}}.rmd-icon-rotator{transform:rotate(var(--rmd-icon-rotate-from))}.rmd-icon-rotator--animate{transition:transform .15s linear}.rmd-icon-rotator--rotated{transform:rotate(var(--rmd-icon-rotate-to))}#root{margin:0;width:100%;height:100%;text-align:center;font-family:Questrial,sans-serif}div{box-sizing:border-box}html{background:#ffb3fd;height:100%;background:linear-gradient(118deg,#ffb3fd 20%,#00d4ff)}body{margin:0}button{width:8rem;padding:.5rem 1rem;border-radius:.25rem;background:#ed4f4fda;color:#fff;font-family:Comfortaa,cursive;height:3rem;font-size:1.2rem;font-weight:700;cursor:pointer;border:none;margin-bottom:1rem}button:hover{background:#f74b4b;color:#fff}.mapouter{position:relative;text-align:right;height:500px;width:600px}.gmap_canvas{overflow:hidden;background:none!important;height:500px;width:600px}#spotifyPlayer{padding:3em}#spotifyPlayer #login-cta{font-family:Open Sans,"sans-serif";color:#852;text-decoration:none;font-size:2em;font-weight:700}