:root{--foreground:#171717;--padding-horizontal:14px;--header-height:64px;--screen-min-desktop:500px;--container-max-width:1200px}html{background-color:#faeee8;height:100%}body{height:100%;color:var(--foreground);font-family:var(--font-nunito-sans);margin:0;padding:0}input,textarea,button{font-family:var(--font-nunito-sans);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;font-weight:500}*{box-sizing:border-box}.wrapper{flex-flow:column;height:100%;display:flex}.page{scroll-behavior:smooth;flex:auto;margin-bottom:50px;overflow-x:hidden;overflow-y:auto}@media only screen and (min-width:500px){.page{margin-bottom:70px}}.container{max-width:var(--container-max-width);padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal);margin-left:auto;margin-right:auto}.bg{z-index:-1;background-image:url(/bg.jpg);background-position:0 0;background-size:cover;height:100vh;position:fixed;top:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(90deg,#fd6555 0%,#fd8797 100%);border:2px solid #c42c51;border-radius:20px;padding:15px 20px;font-size:15px;text-decoration:none}.btn:hover{background:linear-gradient(90deg,#ff7567 0%,#fc99a6 100%)}.btn:disabled{cursor:default;opacity:.5}.btn.btn-primary{color:#fc6758;background:0 0;border:2px solid #fc6758;border-radius:30px}.btn.btn-secondary{color:#515151;background:0 0;border:2px solid #9d9d9d;border-radius:30px}.overlay{z-index:88;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(90,10,0,.3);animation:.5s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}dialog{z-index:99;text-align:center;background:#fff;border:none;border-radius:20px;min-width:360px;max-width:calc(100% - 24px);padding:2rem;font-size:16px;animation:.5s fadeIn;position:fixed;top:20%;box-shadow:0 0 20px rgba(0,0,0,.5)}dialog .controls{justify-content:space-between;column-gap:10px;margin-top:20px;display:flex}dialog .controls .btn{min-height:40px;padding:8px 14px 7px;line-height:1}dialog .controls .btn-cancel{color:#98b001;border-color:#98b001}dialog:focus{outline:none}@media only screen and (min-width:500px){dialog.modal__new-song{max-width:450px}}
/*# sourceMappingURL=19c31163b28b7e64.css.map*/