.no-ads-modal-container .no-ads-heading{color:#fff}.no-ads-modal-container .no-ads-heading .image-container{aspect-ratio:1;width:25px}.no-ads-modal-container .no-ads-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(269deg,#202529fc .64%,#294154fc 99.44%);border-radius:24px;width:300px;padding:20px 30px;top:40px;right:0;transform:translate(40%);box-shadow:0 4px 4px #00000040}.no-ads-modal-container .no-ads-modal .main-image{aspect-ratio:1;width:75px}.no-ads-modal-container .no-ads-modal .description-container{gap:10px;font-size:14px}.no-ads-modal-container .no-ads-modal .description-container .image-container{aspect-ratio:1;width:30px;margin-right:10px}.no-ads-modal-container .no-ads-modal .price-container{background:#0006;border-radius:32px;gap:10px;padding:24px;font-size:28px;line-height:1}.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{opacity:.7;font-size:14px}@media (min-width:768px){.no-ads-modal-container .no-ads-heading .heading-text{display:flex}.no-ads-modal-container .no-ads-heading .image-container{margin-right:10px}.no-ads-modal-container .no-ads-modal{transform:translate(27%)}}
.login-modal-container .hint{color:#ffffff7f;font-size:12px}.login-modal-container .login-btn{background:linear-gradient(90deg,#00c959 0%,#00875c 100%)}.login-modal-container .login-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(269deg,#202529fc .64%,#294154fc 99.44%);border-radius:24px;width:320px;padding:30px;top:50px;right:0;transform:translate(19%);box-shadow:0 4px 4px #00000040}.login-modal-container .login-modal .btn-container{width:100%}.login-modal-container .login-modal .btn-container button{background:0 0;border:1px solid #00c565;border-radius:8px;padding:10px 25px;font-size:14px}.login-modal-container .login-modal .link-btn{margin:0 3px;font-size:12px}.login-modal-container .login-modal .login-error{color:#dc3545}@media (min-width:768px){.login-modal-container .login-modal{transform:translate(5%)}.login-modal-container .login-btn{padding:8px 21px}}
@keyframes loadingAnimation{0%{background-position:200% 0}to{background-position:-200% 0}}.user-modal-container .login-image{color:#666;background:linear-gradient(269deg,#202529fc .64%,#294154fc 99.44%);border-radius:32px;padding:5px 18px}.user-modal-container .login-image .image-container{aspect-ratio:1;width:25px}.user-modal-container .user-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(269deg,#202529fc .64%,#294154fc 99.44%);border-radius:24px;width:290px;padding:20px 30px;top:40px;right:0;transform:translate(15%);box-shadow:0 4px 4px #00000040}.user-modal-container .user-modal .email{white-space:nowrap;text-overflow:ellipsis;width:230px;overflow:hidden}.user-modal-container .placeholder-animation{background:linear-gradient(269deg,#202529e6 .64%,#294154e6 99.44%) 0 0/200% 100%;border-radius:32px;width:61px;height:35px;animation:1s infinite loadingAnimation;display:flex}@media (min-width:768px){.user-modal-container .user-modal{transform:translate(5%)}}
.header{--logo-width-with-margin:125px;--header-height:60px;--gap:10px;padding-top:env(safe-area-inset-top);height:var(--header-height);color:#fff;z-index:10;gap:var(--gap);-webkit-backdrop-filter:blur(16px);background-color:#000c;justify-content:space-between;position:sticky;top:-1px;left:0;right:0}.header .header-content,.header .header-actions{gap:var(--gap)}.header.with-login .header-content{min-width:0}.header .logo .image-container{width:120px;height:var(--header-height);margin-right:5px}.header .recently-played-container{display:none}.header .hamburger .image-container{width:30px;height:30px}.header .external-links-container{gap:var(--gap)}.header .external-links-container .link-btn{color:#fff}.header .external-links-container .link-btn:hover{color:#00c565}.header-modal.modal-container .modal{background:0 0;border-radius:0}.header-modal.modal-container .modal-header{display:none}.header-modal.modal-container .modal-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(269deg,#202529e6 .64%,#294154e6 99.44%);height:100dvh}.header-modal.modal-container .header-modal-body hr{background:#00c565;border:none;height:.5px;margin-bottom:20px}.header-modal.modal-container .header-modal-body .external-links-container{gap:30px}@media (min-width:375px){.header{--gap:20px}}@media (min-width:768px){.header{--header-height:75px}.header .recently-played-container{width:calc(100% - var(--logo-width-with-margin) - var(--gap));display:flex;position:relative}}@media (min-width:1250px){.header .hamburger,.header .header-modal.modal-container{display:none}.header .external-links-container{display:flex}}
.language-selector-container .link-btn{color:#fff;font-size:18px}.language-selector-container .link-btn .image-container{width:15px;height:15px;margin-top:2px;margin-left:5px}.language-selector-container .language-selector{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(269deg,#21252999 .64%,#2f415399 99.44%);border-radius:24px;grid-template-columns:1fr 1fr;gap:20px;padding:30px;display:grid;bottom:30px;box-shadow:0 4px 4px #00000040}.language-selector-container .language-selector .language.link-btn{text-align:left;color:#00c565;font-size:16px}
.footer{gap:10px}.footer .footer-icons{right:20px}.footer .footer-icons .image-container{width:40px;height:40px}.footer .footer-icons .image-container:last-child{margin-top:5px;margin-left:5px}.footer .footer-left{flex:1;gap:10px}.footer .footer-left .link-btn{color:#fff;width:max-content;font-size:18px}.footer .footer-right{flex:1;gap:15px;padding-top:55px}.footer .footer-right .link-btn{white-space:nowrap;color:#fff;text-overflow:ellipsis;gap:10px;width:max-content;max-width:135px;font-size:18px;overflow:hidden}.footer .footer-right .link-btn:hover,.footer .footer-left .link-btn:hover{color:#00c565}@media (min-width:375px){.footer .footer-icons{right:30px}}@media (min-width:500px){.footer .footer-right .link-btn{max-width:unset}}@media (min-width:1350px){.footer{gap:0;height:60px}.footer .footer-icons{left:50%;right:unset;align-items:center;transform:translate(-50%)}.footer .footer-icons .image-container:last-child{margin-top:10px}.footer .footer-left{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.footer .footer-right{flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;padding-top:0}}