.no-ads-modal-container .no-ads-heading{color:#fff}.no-ads-modal-container .no-ads-heading .image-container{width:25px;aspect-ratio:1}.no-ads-modal-container .no-ads-modal{top:40px;right:0;width:300px;padding:20px 30px;border-radius:24px;transform:translateX(20%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);background:linear-gradient(90deg,rgba(42,80,62,.25) -3.62%,rgba(14,44,30,.25) 102.49%);background:linear-gradient(269deg,rgba(32,37,41,.99) .64%,rgba(41,65,84,.99) 99.44%)}.no-ads-modal-container .no-ads-modal .main-image{width:75px;aspect-ratio:1}.no-ads-modal-container .no-ads-modal .description-container{font-size:14px;gap:10px}.no-ads-modal-container .no-ads-modal .description-container .image-container{width:30px;aspect-ratio:1;margin-right:10px}.no-ads-modal-container .no-ads-modal .price-container{gap:10px;padding:24px;line-height:1;font-size:28px;border-radius:32px;background:rgba(0,0,0,.4)}.no-ads-modal-container .no-ads-modal .price-container .btn-container .btn{padding:5px 45px}.no-ads-modal-container .no-ads-modal .error-message{color:#dc3545}.no-ads-modal-container .no-ads-modal .hint{font-size:14px;opacity:.7}@media(min-width:768px){.no-ads-heading .heading-text{display:flex}.no-ads-heading .image-container{margin-right:10px}}.login-modal-container .hint{font-size:12px;color:hsla(0,0%,100%,.4980392157)}.login-modal-container .login-modal{top:45px;right:0;width:320px;padding:30px;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);background:linear-gradient(90deg,rgba(42,80,62,.25) -3.62%,rgba(14,44,30,.25) 102.49%);background:linear-gradient(269deg,rgba(32,37,41,.99) .64%,rgba(41,65,84,.99) 99.44%)}.login-modal-container .login-modal .btn-container{width:100%}.login-modal-container .login-modal .btn-container button{font-size:14px;background:none;padding:10px 25px;border-radius:8px;border:1px solid #00c565}.login-modal-container .login-modal .link-btn{font-size:12px;margin:0 3px}.login-modal-container .login-modal .login-error{color:#dc3545}@keyframes loadingAnimation{0%{background-position:200% 0}to{background-position:-200% 0}}.user-modal-container .login-image{padding:5px 18px;border-radius:32px;color:#666;background:linear-gradient(90deg,rgba(42,80,62,.25) -3.62%,rgba(14,44,30,.25) 102.49%);background:linear-gradient(269deg,rgba(32,37,41,.99) .64%,rgba(41,65,84,.99) 99.44%)}.user-modal-container .login-image .image-container{width:25px;aspect-ratio:1}.user-modal-container .user-modal{top:40px;right:0;width:290px;padding:20px 30px;border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);background:linear-gradient(90deg,rgba(42,80,62,.25) -3.62%,rgba(14,44,30,.25) 102.49%);background:linear-gradient(269deg,rgba(32,37,41,.99) .64%,rgba(41,65,84,.99) 99.44%)}.user-modal-container .user-modal .email{width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-modal-container .placeholder-animation{display:flex;width:61px;height:35px;border-radius:32px;background:linear-gradient(269deg,rgba(32,37,41,.9) .64%,rgba(41,65,84,.9) 99.44%);background-size:200% 100%;animation:loadingAnimation 1s infinite}.header{--logo-width-with-margin:125px;--header-height:60px;--gap:10px;padding-top:env(safe-area-inset-top);height:var(--header-height);position:-webkit-sticky;position:sticky;color:#fff;top:-1px;left:0;right:0;z-index:10;background-color:rgba(0,0,0,.8);backdrop-filter:blur(16px);justify-content:space-between;-webkit-backdrop-filter:blur(16px)}.header,.header .header-actions,.header .header-content{gap:var(--gap)}.header.with-login .header-content{min-width:0}.header .logo .image-container{width:120px;margin-right:5px;height:var(--header-height)}.header .recently-played-container{display:none}@media(min-width:768px){.header{--header-height:75px;height:var(--header-height)}.header .recently-played-container{display:flex;position:relative;width:calc(100% - var(--logo-width-with-margin) - var(--gap))}}