.hgi{width:100%;display:flex;flex-direction:column;gap:8px}.hgi:hover .hgi_img_cnt{background:transparent}.hgi div{display:flex;align-items:center;flex-direction:row;justify-content:center;justify-items:center}.hgi div.hgi_img_cnt{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--block-radius-L, 12px);overflow:hidden;-webkit-user-select:none;user-select:none;background:#1d1d1d;transition:background .2s ease}.hgi div.hgi_img_cnt img{position:absolute;width:100%;height:100%;-webkit-user-drag:none;user-select:none;pointer-events:none;object-fit:contain;display:block}.hgi div.hgi_price{justify-content:flex-start;gap:8px}.hgi div.hgi_price p{color:var(--foreground-base, #f5f9ff);font-size:16px;font-style:normal;font-weight:600;line-height:24px;white-space:nowrap}.hgi div.hgi_price mark{font-variant-numeric:tabular-nums;line-height:12px;border-radius:var(--component-radius-x6, 6px);background:var(--variant-utility-default, #f866b3);padding:6px;color:#1f0c16;font-size:12px;font-weight:500}@media(max-width:768px){.hgi div.hgi_price mark{padding:6px 4px;font-size:10px}}.hgi div.hgi_price span{text-decoration:line-through;color:#9a9fa7;font-size:12px;font-weight:500}@media(max-width:1280px){.hgi div.hgi_price span{display:none}}.hgi .hgi_title{color:var(--foreground-base, #f5f9ff);text-overflow:ellipsis;font-size:var(--font-size-by-xL, 16px);font-style:normal;font-weight:500;line-height:var(--font-line-height-by-xL, 24px);transition:color .2s ease}.hgi:hover .hgi_title{color:#5fffbb}.hgi .hgi_type{overflow:hidden;color:#9a9fa7;text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.hgi_loader .hgi_price{align-self:flex-start;width:80px;max-width:100%;min-height:24px}.hgi_loader .hgi_title{align-self:flex-start;width:160px;max-width:100%;min-height:24px}.hgi_loader .hgi_type{align-self:flex-start;width:100px;max-width:100%;min-height:16px}.hgi_loader .hgi_price,.hgi_loader .hgi_title,.hgi_loader .hgi_type,.hgi_loader div.hgi_img_cnt{position:relative;background:#2b2c31;border-radius:9px;overflow:hidden}.hgi_loader .hgi_price:after,.hgi_loader .hgi_title:after,.hgi_loader .hgi_type:after,.hgi_loader div.hgi_img_cnt:after{content:"";position:absolute;top:0;left:0;width:110%;height:110%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 30%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 70%,transparent);transform:translate(-200%);animation:loaderBlink 3s steps(24,end) infinite;will-change:transform;pointer-events:none}@keyframes loaderBlink{0%{transform:translate(-110%) skew(35deg)}13%{transform:translate(110%) skew(15deg)}to{transform:translate(110%) skew(15deg)}}.filters-wrapper{display:flex;align-items:center;gap:.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.filters-wrapper::-webkit-scrollbar{display:none}.filter-tab{padding:.625rem 1.25rem;border-radius:26px;border:1px solid rgba(255,255,255,.1019607843);color:#fff;font-size:14px;line-height:16px;font-weight:500;transition:all .3s ease-in-out;cursor:pointer;white-space:nowrap;background:transparent}@media(min-width:768px){.filter-tab{font-size:16px;line-height:20px}}.filter-tab--active{cursor:default;border-color:transparent;background:linear-gradient(89.8deg,#ff008a -15.09%,#ff3e60 99.82%)}.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.recommend-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.game-item{width:100%;object-fit:cover;max-width:none!important}.game-item .hgi_img_cnt{aspect-ratio:1/1!important}.game-item img{max-width:none!important}.top-up-w-list{display:flex;align-items:flex-start;gap:4px;align-self:stretch;padding:0 16px;overflow-x:auto;scrollbar-width:none}.top-up-w-list::-webkit-scrollbar{display:none}@media(min-width:1280px){.top-up-w-list{padding:0;overflow-x:visible}}.top-up-w-list-item{display:flex;width:90px;min-width:90px;height:112px;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:transparent;border:none;padding:0;color:inherit}.top-up-w-list-item:focus-visible{outline:2px solid #00ff93;outline-offset:2px;border-radius:12px}@media(min-width:1280px){.top-up-w-list-item{height:120px}}.top-up-w-list-item__image{width:72px;height:72px;aspect-ratio:1/1;background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:12px;background-color:#ffffff1a;display:block}.top-up-w-list-item__title{color:#fff;text-align:center;font-size:12px;font-weight:600;line-height:16px}.top-up-w-list-item--selected .top-up-w-list-item__title{color:#00ff93}.top-up-w-list-item--selected .top-up-w-list-item__image{outline:1px solid #00ff93;outline-offset:-1px}.top-up-w-product-select{width:100%}.top-up-w-product{display:inline-flex;align-items:center;gap:8px;flex:1;min-width:0}.top-up-w-product__icon{display:inline-flex;width:24px;height:24px;border-radius:4px;overflow:hidden;flex-shrink:0}.top-up-w-product__icon img{width:100%;height:100%;object-fit:cover}.top-up-w-product__name{color:#fff;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.top-up-w-product__discount{background:#f866b3;color:#121212;font-size:12px;font-weight:500;padding:0 4px;border-radius:6px;line-height:20px;flex-shrink:0}.top-up-w-product__price{color:#fff;font-weight:400;margin-left:auto;white-space:nowrap;flex-shrink:0}.top-up-w-multi{display:flex;flex-direction:column;gap:16px;width:100%}.top-up-w-slot{display:flex;flex-direction:column;gap:12px;width:100%}.top-up-w-slot__currency-tabs,.top-up-w-slot__catalog-tabs{display:flex;flex-wrap:wrap;gap:8px}.top-up-w-slot__currency-tab,.top-up-w-slot__catalog-tab{padding:6px 12px;border-radius:8px;font-size:14px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .15s ease}.top-up-w-slot__currency-tab:hover,.top-up-w-slot__catalog-tab:hover{background:#ffffff26}.top-up-w-slot__currency-tab--active,.top-up-w-slot__catalog-tab--active{background:#00ff93;border-color:#00ff93;color:#121212}.top-up-w-slot__region-select{width:100%;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);padding:10px 12px;color:#fff;font-size:14px;outline:none}.top-up-w-slot__region-select:focus{border-color:#00ff9399}.top-up-w-slot__region-select option{color:#000}.top-up-w-slot__error{color:#f14842;font-size:12px}.top-up-w{position:relative;border-radius:32px;overflow:hidden;background:linear-gradient(180deg,#00ff932e -66.63%,#202127 29.43%);width:100%;color:#fff}.top-up-w--placeholder{width:100%;height:526px;border-radius:32px;background:#ffffff1a}@media(min-width:768px){.top-up-w--placeholder{height:330px}}.top-up-w__background{position:absolute;inset:0;background-size:cover;background-position:right;display:none}@media(min-width:1280px){.top-up-w__background{display:block}}.top-up-w__container{position:relative;z-index:1;display:flex;padding:24px 16px;flex-direction:column;align-items:stretch;gap:24px}@media(min-width:1280px){.top-up-w__container{padding:40px 40px 0;gap:32px}}.top-up-w__header-wrapper{display:flex;flex-direction:column;gap:16px}@media(min-width:1280px){.top-up-w__header-wrapper{gap:24px}}.top-up-w__list{margin:0 -16px;width:calc(100% + 32px)}@media(min-width:1280px){.top-up-w__list{margin:0;width:auto}}.top-up-w__info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media(min-width:1280px){.top-up-w__info{flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}}.top-up-w__subtitle{font-size:var(--font-size-hd-xL, 28px);font-weight:500;line-height:var(--font-line-height-hd-xL, 32px)}@media(min-width:1280px){.top-up-w__subtitle{font-size:var(--font-size-dp-S, 32px);line-height:var(--font-line-height-dp-S, 36px)}}.top-up-w__safety-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.top-up-w__form{display:flex;flex-direction:column;gap:16px;width:100%}@media(min-width:1280px){.top-up-w__form{flex-direction:row;align-items:flex-start;gap:24px;max-width:none}}.top-up-w__inputs{display:flex;flex-direction:column;gap:12px}@media(min-width:1280px){.top-up-w__inputs{display:grid;grid-template-columns:minmax(0,296px) minmax(0,1fr);flex:1 1 300px;width:100%;min-width:0;gap:12px}}@media(min-width:1280px){.top-up-w__inputs:has(>:nth-child(3):last-child){grid-template-columns:220px 100px 1fr}}@media(min-width:1440px){.top-up-w__inputs:has(>:nth-child(3):last-child){grid-template-columns:270px 140px 1fr}}.top-up-w__promo-code{width:100%}@media(min-width:1280px){.top-up-w__promo-code{min-width:250px;width:250px}}@media(min-width:1440px){.top-up-w__promo-code{min-width:350px;width:350px}}.top-up-w__currency-tabs,.top-up-w__catalog-tabs{display:flex;flex-wrap:wrap;gap:8px}.top-up-w__currency-tab,.top-up-w__catalog-tab{padding:8px 14px;border-radius:10px;font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;transition:background-color .15s ease}.top-up-w__currency-tab:hover,.top-up-w__catalog-tab:hover{background:#ffffff26}.top-up-w__currency-tab--active,.top-up-w__catalog-tab--active{background:#00ff93;border-color:#00ff93;color:#121212}.top-up-w__region-select{width:100%;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);padding:12px;color:#fff;font-size:14px;outline:none}.top-up-w__region-select:focus{border-color:#00ff9399}.top-up-w__region-select option{color:#000}.top-up-w__buy-button{display:flex;flex-direction:column;gap:12px;position:relative;width:100%}@media(min-width:1280px){.top-up-w__buy-button{min-width:250px;width:250px;margin-bottom:40px}}.top-up-w__agreement{margin-top:8px;width:100%;color:var(--foreground-soft, #9a9fa7);font-size:10px;font-weight:500;line-height:14px;text-align:center}.top-up-w__agreement a{color:inherit;font-weight:600;text-decoration:underline}@media(min-width:1280px){.top-up-w__agreement{position:absolute;top:calc(100% + 8px);right:0;width:360px;margin-top:0;text-align:right}}.top-up-w__server-error-message{color:#f14842;font-size:12px;line-height:16px}.activator-layout[data-astro-cid-sli2itgz]{display:flex;flex-direction:column;gap:2.5rem}@media(min-width:768px){.activator-layout[data-astro-cid-sli2itgz]{gap:3rem}}@media(min-width:1024px){.activator-layout[data-astro-cid-sli2itgz]{gap:5rem}}.visually-hidden[data-astro-cid-sli2itgz]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
