.rating{transform-origin:0;max-width:450px;animation:.2s ease-in-out slideIn}.rating header{color:rgba(51,51,51,.7);text-align:center;font-size:14px;font-weight:600}.rating .rating-stars{justify-content:center;margin-top:18px;display:flex}.rating .rating-stars .rating-star{cursor:pointer;background:url(/rating-star-off.svg) 0 0/45px no-repeat;flex:none;width:52px;height:52px}.rating .rating-stars .rating-star.star-on{background-image:url(/rating-star-on.svg)}.rating .rating-stars .rating-star.star-fade{opacity:.5}
@keyframes moveUp{0%{opacity:0;bottom:-100px}}.generate-wrapper{width:100%;transition:opacity .5s;position:absolute;top:0;left:0}.generate-wrapper.loading button{pointer-events:none;position:relative}.generate-wrapper.loading button .text{opacity:.1}.generate-wrapper.loading button .lds-spinner{width:15px;height:15px;position:absolute;top:1px;left:35%;transform:scale(.3)}.generate-block{width:100%;animation:.6s moveUp;position:absolute;bottom:0}.generate-block .generate-container{justify-content:center;max-width:800px;margin-left:auto;margin-right:auto;display:flex}.generate-block .generate-container .generate-card{color:#fff;background:linear-gradient(90deg,#fd6555,#fd8797);border:none;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;width:calc(100% - 80px);max-width:330px;padding:17px 22px 14px;font-size:14px;font-weight:700;display:flex;box-shadow:8px 20px 17px rgba(132,0,0,.2)}.generate-block .generate-container .generate-card button{color:#fd6656;cursor:pointer;background:#fffafb;border:none;border-radius:20px;padding:8px 14px;font-size:14px;font-weight:700;transition:all .2s}.generate-block .generate-container .generate-card button:hover{color:#ff4936;background:#fff;transform:scale(1.04);box-shadow:0 0 10px rgba(100,0,0,.15)}
.lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.lds-spinner{color:currentColor;width:80px;height:80px;display:inline-block;position:relative}.lds-spinner div{transform-origin:40px 40px;animation:1.2s linear infinite lds-spinner}.lds-spinner div:after{content:" ";background:currentColor;border-radius:20%;width:6.4px;height:17.6px;display:block;position:absolute;top:3.2px;left:36.8px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}
.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.modal__payment-products{z-index:99;text-align:center;background:#fff;border:none;border-radius:25px;min-width:360px;padding:2rem;animation:.5s fadeIn;position:fixed;top:20%;box-shadow:0 0 20px rgba(0,0,0,.5)}dialog.modal__payment-products ul{margin:25px 0 5px;padding:0;list-style:none}dialog.modal__payment-products .product-item{color:#af6300;cursor:pointer;border:1px solid #dac3a5;border-radius:15px;margin-bottom:12px;padding:10px 0}dialog.modal__payment-products .product-item:last-child{margin-bottom:0}dialog.modal__payment-products .product-item:hover{background:#fff7ee}
.reset-button{opacity:.05;text-transform:uppercase;color:#fff;cursor:pointer;background:#fd706a;border-radius:8px;justify-content:center;align-items:center;height:20px;padding:0 6px;font-size:9px;font-weight:800;line-height:1;display:flex;position:fixed;bottom:110px;right:14px}.reset-button:hover{opacity:1}@media only screen and (min-width:500px){.reset-button{bottom:140px}}
.header{height:var(--header-height);z-index:1;flex:none;align-items:center;width:100%;display:flex;position:-webkit-sticky;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;column-gap:12px;width:100%;display:flex}.header>*{font-size:14px;font-weight:400;line-height:1}.header .logo{cursor:pointer;width:112px;height:35px;margin-right:auto}
.header .reset{animation:.25s fadeIn}.header .reset .btn-new-song{color:#fc6758;text-wrap:nowrap;background:url(/icon-new-song.svg) 10px/22px no-repeat;border:none;outline:2px solid #fc6758;align-items:center;height:40px;padding:0 15px 0 38px;display:flex}@media only screen and (min-width:500px){.header .reset .btn-new-song{background:url(/icon-new-song.svg) 16px no-repeat;padding-left:48px}}
.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.modal__new-song{z-index:99;text-align:center;background:#fff;border:none;border-radius:25px;min-width:360px;max-width:calc(100% - 24px);padding:2rem;font-size:15px;animation:.5s fadeIn;position:fixed;top:20%;box-shadow:0 0 20px rgba(0,0,0,.5)}dialog.modal__new-song .controls{justify-content:space-between;column-gap:10px;margin-top:20px;display:flex}dialog.modal__new-song .controls .btn{min-height:40px;padding:8px 14px 7px;line-height:1}dialog.modal__new-song .controls .btn-cancel{color:#98b001;border-color:#98b001}@media only screen and (min-width:500px){dialog.modal__new-song{max-width:450px}}
.header .balance{animation:.25s fadeIn}.header .balance .label{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:url(/icon-balance.svg) 0 no-repeat;border:none;align-items:center;height:40px;padding-left:27px;display:flex}@media only screen and (min-width:500px){.header .balance{margin-right:16px}.header .balance .label{padding-left:30px}}