.theme--light.v-application{background:transparent!important}.sound-control img{width:90px;height:auto;cursor:pointer}.sound-control{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;margin-bottom:2em}.range{-webkit-appearance:none;background:#bbd6db;outline:none;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 5px #8fddf0;z-index:1}.range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#196aad;cursor:pointer;border:4px solid #54bfdb;box-shadow:-407px 0 0 400px #8fddf0}img{filter:invert(100%)}.mix-contain{display:flex;justify-content:center}.mix{cursor:pointer;margin-bottom:10px;display:flex;flex-direction:row;align-items:center;gap:5px;line-height:1;white-space:nowrap}.mix:first-child{margin-top:10px}.mix img{width:12px;filter:invert(29%) sepia(100%) saturate(1041%) hue-rotate(183deg) brightness(89%) contrast(86%);margin-bottom:3px}#loading{display:inline-block;width:25px;height:25px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.random-options{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;margin-bottom:3em}.options{color:#196aad;background:#bbd6db;border:1px solid #196aad;padding:10px;border-radius:60px;cursor:pointer;font-family:Dongle;padding-top:3px;font-size:22px;padding-bottom:3px;min-width:80px;z-index:1;text-align:center}.creation_conatiner{position:relative}.creations{position:absolute;background:#bbd6db;z-index:1;font-size:18px;font-family:Dongle;max-height:200px;overflow:auto;padding:10px;color:#186aad;min-width:80px;max-width:90px;overflow-x:hidden;border-radius:10px;top:31px}.cheveron{width:15px;height:15px;margin-bottom:3px;filter:invert(28%) sepia(75%) saturate(1249%) hue-rotate(182deg) brightness(99%) contrast(87%)}.mix-cheveron{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.sound-container{display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:30px}#toast{visibility:hidden;min-width:250px;background-color:#bbd6db;box-shadow:0 3px 8px rgba(0,0,0,.24);color:#186aad;text-align:center;border-radius:10px;padding:12px;position:fixed;z-index:100000;bottom:30px;font-size:24px;font-family:Dongle;left:50%;transform:translate(-50%);line-height:1}#toast.show{visibility:visible;animation:fadein .5s,fadeout .5s 3s}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}input[type=text]{height:50px!important}.play-controls{margin:0 auto}input[type=submit]{background:#bbd6db}.control-btn{background:transparent;border:none}.control-btn img{width:35px;cursor:pointer;filter:invert(85%) sepia(4%) saturate(958%) hue-rotate(141deg) brightness(101%) contrast(88%)}@media screen and (max-width:560px){input[type=text]{max-height:50px!important}input[type=submit]{max-height:45px!important}}.box{width:40%;margin:0 auto;background:hsla(0,0%,100%,.2);padding:35px;border:2px solid #fff;border-radius:20px/50px;background-clip:padding-box;text-align:center}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;z-index:10000;display:flex;justify-content:center;align-items:center;overflow:hidden}.overlay:target{visibility:visible;opacity:1}.overlay.hide{display:none}.popup{margin:70px auto;padding:20px;background:#293248;border-radius:5px;width:100%;max-width:600px;position:relative;transition:all 5s ease-in-out;background-repeat:no-repeat;background-size:cover;max-height:80vh;overflow-x:hidden;overflow-y:scroll}.popup h2{margin-top:0;color:#87b2d9;font-family:Tahoma,Arial,sans-serif;margin:0 auto;width:-moz-fit-content;width:fit-content;font-family:Coiny;font-size:35px;display:flex;align-items:center;gap:15px}.popup h2 img{width:30px;height:30px;filter:invert(75%) sepia(17%) saturate(939%) hue-rotate(176deg) brightness(90%) contrast(87%);margin-bottom:10px}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:35px;font-weight:700;text-decoration:none;color:#333}.popup .content{max-height:30%;color:#fff;text-align:center;font-family:Coiny;font-size:20px}p{margin-top:0}.error{color:#87b2d9}@media screen and (max-width:700px){.box{width:70%}.popup{width:85%}}.form-container{display:flex;flex-direction:column;justify-content:center;padding-bottom:22px;margin-top:1em}input[type=submit]{background:#87b2d9;color:#196aad;border:none;padding:10px;border-radius:45px;min-height:47px;top:0;min-width:80px;font-weight:800;right:5em;top:-5px;position:relative;cursor:pointer;height:50px;max-height:50px;font-size:14px}input[type=text][placeholder]{color:#656d79;font-size:15px;font-weight:500;outline:none}form{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;right:-30px}input[type=text]{background-color:#f7f8ff;border-radius:45px;font-size:15px;height:50px;border:none;padding-left:15px;min-width:50%;margin-bottom:10px;border:1px solid #186aad;max-height:50px}.guest{font-size:15px}#popup1 input[type=submit]{max-width:none!important;right:4.5em!important;font-size:14px;min-height:50px}@media screen and (max-width:560px){.popup h2 img{display:none}.popup h2{text-align:center}}.fixed-btn{position:fixed!important;right:-55px;top:50%;transform:translateY(-50%);background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transform:rotate(270deg);color:#196aad!important;background:#bbd6db!important}.vue-reaction img{filter:none!important}.dialog-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:50px!important}textarea{border:2px solid grey!important;border-radius:10px!important;padding:7px!important}.v-text-field>.v-input__control>.v-input__slot:after,.v-text-field>.v-input__control>.v-input__slot:before{content:none!important}.btn-container{display:flex;justify-content:space-between}.btn-container button{color:#196aad!important;background:#bbd6db!important}.vue-feedback-reaction{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:15px}.vue-reaction img{height:70px!important}@media (max-width:650px){.fixed-btn{width:100%!important;margin:auto!important;bottom:0!important;transform:rotate(0deg);position:static!important;height:60px!important;font-size:16px!important}}@media (max-width:391px){.reaction:nth-child(5){margin-left:10px!important}.reaction:nth-child(4){margin-right:10px!important}}.nav-link{font-size:30px}body,html{margin:0;padding:0;border:0}.bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.bg,.bg.night{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/img/night.9f20be3c.svg);background-size:cover;background-position:50%;background-repeat:no-repeat}.bg.rain{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/img/rain.f875f4af.svg);background-size:initial;background-position:0 0;background-repeat:repeat}.bg.leaves{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/img/darkLeaves.fcc48520.svg);background-size:initial;background-position:0 0;background-repeat:repeat}.name{text-transform:capitalize}.container{border-radius:60px;max-width:900px;margin:0 auto;padding:20px;padding-top:0}.welcome_user{font-family:Coiny;color:#bbd6db;font-size:45px;margin:0 auto;width:-moz-max-content;width:max-content;opacity:0;margin-top:1.5em}.welcome_user.show{opacity:1;animation:fadeIn 1s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:545px){.sound-container{grid-template-columns:1fr 1fr!important}.welcome_user{width:90%;text-align:center}}@media (max-width:437px){input[type=text]{min-width:75%!important}.random-options{flex-wrap:wrap}}@media (max-width:280px){.sound-container{grid-template-columns:1fr!important}}