:root{ color-scheme:light; --nw-нить:var(--seam); --nw-нить-ярко:transparent; --nw-свет-нить:var(--lamp); --nw-свет-тихо:color-mix(in oklab, var(--lamp) 30%, transparent); --nw-блик:transparent; --nw-трубка-свет:var(--lamp); --nw-кожа:linear-gradient(var(--stone), var(--stone)); --nw-лоск:linear-gradient(transparent, transparent); --nw-кромка:linear-gradient(transparent, transparent); --nw-кромка-тихо:linear-gradient(transparent, transparent); --nw-кромка-свет:linear-gradient(transparent, transparent); --nw-фаска:0 0 0 0 transparent; --nw-хром:0 0 0 0 transparent; --nw-строчка:1px solid transparent; --nw-заклёпки:linear-gradient(transparent, transparent); --nw-зерно:none; --nw-штрихи:none; --nw-медь:var(--cream); --nw-бронза:var(--cream); --nw-серебро:var(--cream); --nw-золото:var(--cream); --nw-платина:var(--cream); --nw-inset:var(--deep); --nw-plate:var(--cream); --nw-plate-2:color-mix(in oklab, var(--cream) 88%, #fff); --nw-мягко:color-mix(in oklab, var(--cream) 6%, var(--stone)); --nw-на-тёмном:var(--nw-brand); --nw-mi:var(--lamp); --nw-hit:var(--nw-lime); --nw-hit-ink:var(--nw-on-lime); --nw-count-ink:var(--nw-on-lime); --nw-pts:var(--nw-lime); --nw-pts-ink:var(--nw-on-lime); --nw-gift-hi:#f3dfa6; --nw-gift-lo:#b88a2c; --nw-gift-ink:var(--nw-on-lime); --nw-gift-rb:#7a1f24; --nw-warm:var(--lamp); --nw-skidka-ink:var(--nw-on-lime); --nw-pc-amber:var(--lamp); --nw-pc-gold:linear-gradient(var(--lamp), var(--lamp)); --nw-pc-gold-text:linear-gradient(var(--lamp), var(--lamp)); --nw-pc-rings:linear-gradient(var(--lamp), var(--lamp)); --nw-hint:var(--cream); --nw-sup-shade:.32; --nw-sup-blur:0px; --nw-sup-shadow:0 24px 60px -24px rgba(0,0,0,.28); --nw-sup-own:none; --nw-sup-line:var(--seam-2); --nw-sup-chip:var(--stone); } body{font-weight:500} .app, .регионы, .вопрос, .накрыльцо, .пасхалка, :root body.shell{--r-card:16px; --r-in:10px; --r-pill:999px} .app :focus-visible, :root body.shell :focus-visible{outline:2px solid var(--lamp); outline-offset:2px} .app .act{color:var(--on-lamp); background:var(--lamp); box-shadow:none; font-weight:700} .app .act:active{background:var(--lamp-lo)} :root body.shell{--sh-acc:var(--lamp)!important; --sh-sale:var(--lamp); --sh-glass:var(--stone); --sh-line:transparent; --sh-mute:var(--sand); --sh-card:var(--stone); --sh-violet:var(--lamp); background:var(--deep)} :root body.shell .sh-air{background:var(--deep)} :root body.shell .sh-air::after{display:none; background-image:none; animation:none} :root body.shell .sh-gh-scene .f1, :root body.shell .sh-gh-scene .f2{background-image:none} :root body.shell .sh-glass{background:var(--stone); border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--cream)} :root body.shell .sh-tile, :root body.shell .sh-wide, :root body.shell .sh-king, :root body.shell .sh-gh, :root body.shell .sh-n2, :root body.shell .ore{--acc:var(--lamp)!important} :root body.shell .sh-top::before{opacity:1; background:var(--deep); border-bottom:1px solid transparent; transition:border-color 200ms} :root body.shell.sh-scrolled .sh-top::before{border-bottom-color:var(--seam)} :root body.shell .sh-top::after{display:none} :root body.shell .sh-corner{border-radius:50%; width:40px; height:40px; margin:2px} :root body.shell .sh-corner::after{content:""; position:absolute; inset:-2px} :root body.shell .sh-corner .sh-ic{width:20px; height:20px} :root body.shell .sh-logo{filter:none} :root body.shell .sh-logo-metal{background:var(--cream)} :root body.shell .sh-title{font:700 17px/1.2 var(--font-display); letter-spacing:0; text-transform:none} :root body.shell .sh-tabs, :root body.shell.sh-dock .sh-tabs, :root body.shell.sh-pay .sh-tabs{background:var(--stone); border-top:1px solid var(--seam); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .sh-tab{color:var(--sand)} :root body.shell .sh-tab .sh-ic{width:24px; height:24px; stroke-width:1.8} :root body.shell .sh-tab .sh-ic .f{fill-opacity:0} :root body.shell .sh-tab-t{font:500 12px/1.1 var(--font)} :root body.shell .sh-tab.on{color:var(--lamp)} :root body.shell .sh-tab.on .sh-tab-ic{color:var(--lamp); filter:none} :root body.shell .sh-tab.on .sh-ic .f{fill-opacity:1} :root body.shell .sh-tab.on .sh-tab-t{font-weight:700} :root body.shell .sh-tab-lamp::before{background:var(--lamp); box-shadow:none} @media (max-width:1023px){ :root body.shell .sh-tab-lamp::before{top:-1px; width:34px; height:3px; margin-left:-17px; border-radius:0 0 3px 3px} } @media (min-width:744px) and (max-width:1023px){ :root body.shell .sh-tabs{border:0; box-shadow:0 12px 32px -14px rgba(0,0,0,.28)} } @media (min-width:1024px){ :root body.shell .sh-tabs{border-top:0; border-right:1px solid var(--seam)} } :root body.shell .sh-tab-lamp i{display:none} :root body.shell .sh-count{color:var(--on-lamp); background:var(--lamp); box-shadow:0 0 0 2px var(--stone)} :root body.shell.sh-dock .sh-tabs::before{display:none} :root body.shell .sh-tabs:not([data-lvl=""]) [data-tab="profile"] .m{color:inherit} :root body.shell .sh-shade{background:rgba(0,0,0,.32); -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .sh-drawer{background:var(--deep); border-right:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .sh-drawer-head{border-bottom:0} :root body.shell .sh-drawer-list .sh-grp{color:var(--sand)} :root body.shell .sh-inset, :root body.shell .sh-home-add{background:var(--stone); box-shadow:none} :root body.shell .sh-drawer-list .sh-row, :root body.shell .sh-home-add button{color:var(--cream)} :root body.shell .sh-drawer-list .sh-row + .sh-row::before, :root body.shell .sh-home-add button + button::before{background:var(--seam)} :root body.shell .sh-drawer-list .sh-row:active, :root body.shell .sh-home-add button:active{background:var(--nw-мягко)} :root body.shell .sh-drawer-list .sh-row-go, :root body.shell .sh-home-add .sh-row-go{color:var(--sand)} :root body.shell .sh-mi{background:var(--nw-мягко); color:var(--lamp); box-shadow:none} :root body.shell .sh-drawer-list .sh-row:focus-visible{outline-offset:-3px; border-radius:14px} :root body.shell .наэкран-лист, :root body.shell .вход-лист{background:var(--stone)!important; border:0!important; box-shadow:0 -12px 40px -20px rgba(0,0,0,.25)!important} :root body.shell .вход-лист::before{background:var(--seam)} :root body.shell .sh-card, :root body.shell .sh-promo, :root body.shell .sh-wide, :root body.shell .sh-tile, :root body.shell .sh-king, :root body.shell .sh-stat, :root body.shell .sh-cat-t, :root body.shell .sh-giftban, :root body.shell .sh-n2, :root body.shell .ore, :root body.shell .подр, :root body.shell .sh-gift, :root body.shell .sh-giftdone, :root body.shell .sh-ref, :root body.shell .sh-pts, :root body.shell [data-screen="orders"] .ord, :root body.shell [data-screen="orders"] .пусто-плита, :root body.shell [data-screen="order"] .cart-lines, :root body.shell [data-screen="order"] .game-box, :root body.shell [data-screen="order"] .panel, :root body.shell [data-screen="track"] .trail, :root body.shell [data-screen="track"] .plita, :root body.shell [data-screen="about"] .о-отзывы, :root body.shell [data-screen="about"] ol.steps li, :root body.shell [data-screen="about"] .asks, :root body.shell .sh-list-links{ background:var(--stone)!important; border:0!important; border-radius:16px!important; box-shadow:none!important} :root body.shell .sh-h{margin:16px 0 8px; font:700 17px/1.2 var(--font-display); letter-spacing:0; text-transform:none; color:var(--cream)} :root body.shell .sh-h small{font:500 13px/1 var(--font); color:var(--sand)} :root body.shell .sh-go{border:0; background:var(--nw-мягко); color:var(--lamp); width:32px; height:32px} :root body.shell .sh-tag-sale, :root body.shell .sh-pill-sale, :root body.shell .подр-скидка, :root body.shell .sh-promo-sale > b{background:var(--lamp)!important; color:var(--on-lamp)!important; box-shadow:none!important; animation:none} :root body.shell .sh-promo-sale > b::after, :root body.shell .sh-king .sh-tag-sale::after{display:none} :root body.shell .sh-tag{color:var(--on-lamp); background:var(--lamp)} :root body.shell .sh-wide-obj img, :root body.shell .sh-tile-obj img, :root body.shell .sh-king-obj img, :root body.shell .sh-gh-obj img, :root body.shell .ore .pile img, :root body.shell .ore .пачка-вид, :root body.shell .подр-арт img, :root body.shell .sh-n2-obj img, :root body.shell .sh-ti img, :root body.shell .sh-ord-obj img, :root body.shell .sh-stage img{ filter:drop-shadow(0 8px 8px rgba(0,0,0,.14))!important} :root body.shell .sh-king-obj i, :root body.shell .sh-tile-obj:not(.sh-cat-mark) i, :root body.shell .sh-wide-obj i, :root body.shell .sh-gh-floor, :root body.shell .sh-empty-obj i, :root body.shell .sh-empty-obj::before{display:none} :root body.shell .sh-lamp, :root body.shell .sh-metal, :root body.shell .наэкран-да{background:var(--lamp); color:var(--on-lamp); box-shadow:none; border-radius:14px; font:700 15px/1 var(--font); letter-spacing:0; text-transform:none} :root body.shell .sh-btn, :root body.shell .sh-link{color:var(--cream)} :root body.shell .sh-btn{background:var(--stone); border:0} :root body.shell .sh-king{min-height:0!important; margin-top:10px; padding:16px 14px 14px; justify-content:flex-start} :root body.shell .sh-king-scene{display:none} :root body.shell .sh-king-obj{top:6px!important; right:6px!important; width:104px!important; height:104px!important} :root body.shell .sh-king-txt{gap:6px} :root body.shell .sh-king-name{max-width:calc(100% - 110px); min-height:84px; display:flex; align-items:center; font:800 24px/1.05 var(--font-display); letter-spacing:0; text-transform:none; background:none; -webkit-background-clip:border-box; background-clip:border-box; color:var(--cream); filter:none} :root body.shell .sh-buy{gap:8px; margin-top:4px} :root body.shell .sh-buy button{min-height:56px; padding:8px 10px; border:0; border-radius:12px; background:var(--nw-inset); -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--cream)} :root body.shell .sh-buy b{font:700 14px/1.1 var(--font); white-space:normal; overflow-wrap:break-word; text-wrap:balance} :root body.shell .sh-buy small{font:600 13px/1 var(--font); color:var(--sand)} :root body.shell .sh-buy button:active{background:var(--nw-мягко)} :root body.shell .sh-promos{margin-top:10px; gap:10px} :root body.shell .sh-promo{min-height:60px; padding:8px 12px} :root body.shell .sh-promo i{font:700 14px/1.15 var(--font); color:var(--cream)} :root body.shell .sh-promo small{font:500 13px/1.2 var(--font); color:var(--sand)} :root body.shell .sh-bars i{box-shadow:none} :root body.shell .sh-giftban{margin-top:10px; min-height:60px} :root body.shell .sh-giftban b{font:700 15px/1.15 var(--font); color:var(--cream)} :root body.shell .sh-giftban small{color:var(--sand)} :root body.shell .sh-vow{margin:10px 0 0; font:500 13px/1.3 var(--font); color:var(--sand)} :root body.shell .sh-vow .sh-ic{color:var(--lamp)} :root body.shell .sh-ticker .sh-h{margin:14px 0 8px} :root body.shell .sh-ti{border:0; background:var(--stone)} :root body.shell .sh-ti small{color:var(--sand)} :root body.shell .sh-dot{box-shadow:none; background:var(--lamp)} :root body.shell .sh-wide{min-height:120px; margin-top:10px; padding:14px 16px} :root body.shell .sh-wide-obj{width:96px; height:96px; margin-right:36px} :root body.shell .sh-wide-txt b{font:700 19px/1.1 var(--font-display)} :root body.shell .sh-wide-txt small{color:var(--sand)} :root body.shell .sh-wide-txt u{font:700 15px/1 var(--font)} :root body.shell .sh-wall{gap:10px; margin-top:10px} :root body.shell .sh-tile{min-height:156px; padding:12px 14px 14px} :root body.shell .sh-tile-obj{top:10px; width:84px; height:84px} :root body.shell .sh-tile-txt b{font:700 15px/1.15 var(--font)} :root body.shell .sh-tile-txt small{font:500 13px/1.25 var(--font); color:var(--sand)} :root body.shell .sh-cat-mark i{background:var(--lamp); box-shadow:none} :root body.shell .sh-skel i{border:0; background:var(--stone)} :root body.shell .sh-gh{min-height:0; padding:calc(var(--sh-t) + 6px) var(--sh-pad) 10px} :root body.shell .sh-gh-scene{display:none} :root body.shell .sh-gh-obj{right:6px; bottom:4px; width:116px; height:116px} :root body.shell .sh-gh-txt{max-width:calc(100% - 124px); min-height:100px; justify-content:center; gap:8px} :root body.shell .sh-gh-title{font:800 26px/1.02 var(--font-display); letter-spacing:0; text-transform:none; background:none; -webkit-background-clip:border-box; background-clip:border-box; color:var(--cream); filter:none} :root body.shell .sh-gh-sub{font:500 13px/1.35 var(--font); color:var(--sand)} :root body.shell .sh-gh-live{color:var(--lamp); background:var(--nw-мягко); box-shadow:none} :root body.shell .sh-pill-time{background:var(--stone); border:0; color:var(--cream); -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .app [data-screen="catalog"] .tabs{margin-bottom:2px; padding:6px var(--sh-pad) 8px; background:var(--deep)} :root body.shell .app [data-screen="catalog"] .tab{height:40px; min-height:40px; padding:0 14px 0 10px; border:0; border-radius:999px; font:600 14px/1 var(--font); color:var(--cream); background:var(--stone)} :root body.shell .app [data-screen="catalog"] .tab .ic{color:var(--sand)} :root body.shell .app [data-screen="catalog"] .tab.on{color:var(--on-lamp); background:transparent} :root body.shell .app [data-screen="catalog"] .tab.on .ic{color:var(--on-lamp)} :root body.shell [data-screen="catalog"] .tab-pill{border:0; border-radius:999px; background:var(--lamp); box-shadow:none} :root body.shell [data-screen="catalog"] .tab-pill::after{display:none} :root body.shell .tab::before{content:""; position:absolute; inset:-2px 0} :root body.shell .подр-сетка{grid-column:1 / -1; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-top:6px} :root body.shell .подр{position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; min-height:0; padding:12px 14px 14px; text-align:left; color:var(--cream); transition:transform 160ms var(--ease-out)} :root body.shell .подр:active{transform:scale(.98)} :root body.shell .подр-арт{position:relative; display:grid; place-items:center; width:100%; height:88px; margin:0 0 6px} :root body.shell .подр-арт img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain} :root body.shell .подр-значок{width:72%; height:72%; background:var(--cur-h) center / contain no-repeat} :root body.shell .подр-имя{display:block; font:700 15px/1.15 var(--font)!important; color:var(--cream); text-wrap:balance} :root body.shell .подр-ниже{display:flex; align-items:center; gap:6px; font:600 14px/1.2 var(--font)!important; color:var(--sand); white-space:nowrap} :root body.shell .подр-ниже i{font:600 12px/1 var(--font)!important; font-style:normal; padding:3px 7px; border-radius:999px; color:var(--sand); background:var(--nw-inset); box-shadow:none} :root body.shell .подр-скидка{position:absolute; z-index:3; font-style:normal} :root body.shell .подр-вход{position:absolute; z-index:3; right:10px; top:10px; width:30px!important; height:30px!important; border:0; border-radius:50%; background:var(--nw-мягко)!important} :root body.shell .подр-вход::before{content:""; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-4px 0 0 -5px; border:solid var(--lamp); border-width:2px 2px 0 0; transform:rotate(45deg)} :root body.shell .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child{grid-column:1 / -1; display:grid; grid-template-columns:minmax(0, 1fr) 42%; grid-template-areas:"имя арт" "ниже арт"; align-content:center; column-gap:8px; row-gap:6px; padding:14px 16px; min-height:0} :root body.shell .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-арт{grid-area:арт; height:104px; margin:0} :root body.shell .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-имя{grid-area:имя; align-self:end; font:800 22px/1.05 var(--font-display)!important} :root body.shell .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-ниже{grid-area:ниже; align-self:start} :root body.shell .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-вход{top:auto; bottom:12px; right:12px} .без-вращения .art3d{animation:none} :root body.shell [data-screen="catalog"] #grid:not(:has(.подр-сетка)){gap:10px; margin-top:4px} :root body.shell .ore:not(.item){position:relative; justify-content:flex-start; gap:2px; min-height:0; padding:10px 12px 10px} :root body.shell .ore .line1{order:-1; gap:3px} :root body.shell .ore:not(.item) .line1{align-items:flex-start; text-align:left} :root body.shell .ore:not(.item) .акция-цена, :root body.shell .ore:not(.item) .выгода{align-self:flex-start; justify-content:flex-start; text-align:left} :root body.shell .ore .line1 b{font:700 17px/1.1 var(--font-display)!important; color:var(--cream)!important} :root body.shell .ore .line1 span{font:600 15px/1.2 var(--font)!important; color:var(--sand)!important} :root body.shell .ore:not(.item) .pile{height:min(52px, calc(var(--k) * 46px))!important; margin:4px 30px 0!important} :root body.shell .ore .акция-цена, :root body.shell .ore .выгода{order:-1; min-height:0; margin:0} :root body.shell .ore .выгода b, :root body.shell .sh-n2 .выгода b{color:var(--lamp)!important} :root body.shell .ore .акция-цена b, :root body.shell .sh-n2 .акция-цена b{color:var(--on-lamp)!important; background:var(--lamp)!important} :root body.shell .ore:not(.incart):not(.spent) .take{top:auto; bottom:10px; right:10px; width:28px; height:28px; border-radius:9px; background:var(--lamp)!important; box-shadow:none!important} :root body.shell .ore:not(.incart):not(.spent) .take::before{color:var(--on-lamp); font:500 20px/1 var(--font)} :root body.shell .ore .mark, :root body.shell .ore .gone{top:auto; bottom:14px; left:10px; right:auto; height:20px; padding:0 7px; border-radius:7px; font:700 11px/1 var(--font)!important; letter-spacing:.04em; color:var(--nw-hit-ink)!important; background:var(--nw-hit)!important} :root body.shell .ore.incart{background:var(--stone)!important; box-shadow:inset 0 0 0 2px var(--lamp)!important} :root body.shell .ore .take.picked{margin-top:8px; border:0!important; border-radius:12px; background:var(--nw-мягко)!important} :root body.shell .ore .take.picked i, :root body.shell .ore .take.picked b{color:var(--lamp)!important} :root body.shell .ore .take.picked i:active{background:color-mix(in oklab, var(--lamp) 16%, transparent)!important} :root body.shell .ore.item .name, :root body.shell .ore.item .cost{color:var(--cream)!important} :root body.shell .ore.item{container-type:inline-size} :root body.shell .ore.item .cost{margin-right:42px!important; white-space:nowrap; font-size:clamp(12px, 12cqi, 18px)!important} :root body.shell .ore.item .pic{aspect-ratio:auto!important; height:96px!important} :root body.shell .ore.item .pic img{width:100%!important; height:100%!important; object-fit:contain!important} :root body.shell .ore.item .name{margin-top:8px!important} :root body.shell .ore .heat, :root body.shell .ore .изЧего, :root body.shell .ore .из-чего, :root body.shell .ore .экономия{color:var(--sand)} :root body.shell .sh-pop{margin-top:14px; padding-top:0; border-top:0} :root body.shell .sh-pop-h{font:700 17px/1.2 var(--font-display); color:var(--cream)} :root body.shell .sh-pop-h small{font:500 13px/1.2 var(--font); color:var(--sand)} :root body.shell .sh-n2{min-height:0; padding:12px 10px} :root body.shell .sh-n2.on{box-shadow:inset 0 0 0 2px var(--lamp)!important} :root body.shell .sh-n2-add{min-width:28px; border-radius:9px; color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell .sh-n2-p{color:var(--sand)} :root body.shell .dock{background:var(--stone); border:0; border-top:1px solid var(--seam); border-radius:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .dock-sum b{font:700 19px/1.1 var(--font-display); color:var(--cream)} :root body.shell .dock-sum > span{color:var(--sand)} :root body.shell .dock .act{border-radius:14px} :root body.shell .sh-cat-head::before{background:var(--deep); bottom:0} :root body.shell .sh-cat-head + .sh-grid, :root body.shell .sh-cat-head ~ .sh-grid-c{margin-top:8px} :root body.shell .sh-cat-head.stuck::before{background:var(--deep); box-shadow:inset 0 -1px 0 var(--seam)} :root body.shell .sh-search{height:44px; border-radius:999px; color:var(--sand)} :root body.shell .sh-search input::placeholder{color:var(--sand)} :root body.shell .sh-chip{min-height:40px; border:0; border-radius:999px; background:var(--stone); color:var(--cream); font:600 14px/1 var(--font)} :root body.shell .sh-chip small{color:var(--sand)} :root body.shell .sh-chip.on{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell .sh-chip.on small{color:var(--on-lamp)} :root body.shell .sh-chip.on::after{display:none} :root body.shell .sh-chip::before{content:""; position:absolute; inset:-2px 0} :root body.shell .sh-cat-title{font:800 22px/1.1 var(--font-display); letter-spacing:0; text-transform:none; background:none; -webkit-background-clip:border-box; background-clip:border-box; color:var(--cream)} :root body.shell .sh-cat-count b{text-shadow:none} :root body.shell .sh-h-big{font:700 17px/1.2 var(--font-display); letter-spacing:0; text-transform:none} :root body.shell .sh-h-sets{border-top:0; padding-top:0; margin-top:16px} :root body.shell .sh-sort{background:var(--stone); box-shadow:none; border-radius:999px} :root body.shell .sh-sort button{border-radius:999px; color:var(--sand)} :root body.shell .sh-sort button.on{color:var(--on-lamp); background:var(--lamp)} :root body.shell .sh-cc{background:var(--nw-inset); box-shadow:0 0 0 1.5px var(--stone)} :root body.shell .sh-alpha{background:var(--stone)} :root body.shell .sh-back-all{background:var(--stone); border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .sh-more-btn{background:var(--stone); border:0} :root body.shell .sh-g-fb{color:var(--lamp); text-shadow:none} :root body.shell [data-screen="order"] .cart-line > b, :root body.shell [data-screen="order"] .cart-line .sum{color:var(--cream)} :root body.shell [data-screen="order"] .cart-line{padding:8px 0; border:0; background:none; box-shadow:none} :root body.shell [data-screen="order"] .cart-line + .cart-line{border-top:1px solid var(--seam)} :root body.shell .app .screen[data-screen="order"] .stepper{border:0; background:var(--nw-inset)} :root body.shell .app .screen[data-screen="order"] .stepper button{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell .app .screen[data-screen="order"] .stepper button[data-do="minus"]{color:var(--lamp); background:var(--stone); box-shadow:none} :root body.shell .app .screen[data-screen="order"] .stepper .n{color:var(--cream)} :root body.shell [data-screen="order"] .field label, :root body.shell [data-screen="order"] .способы-что{font:700 13px/1.2 var(--font); letter-spacing:0; text-transform:none; color:var(--cream)} :root body.shell [data-screen="order"] .field input{background:var(--stone); border:1.5px solid var(--seam-2); color:var(--cream)} :root body.shell [data-screen="order"] .field input:focus{border-color:var(--lamp); box-shadow:0 0 0 3px var(--nw-мягко)} :root body.shell [data-screen="order"] .field .say{color:var(--sand)} .app .field label .чья{color:var(--lamp)} :root body.shell [data-screen="order"] .способ{border:1.5px solid transparent; background:var(--stone)} :root body.shell [data-screen="order"] .способ.on{background:var(--stone); border-color:var(--lamp); box-shadow:none} :root body.shell [data-screen="order"] .способ-про{color:var(--sand)} :root body.shell [data-screen="order"] .вход-совет{border:0; background:var(--stone)} :root body.shell [data-screen="order"] .обещание{color:var(--sand)} :root body.shell [data-screen="order"] .oops:not(:empty){color:var(--rust); border-color:var(--rust); background:color-mix(in oklab, var(--rust) 8%, var(--stone))} :root body.shell .app #payFallback{color:var(--on-lamp); box-shadow:none; border-radius:999px} :root body.shell .sh-payplate{background:var(--stone)!important; border:0!important; border-top:1px solid var(--seam)!important; border-radius:0!important; box-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important} :root body.shell .app .screen[data-screen="order"] .line.pts{background:var(--nw-мягко); box-shadow:none} :root body.shell .app .screen[data-screen="order"] .line.pts::before{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell .app .screen[data-screen="order"] .line.pts dt{color:var(--cream)} :root body.shell .app .screen[data-screen="order"] .line.pts dt small{color:var(--lamp)} :root body.shell .sh-stage{height:168px} :root body.shell .sh-stage img{width:128px; height:128px} :root body.shell .sh-stage-halo, :root body.shell .sh-stage-cone, :root body.shell .sh-stage-floor{display:none} :root body.shell .sh-stamp{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none; text-shadow:none} :root body.shell [data-screen="track"] #digTitle{font:800 24px/1.1 var(--font-display)!important; letter-spacing:0!important; text-transform:none; background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--cream)!important; -webkit-text-fill-color:var(--cream)!important} :root body.shell [data-screen="track"] .digger-bar{background:var(--seam)!important; box-shadow:none} :root body.shell [data-screen="track"] .digger-bar i{background:var(--lamp)!important; box-shadow:none!important} :root body.shell [data-screen="track"] .trail .pip{border-color:var(--seam-2)!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .trail li.was .pip{background:var(--lamp)!important} :root body.shell [data-screen="track"] .trail li.was .pip::after{border-color:var(--on-lamp)} :root body.shell [data-screen="track"] .trail li.now .pip{border-color:var(--lamp)!important} :root body.shell [data-screen="track"] .trail li.lost .pip{border-color:var(--rust)!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .trail li:not(.was):not(.now) div b{color:var(--sand)!important} :root body.shell [data-screen="track"] .plita{box-shadow:inset 0 0 0 2px var(--lamp)!important} :root body.shell [data-screen="track"] .plita-top{color:var(--lamp)!important} :root body.shell [data-screen="track"] .plita-uc{background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--cream)!important; -webkit-text-fill-color:currentColor!important} :root body.shell [data-screen="track"] .plita-uc i{background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--lamp)!important; -webkit-text-fill-color:currentColor!important} :root body.shell [data-screen="track"] .отзыв-просьба{border:0!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .выдача code{color:var(--cream); background:var(--nw-inset); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .sh-ord-obj{background:var(--nw-inset); box-shadow:none} :root body.shell [data-screen="orders"] .ord-st{color:var(--sand); background:var(--nw-inset); box-shadow:none} :root body.shell [data-screen="orders"] .ord-st.s-done{color:var(--lamp-lo); background:var(--nw-мягко); box-shadow:none} :root body.shell [data-screen="orders"] .ord-st.s-paid, :root body.shell [data-screen="orders"] .ord-st.s-issuing{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell [data-screen="orders"] .ord-st.s-failed, :root body.shell [data-screen="orders"] .ord-st.s-canceled{color:var(--rust); background:color-mix(in oklab, var(--rust) 9%, var(--stone)); box-shadow:none} :root body.shell [data-screen="orders"] .ord-вход{border:0; background:var(--stone)} :root body.shell [data-screen="orders"] .пусто-плита b, :root body.shell .sh-empty h2{font:800 20px/1.15 var(--font-display); letter-spacing:0; text-transform:none; color:var(--cream)} :root body.shell .sh-empty-art{position:relative; background:var(--stone); color:var(--lamp)} :root body.shell .sh-empty-obj img{filter:none} :root body.shell .sh-holo, :root body.shell .sh-holo.guest{color:#fff; background:var(--nw-plate); box-shadow:none} :root body.shell .sh-holo-foil{display:none} :root body.shell .sh-holo-top > span:last-child, :root body.shell .sh-holo-bot, :root body.shell .sh-holo.guest .sh-holo-tier span{color:color-mix(in oklab, #fff 68%, transparent)} :root body.shell .sh-holo .sh-logo-metal{background:#fff} :root body.shell .sh-holo-tier b{background:none; -webkit-background-clip:border-box; background-clip:border-box; color:#fff; letter-spacing:0; text-transform:none} :root body.shell .sh-holo-tier span{color:#fff} :root body.shell .sh-holo-mark{color:#fff; filter:none} :root body.shell .sh-holo-bot{border-top-color:color-mix(in oklab, #fff 14%, transparent)} :root body.shell .sh-holo-lock-ic{color:#fff; background:var(--nw-plate-2); box-shadow:none} :root body.shell .sh-holo .sh-lamp{color:var(--on-lamp); background:var(--lamp)} :root body.shell .sh-holo-note{color:color-mix(in oklab, #fff 70%, transparent)} :root body.shell .sh-coin{color:var(--on-lamp); background:var(--c); box-shadow:none} :root body.shell .sh-step.now .sh-coin{box-shadow:0 0 0 2px var(--deep), 0 0 0 4px var(--c)} :root body.shell .sh-step:not(.now):not(.done) .sh-coin{filter:none; opacity:.45} :root body.shell .sh-road::before{opacity:.35} :root body.shell .sh-road.full .sh-step{border:0; background:var(--stone)} :root body.shell .sh-road.full .sh-step.now{box-shadow:inset 0 0 0 2px var(--lamp)} :root body.shell .sh-road.full .sh-step-p{color:var(--cream)} :root body.shell .sh-bar{background:var(--seam); box-shadow:none} :root body.shell .sh-bar i{background:var(--lamp); box-shadow:none} :root body.shell .sh-pts-coin{background:var(--lamp); box-shadow:none} :root body.shell .sh-pts-coin i{background:var(--on-lamp)} :root body.shell .sh-pts-sum b{background:none; -webkit-background-clip:border-box; background-clip:border-box; color:var(--cream); filter:none} :root body.shell .sh-pts-burn .sh-ic, :root body.shell .sh-ref-pct{color:var(--lamp); text-shadow:none} :root body.shell .sh-pts-rate{color:var(--lamp); background:var(--nw-мягко); box-shadow:none} :root body.shell .sh-ref-ic{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none} :root body.shell .sh-ref-link, :root body.shell .sh-ref-num, :root body.shell .sh-gd-card{background:var(--nw-inset); box-shadow:none} :root body.shell .sh-stat b{color:var(--cream)} :root body.shell .sh-nick input, :root body.shell .sh-gift-card input, :root body.shell .sh-gift-card textarea{background:var(--stone); border:1.5px solid var(--seam-2); color:var(--cream)} :root body.shell .sh-nick input:focus{border-color:var(--lamp)} :root body.shell .sh-say{color:var(--lamp-lo)} :root body.shell .sh-say.bad, :root body.shell .sh-row-out, :root body.shell .sh-row-out > .sh-ic:first-child, :root body.shell .sh-gift-bad{color:var(--rust)} :root body.shell .sh-sw{background:var(--seam-2); box-shadow:none} :root body.shell .sh-gift.on .sh-sw{background:var(--lamp)} :root body.shell .sh-gift-styles button{border:0; background:var(--nw-inset)} :root body.shell .sh-gift-styles button.on{background:var(--nw-мягко); box-shadow:inset 0 0 0 2px var(--lamp); border-color:transparent} :root body.shell [data-screen="about"] .about-head h2{font:700 17px/1.2 var(--font-display)!important; letter-spacing:0!important; text-transform:none; color:var(--cream)!important} :root body.shell [data-screen="about"] .step-n{background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--lamp)!important; -webkit-text-fill-color:var(--lamp)} :root body.shell [data-screen="about"] .asks details{border-bottom-color:var(--seam)!important; border-radius:0!important} :root body.shell [data-screen="about"] .asks details:last-child{border-bottom:0!important} :root body.shell [data-screen="about"] ol.steps{scroll-padding-inline:16px} :root body.shell [data-screen="about"] .about-head{padding:16px 2px 8px} :root body.shell [data-screen="about"] .about-head h2{margin:0!important} :root body.shell [data-screen="about"] .about-head p{margin:4px 0 0} :root body.shell [data-screen="about"] .asks{margin-top:0} .регионы, .вопрос{color:var(--cream)} .motes{display:none!important} .app .sig{opacity:1; color:var(--sand)} :root.desk{color-scheme:light} :root.desk #desk{--steel:linear-gradient(transparent, transparent); --steel-lit:linear-gradient(transparent, transparent); --warm:var(--lamp); --acc:var(--lamp); --shadow-deep:0 0 0 0 transparent; --r-card:16px; --r-in:10px; --r-pill:999px} :root.desk #desk [style*="--acc"]{--acc:var(--lamp)!important} :root.desk #desk .d-air{background:var(--deep)} :root.desk #desk .d-air::after{display:none} :root.desk #desk .king::after, :root.desk #desk .t3::after, :root.desk #desk .ct-t::after{display:none} :root.desk #desk .king-fog, :root.desk #desk .h-fog, :root.desk #desk .h-rain{display:none; background-image:none; animation:none} .gfb-body::before, .gfb-front::before, .gf-page .gf-air::before, .hp-page .hp-card::before{display:none} :root.desk #desk .v3-logo{filter:none} :root.desk #desk .v3-logo-metal{background:var(--cream)} :root.desk #desk .v3-logo-glint{display:none} :root.desk #desk .chrome, :root.desk #desk .ct-title, :root.desk #desk .king-name, :root.desk #desk .holo-tier b, :root.desk #desk .lg-code b, :root.desk #desk .gst-nums b, :root.desk #desk .gh-title{ background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--cream)!important; -webkit-text-fill-color:currentColor!important; filter:none!important} :root.desk #desk .h-scene{display:none} :root.desk #desk .h.gm-head{margin-top:0; padding-top:8px} :root.desk #desk .gh-title{font:800 clamp(36px, 3.6vw, 52px)/1 var(--font-display); letter-spacing:0; text-transform:none} :root.desk #desk .gh-sub, :root.desk #desk .g-crumbs{color:var(--sand)} :root.desk #desk .g-crumbs .cur{color:var(--cream)} :root.desk #desk .g-back{box-shadow:none; border:0; background:var(--stone); color:var(--cream)} :root.desk #desk .gh-live{background:var(--nw-мягко); box-shadow:none} :root.desk #desk .gh-live svg{filter:none} :root.desk #desk .gh{--gh-pic:clamp(150px, 12vw, 196px); grid-template-columns:var(--gh-pic) minmax(0, 1fr); grid-template-rows:auto auto auto auto auto 1fr; column-gap:28px; row-gap:0; align-items:start} :root.desk #desk .gh-txt{display:contents} :root.desk #desk .gh-txt > *{grid-column:2; min-width:0; margin-top:14px} :root.desk #desk .gh-txt > [hidden]{display:none} :root.desk #desk .gh-txt > .g-crumbs{grid-column:1 / -1; grid-row:1; margin-top:0} :root.desk #desk .gh-obj{grid-column:1; grid-row:2 / -1; align-self:start; contain:none; display:block; width:var(--gh-pic); height:var(--gh-pic); margin-top:14px} :root.desk #desk .gh-obj img, :root.desk #desk .gh-obj.card img{display:block; width:100%; height:100%; max-height:none; object-fit:contain; object-position:left center} :root.desk #desk .v3-search{background:var(--stone); border:0; box-shadow:none} :root.desk #desk .v3-search::after{display:none} :root.desk #desk .v3-search:focus-within{box-shadow:inset 0 0 0 2px var(--lamp)} :root.desk #desk .v3-search > svg{color:var(--sand)} :root.desk #desk .v3-search kbd{background:var(--nw-inset); box-shadow:none} :root.desk #desk .d-glass{background:var(--stone); border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} :root.desk #desk, :root.desk #desk [style*="--acc"]{--acc:transparent!important; --warm:transparent} :root.desk #desk .t3-go, :root.desk #desk .ct-go, :root.desk #desk .ct-letter, :root.desk #desk .kw-kick svg{color:var(--lamp)} :root.desk #desk *{text-transform:none!important; letter-spacing:0!important} :root.desk #desk .v3-bar .h-nav > a, :root.desk #desk .v3-bar .h-gbtn{font:600 15px/1 var(--font); color:var(--sand)} :root.desk #desk .v3-bar .h-nav > a:hover, :root.desk #desk .v3-bar .h-gbtn:hover, :root.desk #desk .v3-bar .h-gbtn[aria-expanded="true"]{color:var(--cream)} @media (max-width:1359px){ :root.desk #desk .v3-bar .h-nav{gap:14px} :root.desk #desk .v3-bar .h-nav > a, :root.desk #desk .v3-bar .h-gbtn{font-size:14px} } @media (max-width:1279px){ :root.desk #desk .v3-bar .h-nav > a[data-go="about"]{display:none} :root.desk #desk .v3-bar .h-nav:has(#deskNavStreamer:not([hidden])) > a[data-go="top"]{display:none} } :root.desk #desk .d-btn, :root.desk #desk .v3-bar .d-btn{font:600 14px/1 var(--font); border-radius:999px} :root.desk #desk .d-beta{color:var(--on-lamp); background:var(--lamp)} :root.desk #desk .d-count{background:var(--lamp); box-shadow:none} :root.desk #desk .mega{background:var(--stone); border:0; box-shadow:0 18px 40px -18px rgba(0,0,0,.22)} :root.desk #desk .t3, :root.desk #desk .n2, :root.desk #desk .tl, :root.desk #desk .king, :root.desk #desk .v3-sale, :root.desk #desk .v3-vip, :root.desk #desk .ord, :root.desk #desk .lv2, :root.desk #desk .d-gift, :root.desk #desk .rv, :root.desk #desk .d-guar, :root.desk #desk .d-miss, :root.desk #desk .me-gst{ background:var(--stone)!important; border:0!important; box-shadow:none!important} :root.desk #desk .t3:active, :root.desk #desk .n2:active, :root.desk #desk .tl:active{transform:scale(.985)} :root.desk #desk .n2.on, :root.desk #desk .n2.goal{box-shadow:inset 0 0 0 2px var(--lamp)!important} :root.desk #desk .n2::before, :root.desk #desk .n2.goal::after{display:none} :root.desk #desk .n2-plus{border-radius:9px; background:var(--lamp); box-shadow:none} :root.desk #desk .t3-obj img, :root.desk #desk .king-obj img, :root.desk #desk .n2 img, :root.desk #desk .tl img, :root.desk #desk .gh-obj img, :root.desk #desk .v3-ti img, :root.desk #desk .ord-pic img{ filter:drop-shadow(0 8px 8px rgba(0,0,0,.14))!important} :root.desk #desk .t3-obj i, :root.desk #desk .king-obj i, :root.desk #desk .gh-floor{display:none} :root.desk #desk .t3-txt small{color:var(--sand)} :root.desk #desk .t3-go{box-shadow:none; background:var(--nw-мягко)} :root.desk #desk .t3-fan-c, :root.desk #desk .t3-fan-n{box-shadow:none} :root.desk #desk .king-scene{display:none} :root.desk #desk .king{justify-content:flex-end} :root.desk #desk .king-name{font:800 48px/1 var(--font-display)} :root.desk #desk .king-obj{top:20px; right:28px; left:auto; width:220px; height:220px} :root.desk #desk .king-sub{color:var(--sand)} :root.desk #desk .king-buy button{border:0; background:var(--nw-inset); -webkit-backdrop-filter:none; backdrop-filter:none; color:var(--cream)} :root.desk #desk .king-buy button:hover{background:var(--nw-мягко)} :root.desk #desk .v3-sale > b{background:var(--lamp); box-shadow:none} :root.desk #desk .v3-tick{border-top-color:var(--seam)} :root.desk #desk .d-lamp, :root.desk #desk .ord-go, :root.desk #desk .od-go{background:var(--lamp); color:var(--on-lamp); box-shadow:none; font:700 15px/1 var(--font); border-radius:14px} :root.desk #desk .ord-go:disabled, :root.desk #desk .ord-go[disabled]{background:var(--nw-inset); color:var(--sand)} :root.desk #desk .ord-glint{display:none} :root.desk #desk .ord-dock{box-shadow:none; border-top:1px solid var(--seam)} :root.desk #desk .holo-in{background:var(--nw-plate)!important; box-shadow:none!important; color:#fff} :root.desk #desk .holo-foil, :root.desk #desk .holo-glare{display:none} :root.desk #desk .holo-mark{filter:none; color:#fff} :root.desk #desk .holo-word{color:#fff} :root.desk #desk .holo-top span, :root.desk #desk .holo-tier span, :root.desk #desk .holo-bot{color:color-mix(in oklab, #fff 70%, transparent); opacity:1} :root.desk #desk .holo-bot{border-top-color:color-mix(in oklab, #fff 14%, transparent)} :root.desk #desk .d-g{border:0; background:var(--stone); box-shadow:none} :root.desk #desk .d-g-ic{border:0; background:var(--nw-мягко)} :root.desk #desk .holo-tier b{color:#fff!important} :root.desk #desk .lv-coin{box-shadow:none; background:var(--c, var(--lamp))} :root.desk #desk .nc-sky{background:var(--deep)} :root.desk #desk .gst-in, :root.desk #desk .gst-c{box-shadow:none} :root.desk #desk .gst-moon{filter:none} :root.desk #desk .d-foot{background:var(--deep); border-top:1px solid var(--seam)} :root.desk #desk .d-foot-word{filter:none} :root.desk #desk .g-tabs{border-top:0} :root.desk #desk .g-tabs button{height:40px; border:0; border-radius:999px; font:600 14px/1 var(--font); color:var(--cream); background:var(--stone); box-shadow:none} :root.desk #desk .g-tabs button b{color:var(--sand)} :root.desk #desk .g-tabs button[aria-selected="true"]{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root.desk #desk .g-tabs button[aria-selected="true"] b{color:var(--on-lamp)} :root.desk #desk .ord-hint, :root.desk #desk .ord-vip{color:var(--cream); border:0; background:var(--nw-inset)} :root.desk #desk .ord-pts{border:0; background:var(--nw-inset)} :root.desk #desk .n-deal{color:var(--on-lamp); background:var(--lamp)} :root.desk #desk .king-buy button:hover, :root.desk #desk .t3:hover, :root.desk #desk .n2:hover, :root.desk #desk .tl:hover{box-shadow:inset 0 0 0 2px var(--lamp)!important} :root.desk #desk .d-foot-word{color:var(--cream)} :root.desk #desk #deskHead::before{opacity:1; background:var(--deep); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none} :root.desk #desk #deskHead.stuck::before{box-shadow:inset 0 -1px 0 var(--seam)} :root.desk #desk .t3-txt small, :root.desk #desk .ct-sub{text-transform:uppercase!important; letter-spacing:.04em!important; font:600 11px/1.25 var(--font); color:var(--sand)} :root.desk #desk .ct-title{font:800 clamp(34px, 3.4vw, 48px)/1 var(--font-display)} :root.desk #desk .ct-search, :root.desk #desk .ct-sort{background:var(--stone); border:0; box-shadow:none} :root.desk #desk .ct-search::after{display:none} :root.desk #desk .ct-search:focus-within{box-shadow:inset 0 0 0 2px var(--lamp)} :root.desk #desk .ct-search > svg{color:var(--sand)} :root.desk #desk .ct-search kbd{background:var(--nw-inset); box-shadow:none} :root.desk #desk .ct-chips button, :root.desk #desk .ct-abc button{border:0; border-radius:999px; background:var(--stone); color:var(--cream); box-shadow:none} :root.desk #desk .ct-chips button b{color:var(--sand)} :root.desk #desk .ct-chips button[aria-pressed="true"], :root.desk #desk .ct-sort button[aria-pressed="true"], :root.desk #desk .ct-abc button.on{color:var(--on-lamp); background:var(--lamp); border-color:transparent; box-shadow:none} :root.desk #desk .ct-chips button[aria-pressed="true"] b{color:var(--on-lamp)} :root.desk #desk .ct-chips{gap:8px; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:2px} :root.desk #desk .ct-chips::-webkit-scrollbar{display:none} :root.desk #desk .ct-chips button{flex:1 0 auto; justify-content:flex-start; height:52px; padding:0 14px 0 8px; gap:10px; border-radius:16px; font:600 15px/1 var(--font)} :root.desk #desk .ct-chips button b{margin-left:auto} :root.desk #desk .ct-chips button b{font-size:13px; min-width:0; padding-left:2px} :root.desk #desk .ct-chips .ct-ico{display:grid; place-items:center; width:36px; height:36px; flex:none; border-radius:11px; background:var(--stone-2); color:var(--cream)} :root.desk #desk .ct-chips .ct-ico svg{width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s cubic-bezier(.2,.7,.2,1)} :root.desk #desk .ct-chips .ct-ico .dot{fill:var(--nw-lime-line); stroke:none} :root.desk #desk .ct-chips button[aria-pressed="true"] .ct-ico{background:color-mix(in oklab, var(--on-lamp) 12%, transparent); color:var(--on-lamp)} :root.desk #desk .ct-chips button[aria-pressed="true"] .ct-ico .dot{fill:var(--on-lamp)} @media (hover:hover){:root.desk #desk .ct-chips button:hover .ct-ico svg{transform:scale(1.08)}} :root.desk #desk .ct-bar.stuck{padding-top:8px; padding-bottom:8px; gap:8px} :root.desk #desk .ct-bar.stuck .ct-search, :root.desk #desk .ct-bar.stuck .ct-sort{height:42px} :root.desk #desk .ct-bar.stuck .ct-chips button{height:38px; padding-left:5px; font-size:14px; border-radius:12px} :root.desk #desk .ct-bar.stuck .ct-ico{width:28px; height:28px; border-radius:9px} :root.desk #desk .ct-bar.stuck .ct-ico svg{width:18px; height:18px} :root.desk #desk .ct-bar.stuck .ct-abc{display:none} @media (prefers-reduced-motion:reduce){:root.desk #desk .ct-chips .ct-ico svg{transition:none}} :root.desk #desk .ct-sort button{border-radius:10px} :root.desk #desk .ct-back, :root.desk #desk .ct-btn, :root.desk #desk .ct-more-b, :root.desk #desk .ct-ask{border:0; background:var(--stone); box-shadow:none; color:var(--cream)} :root.desk #desk .ct-bar::before, :root.desk #desk .ct-bar.stuck::before{background:var(--deep); -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:inset 0 -1px 0 var(--seam)} :root.desk #desk .ct-t{background:var(--stone)!important; border:0!important; box-shadow:none!important} :root.desk #desk .ct-t:hover{box-shadow:inset 0 0 0 2px var(--lamp)!important} :root.desk #desk .ct-pic img, :root.desk #desk .ct-pic.obj img{filter:none!important} :root.desk #desk .ct-grid > .ct-t{content-visibility:auto; contain-intrinsic-size:auto 214px} :root.desk #desk .ct-bar{transition:none} :root.desk #desk .ct-grid.скроллим{pointer-events:none} :root.desk #desk .d-tg{color:var(--cream); background:var(--nw-inset); border:0} :root.desk #desk .ct-ask-ic{background:var(--nw-мягко); box-shadow:none} :root.desk #desk .gh-pill{background:var(--lamp); border:0; box-shadow:none} :root.desk #desk .gh-tabs button{background:var(--stone); -webkit-backdrop-filter:none; backdrop-filter:none} :root.desk #desk .gh-tabs.has-pill button[aria-selected="true"], :root.desk #desk .gh-tabs.has-pill button[aria-selected="true"] b{color:var(--on-lamp); background:transparent} :root.desk #desk .g-crumbs i, :root.desk #desk .ct-crumbs i{opacity:1; color:var(--sand)} :root.desk #desk .n-img::after{display:none} :root.desk #desk .g-calc{background:var(--stone); border:0; box-shadow:none} :root.desk #desk .g-calc-in input, :root.desk #desk .ord-id{background:var(--stone); border:1.5px solid var(--seam-2); box-shadow:none} :root.desk #desk .g-calc-in input:focus, :root.desk #desk .ord-id:focus-within{border-color:var(--lamp)} :root.desk #desk input::placeholder{color:var(--sand)!important} :root body.shell .sh-logo-metal, :root.desk #desk .v3-logo-metal, .gf-page .gf-logo i, .hp-page .hp-logo i{background:var(--cream)} :root body.shell .sh-holo .sh-logo-metal{background:#fff} :root body.shell .sh-logo, :root.desk #desk .v3-logo, .gf-page .gf-logo, .hp-page .hp-logo{position:relative} :root body.shell .sh-logo::after, :root.desk #desk .v3-logo::after, .gf-page .gf-logo::after, .hp-page .hp-logo::after{ content:""; position:absolute; inset:0; pointer-events:none; background:var(--nw-brand); -webkit-mask:url(desk/img/dot.svg?v=e0bbfbac) center / contain no-repeat; mask:url(desk/img/dot.svg?v=e0bbfbac) center / contain no-repeat} :root.desk #desk .v3-logo::after, .gf-page .gf-logo::after, .hp-page .hp-logo::after{-webkit-mask-position:left center; mask-position:left center} :root body.shell .sh-logo{width:103px; height:24px} :root body.shell .sh-holo-top .sh-logo{width:82px; height:19px} :root.desk #desk .v3-logo{width:132px; height:31px} @media (min-width:744px){ :root body.shell .sh-logo{width:120px; height:28px} } :root.desk #desk .d-foot-word, :root.desk #desk .holo-word, :root body.shell .sh-holo-mark, :root.desk #desk .holo-mark{--lamp:var(--nw-brand)} :root.desk #desk .holo-word{color:#fff} #грузим{--lamp:var(--cream); color:var(--cream)} #грузим i u{background:var(--nw-lime-line)!important} :root body.shell .sh-king::before, :root body.shell .sh-tile::before, :root body.shell .sh-wide::before, :root body.shell .sh-giftban::before, :root.desk #desk .king::before, :root.desk #desk .t3::before, :root.desk #desk .ct-t::before, :root.desk #desk .d-gift::before, .gf-page .gf-card::before, :root.desk #desk .lv2::after, :root.desk #desk .lg-card::after, :root.desk #desk .rg::after, :root.desk #desk .ord::after, :root.desk #desk .o-stage::after, :root.desk #desk .ol-find::after{display:none} :root body.shell .sh-king-scene, :root body.shell .sh-gh-scene, :root.desk #desk .king-scene, :root.desk #desk .h-scene{display:none!important; background:none!important} :root body.shell .sh-king-scene video, :root.desk #desk .king-scene video, :root.desk #desk .h-scene video{display:none} :root.desk #desk .nc-back{border:0; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell .app #payFallback, :root body.shell .sh-lamp, :root body.shell .наэкран-да, :root body.shell .dock .act, :root.desk #desk .ord-go, :root.desk #desk .od-go, :root.desk #desk .d-lamp{border-radius:999px} :root.desk #desk .o-plate{color:var(--cream); background:var(--stone); border:0; box-shadow:inset 0 0 0 2px var(--lamp)} :root.desk #desk .n-amt small{font-size:15px!important; font-weight:800!important; color:var(--lamp)!important} @media (max-width:743.98px){ :root body.shell .sh-gh-title, :root body.shell .sh-king-name{font-size:clamp(20px, 7.2vw, 26px)} :root body.shell .grid .ore .line1 b{font-size:clamp(15px, 4.4vw, 17px)!important; letter-spacing:-.01em} :root body.shell [data-screen="order"] .cart-line > b{font-size:clamp(13px, 3.86vw, 16px); letter-spacing:-.01em; text-wrap:balance} } .ord-row{display:grid; gap:6px} .ord-row[hidden]{display:none} .ord-act{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px} .ord-ask{display:inline-flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px} .ord-ask-t{font-size:13px; line-height:1.3; color:var(--sand)} .ord-ask-t.беда{color:var(--rust)} .ord-del{min-height:36px; padding:7px 14px; border:1px solid currentColor; border-radius:999px; background:transparent; color:var(--sand); font:600 13px/1 var(--font, system-ui); cursor:pointer} .ord-del-yes{color:var(--rust)} .ord-del:disabled{opacity:.55; cursor:default} html.desk #desk .ol-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px} html.desk #desk .ol-out[hidden]{display:none} html.desk #desk .ol-ask{display:inline-flex; flex-wrap:wrap; align-items:center; gap:10px} html.desk #desk .ol-ask-t{font-size:13px; color:var(--rust)} html.desk body #desk .v3-wall{grid-template-rows:176px 176px auto} html.desk body #desk .v3-wall.has-keys{grid-template-rows:176px 176px auto auto} :root.desk #desk .lv-coin, :root body .lv-coin, :root body.shell .sh-coin{ background:var(--nw-inset)!important; color:var(--cream)!important; box-shadow:none!important; filter:none!important; opacity:1!important} :root body.shell .sh-coin{background:var(--stone)!important} :root body.shell .sh-step:not(.now):not(.done) .sh-coin{color:var(--sand)!important} :root body.shell .sh-step.now .sh-coin, :root.desk #desk .lv2.now .lv-coin{box-shadow:0 0 0 2px var(--stone), 0 0 0 4px var(--nw-lime-line)!important} :root.desk #desk .lv-coin svg, :root body .lv-coin svg{width:30px; height:30px} html:root.desk body #desk .t3.t3-all{background:var(--nw-cat)!important; color:var(--nw-cat-ink)!important} html:root.desk body #desk .t3.t3-all .t3-txt b{color:var(--nw-cat-ink)!important; text-shadow:none!important} html:root.desk body #desk .t3.t3-all .t3-price{color:color-mix(in oklab, var(--nw-cat-ink) 70%, transparent)!important} :root.desk #desk .t3.t3-all .t3-go{background:var(--nw-lime); color:var(--nw-on-lime)} :root body.shell .подр-имя .подр-флаг{display:inline-block; width:20px; height:20px; margin:-4px 6px -4px 0; vertical-align:middle; object-fit:contain; filter:drop-shadow(0 1px 2px color-mix(in oklab, var(--cream) 28%, transparent))} :root body.shell .подр-сетка:is([data-n="3"], [data-n="5"]) > .подр:first-child .подр-имя .подр-флаг{width:26px; height:26px; margin:-6px 8px -6px 0} :root body.shell .row h3 .cur[style*="/reg"]{filter:drop-shadow(0 1px 2px color-mix(in oklab, var(--cream) 28%, transparent))} :root body.shell .sh-tile-obj img[src*="/league_of_legends"], :root body.shell .sh-tile-obj img[src*="/lol_"], :root body.shell .sh-tile-obj img[src*="/riot_"], :root.desk #desk .t3-obj img[src*="/league_of_legends"], :root.desk #desk .t3-obj img[src*="/lol_"], :root.desk #desk .t3-obj img[src*="/riot_"]{transform:scale(.74); border-radius:22%} :root body.shell .sh-king-name, :root body.shell .sh-gh-title, :root body.shell .sh-holo-tier b, :root body.shell .sh-cat-title, :root body.shell [data-screen="track"] #digTitle, :root body.shell [data-screen="about"] .step-n, :root body.shell .shk-title, :root .plita-uc, :root .gild, html.desk:root #desk .gh-title, html.desk:root #desk .kg-title, html.desk:root #desk .tp h1, html.desk:root #desk .o-pay-sum, html.desk:root #desk .o-st i, html.desk:root #desk .o-nm, html.desk:root #desk .o-score b.o-sc, html.desk:root #desk .ol-title, html.desk:root #desk .ct-title, html.desk:root #desk .chrome, html.desk:root #desk .lg-code b, html.desk:root #desk .king-name, html.desk:root #desk .holo-tier b, html.desk:root #desk .kw-name, html.desk:root #desk .gst-nums b{ background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--cream)!important; -webkit-text-fill-color:currentColor!important; filter:none!important; text-shadow:none!important} :root body.shell .sh-pts-sum b, html.desk:root #desk .rf-pct b{ background:none!important; -webkit-background-clip:border-box!important; background-clip:border-box!important; color:var(--lamp)!important; -webkit-text-fill-color:currentColor!important; filter:none!important; text-shadow:none!important} .app .act, :root body.shell .sh-lamp, :root body.shell .наэкран-да, :root body.shell .app #payFallback, :root body.shell .dock .act, :root body.shell .sh-holo .sh-lamp, :root.desk #desk .d-lamp, :root.desk #desk .ord-go, :root.desk #desk .od-go{ color:var(--nw-cta-ink)!important; background:var(--nw-cta)!important; box-shadow:none!important; transition:background-color var(--t-press) var(--ease-out), transform var(--t-press) var(--ease-out)} .app .act:active, :root body.shell .sh-lamp:active, :root body.shell .наэкран-да:active, :root body.shell .dock .act:active, :root body.shell .app #payFallback:active, :root.desk #desk .d-lamp:active, :root.desk #desk .ord-go:active, :root.desk #desk .od-go:active{ background:var(--nw-cta-press)!important; transform:scale(.98)} @media (hover:hover){ :root.desk #desk .d-lamp:hover, :root.desk #desk .ord-go:not(:disabled):hover, :root.desk #desk .od-go:hover, :root body.shell .sh-lamp:hover, :root body.shell .dock .act:hover, .app .act:hover{background:var(--nw-cta-hover)!important} } .app .act:disabled, .app .act[disabled], :root body.shell .sh-lamp:disabled, :root body.shell .dock .act:disabled, :root.desk #desk .ord-go:disabled, :root.desk #desk .ord-go[disabled]{color:var(--nw-cta-off-ink)!important; background:var(--nw-cta-off)!important; transform:none} html.desk:root body #desk .ord-go:not(.ready), html.desk:root body #desk .od-go:not(.ready){color:var(--nw-cta-off-ink)!important; background:var(--nw-cta-off)!important} html.desk:root body #desk .ord-go::before, html.desk:root body #desk .od-go::before{background:var(--nw-cta)} :root body.shell .sh-count{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:0 0 0 2px var(--stone)} :root.desk #desk .d-count{color:var(--nw-on-lime)!important; background:var(--nw-lime)!important; box-shadow:0 0 0 2px var(--deep)!important} :root body.shell .sh-tab-lamp::before{background:var(--nw-lime-line)} @media (min-width:1024px){ :root body.shell .sh-tab-lamp::before{width:3px; height:28px; top:50%; margin-top:-14px; border-radius:0 3px 3px 0} } .app :focus-visible, :root body.shell :focus-visible, :root.desk #desk :focus-visible{outline:2px solid var(--nw-lime-line); outline-offset:2px} :root.desk #desk :is(.ct-search, .v3-search, .kg-search, .rg-find, .ord-id, .rf-field) input:focus-visible, :root.desk #desk .g-calc-in input:focus-visible, :root body.shell .sh-search input:focus-visible{outline:none} :root body.shell .ore .mark, :root body.shell .sh-tag, :root body.shell .sh-tag-sale, :root body.shell .sh-pill-sale, :root body.shell .подр-скидка, :root body.shell .sh-promo-sale > b, :root body.shell .ore .акция-цена b, :root body.shell .sh-n2 .акция-цена b, :root.desk #desk .v3-sale > b, :root.desk #desk .n-deal, :root.desk #desk .d-beta{color:var(--nw-on-lime)!important; background:var(--nw-lime)!important} :root body.shell .ore .выгода b, :root body.shell .sh-n2 .выгода b{color:var(--nw-lime-line)!important} :root body.shell .ore.incart, :root body.shell .sh-n2.on{box-shadow:inset 0 0 0 2px var(--nw-lime-line)!important} :root.desk #desk .n2.on, :root.desk #desk .n2.goal{box-shadow:inset 0 0 0 2px var(--nw-lime-line)!important} :root body.shell .ore .take.picked{background:var(--nw-lime-soft)!important} :root body.shell .ore .take.picked i, :root body.shell .ore .take.picked b{color:var(--cream)!important} :root body.shell .ore .take.picked i:active{background:color-mix(in oklab, var(--nw-lime-line) 18%, transparent)!important} :root body.shell [data-screen="order"] .способ.on{border-color:var(--nw-lime-line); background:var(--nw-lime-soft)} :root body.shell .sh-gift-styles button.on{background:var(--nw-lime-soft); box-shadow:inset 0 0 0 2px var(--nw-lime-line)} :root body.shell .sh-road.full .sh-step.now{box-shadow:inset 0 0 0 2px var(--nw-lime-line)} :root body.shell [data-screen="track"] .plita{box-shadow:inset 0 0 0 2px var(--nw-lime-line)!important} :root body.shell [data-screen="track"] .plita-top{color:var(--nw-lime-line)!important} :root.desk #desk .o-plate{box-shadow:inset 0 0 0 2px var(--nw-lime-line)} :root.desk #desk .king-buy button:hover, :root.desk #desk .t3:hover, :root.desk #desk .n2:not(.on):not(.goal):hover, :root.desk #desk .tl:hover, :root.desk #desk .ct-t:hover{box-shadow:inset 0 0 0 1.5px var(--seam-2)!important} :root body.shell [data-screen="order"] .field input:focus, :root body.shell .sh-nick input:focus, :root body.shell .sh-gift-card input:focus, :root body.shell .sh-gift-card textarea:focus{border-color:var(--nw-lime-line); box-shadow:0 0 0 3px var(--nw-lime-soft); outline:0} :root.desk #desk .g-calc-in input:focus, :root.desk #desk .ord-id:focus-within{border-color:var(--nw-lime-line); box-shadow:0 0 0 3px var(--nw-lime-soft)} :root.desk #desk .v3-search:focus-within, :root.desk #desk .ct-search:focus-within{box-shadow:inset 0 0 0 2px var(--nw-lime-line)} :root body.shell [data-screen="track"] .digger-bar i, :root body.shell .sh-bar i{background:var(--nw-lime-line)!important} :root body.shell [data-screen="track"] .trail li.was .pip{border-color:var(--nw-lime)!important; background:var(--nw-lime)!important} :root body.shell [data-screen="track"] .trail li.was .pip::after{border-color:var(--nw-on-lime)} :root body.shell [data-screen="track"] .trail li.now .pip{border-color:var(--nw-lime-line)!important} :root body.shell .sh-holo .sh-bar i{background:var(--nw-brand)!important} :root body.shell .sh-sw{background:var(--seam-2); box-shadow:none} :root body.shell .sh-sw > i{background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.18)} :root body.shell .sh-gift.on .sh-sw{background:var(--nw-lime)} :root body.shell .sh-gift.on .sh-sw > i{background:var(--nw-on-lime); box-shadow:none} :root body.shell .app .screen[data-screen="order"] .line.pts{background:var(--nw-lime-soft)} :root body.shell .app .screen[data-screen="order"] .line.pts::before{color:var(--nw-on-lime); background:var(--nw-lime)} :root body.shell .app .screen[data-screen="order"] .line.pts dt small{color:var(--nw-lime-line)} :root body.shell .sh-pts-coin{background:var(--nw-lime)} :root body.shell .sh-pts-coin i{background:var(--nw-on-lime)} :root body.shell .sh-pts-rate{color:var(--cream); background:var(--nw-lime-soft)} :root body.shell .sh-pts-sum b, html.desk:root #desk .rf-pct b{color:var(--nw-lime-line)!important} :root body.shell [data-screen="orders"] .ord-st.s-done{color:var(--cream); background:var(--nw-lime-soft)} :root body.shell [data-screen="orders"] .ord-st.s-paid, :root body.shell [data-screen="orders"] .ord-st.s-issuing{color:var(--nw-on-lime); background:var(--nw-lime)} :root body.shell .ore:not(.item) .mark{top:10px; right:10px; bottom:auto; left:auto} :root body.shell [data-screen="order"] .способ.on::after{background:var(--nw-lime-line)} :root body.shell [data-screen="order"] .cart-line + .cart-line{border-top:0; border-radius:0; box-shadow:inset 0 1px 0 var(--seam)} html:root body.shell .sh-holo .sh-holo-tier b, html.desk:root body #desk .holo-tier b{color:#fff!important; -webkit-text-fill-color:#fff!important} :root body.shell .sh-gift-mark{color:var(--cream); background:var(--nw-inset); box-shadow:none; border-radius:8px} :root body.shell .app .game-warn, :root body.shell .app .screen[data-screen="order"] .game-warn{color:var(--cream); background:var(--stone); border:0; box-shadow:inset 0 0 0 1.5px var(--seam-2)} :root body.shell .app .game-warn::before{color:var(--cream)} :root body.shell .app .game-warn a{color:var(--cream); text-decoration-thickness:1.5px; text-underline-offset:3px} :root body.shell .app .who-chip{color:var(--cream); background:var(--stone); border:1.5px solid var(--seam-2)} :root body.shell .app .who-chip:active{background:var(--nw-мягко)} :root body.shell .app .who-chip > svg, :root body.shell .app .who-edit{color:var(--cream); opacity:1} :root body.shell .app .who-txt{color:var(--sand)} :root body.shell .app .told{background:var(--stone); border:1.5px solid var(--seam-2)} :root body.shell .app .told.good{background:var(--nw-lime-soft); border-color:var(--nw-lime-line)} :root body.shell .app .told.bad{background:color-mix(in oklab, var(--rust) 8%, var(--stone)); border-color:var(--rust)} :root body.shell .app .told code{color:var(--cream)} :root body.shell .app .нет-игры, .app .нет-игры{background:var(--stone); border:0; box-shadow:none} .app .нет-игры-знак{color:var(--cream); border:0; background:var(--nw-inset)} .app .нет-игры-ссылка{color:var(--on-lamp); background:var(--lamp)} :root body.shell .sh-giftban .sh-gbox, :root body.shell .sh-cat-gift .sh-gbox{--g1:var(--nw-lime); --g2:var(--nw-lime); --rb:var(--nw-on-lime)} :root body.shell .sh-gbox .b, :root body.shell .sh-gbox .l, :root body.shell .sh-gbox .r{box-shadow:none} @media (min-width:744px){ :root body.shell .подр-сетка > .подр, :root body.shell .подр-сетка > .подр:first-child{align-items:flex-start!important; text-align:left!important; padding:14px 14px 14px!important; min-height:0!important} :root body.shell .подр-сетка > .подр .подр-арт, :root body.shell .подр-сетка > .подр:first-child .подр-арт{height:128px!important; aspect-ratio:auto!important; margin:0 0 8px!important} :root body.shell .подр-сетка > .подр:first-child .подр-имя{font-size:15px!important} :root body.shell .подр-сетка > .подр:first-child .подр-ниже{justify-content:flex-start!important} } .app .пачка-блеск{display:none} :root body.shell .sh-cat-mark i{background:var(--nw-lime-line)} html.desk:root body #desk .me-gst{background:var(--stone); border:0; box-shadow:none} html.desk:root body #desk .gst-t{background:var(--nw-inset); border:0; box-shadow:none} html.desk:root body #desk .gst-t:hover{box-shadow:inset 0 0 0 1.5px var(--seam-2)} html.desk:root body #desk .gst-in{color:var(--cream); background:var(--nw-inset); border:0; box-shadow:none} html.desk:root body #desk .gst-in:hover{box-shadow:inset 0 0 0 1.5px var(--seam-2)} html.desk:root body #desk .gst-ic i{box-shadow:0 0 0 2px var(--nw-inset)} html.desk:root body #desk .gst-clock b{text-shadow:none} html.desk:root body #desk .gst-c, html.desk:root body #desk .gst-c + .gst-c{background:var(--stone); border:0; box-shadow:inset 0 0 0 1px var(--seam-2), -3px 0 0 0 var(--nw-inset)} html.desk:root body #desk .gst-cards .gst-c:first-child{box-shadow:inset 0 0 0 1px var(--seam-2)} html.desk:root body #desk .gst-moon{filter:none} html.desk:root body #desk .gst-ring{background:var(--seam-2)} html.desk:root body #desk .gst-ring i{background:var(--stone); box-shadow:none} html.desk:root body #desk .gst-b{background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2)} html.desk:root body #desk .gst-tt em, html.desk:root body #desk .gst-q li b{color:var(--nw-lime-line)} html.desk:root body #desk .gst-nums b{background:none; -webkit-background-clip:border-box; background-clip:border-box; -webkit-text-fill-color:currentColor; color:var(--cream)} .gfb .gfb-aura, .gfb .gfb-beam{display:none!important} .gfb .gfb-body::after, .gfb .gfb-front::after{display:none} html.desk:root body #desk .ord-m{background:var(--nw-inset); border:1.5px solid transparent; box-shadow:none} html.desk:root body #desk .ord-m.on{background:var(--nw-lime-soft); border-color:var(--nw-lime-line); box-shadow:none} html.desk:root body #desk .ord-dock{background:var(--stone); -webkit-backdrop-filter:none; backdrop-filter:none} html.desk:root body #desk .ol-login, html.desk:root body #desk .ol-row, html.desk:root body #desk .ol-find{background:var(--stone); border:0; box-shadow:none} html.desk:root body #desk .ol-row:hover{box-shadow:inset 0 0 0 1.5px var(--seam-2)} html.desk:root body #desk .ol-ic{background:var(--nw-inset); box-shadow:none} html.desk:root body #desk .ol-pill{color:var(--cream); background:var(--nw-lime-soft)} html.desk:root body #desk .ol-find input{background:var(--nw-inset); border:1.5px solid transparent; box-shadow:none; color:var(--cream)} html.desk:root body #desk .ol-find input:focus{border-color:var(--nw-lime-line); box-shadow:0 0 0 3px var(--nw-lime-soft); outline:0} html.desk:root body #desk .ol-find .d-btn{color:var(--on-lamp); background:var(--lamp)} html.desk:root body #desk :is(.ol-row, .ol-login, .ord, .lv2, .me-gst, .d-gift, .d-miss, .d-guar, .rv, .g-calc, .v3-vip, .mega, .kg-card, .hp-card, .o-stage) .d-glass{background:var(--nw-inset)} html.desk:root body #desk :is(.ol-row, .ol-login, .ord, .lv2, .me-gst, .d-gift, .d-miss, .d-guar, .rv, .g-calc, .v3-vip, .mega, .kg-card, .hp-card, .o-stage) .d-glass:hover{box-shadow:inset 0 0 0 1.5px var(--seam-2)} html.desk:root body #desk .o-stage{background:var(--stone); border:0; box-shadow:none} html.desk:root body #desk .o-stage::after, html.desk:root body #desk .o-cone, html.desk:root body #desk .o-floor, html.desk:root body #desk .o-item::before{display:none} html.desk:root body #desk .o-item img{filter:drop-shadow(0 10px 12px rgba(0,0,0,.16))} html.desk:root body #desk .o-stamp{color:var(--nw-on-lime); background:var(--nw-lime); border:0; box-shadow:none} html.desk:root body #desk .o-stamp b{text-shadow:none} html.desk:root body #desk .o-steps li.past i{box-shadow:none} html.desk:root body #desk .o-steps li.past i::after{color:var(--nw-on-lime)} html.desk:root body #desk .o-steps li.now i{background:var(--stone); box-shadow:inset 0 0 0 2px var(--nw-lime-line)} html.desk:root body #desk .o-steps li.now i::after{border-color:var(--nw-lime-line); border-top-color:transparent} html.desk:root body #desk .o-offer, html.desk:root body #desk .o-offer.on{background:var(--nw-inset); border:0; box-shadow:none} html.desk:root body #desk .o-offer img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.16))} html.desk:root body #desk .rf-copy, html.desk:root body #desk .me-rp-cta, html.desk:root body #desk .d-abt-n, html.desk:root body #desk .rv-av, html.desk:root body #desk .ga-ok, html.desk:root body #desk .tl-go, html.desk:root body #desk .gf-btn.lamp, html.desk:root body #desk .kw-kick{box-shadow:none} html.desk:root body #desk .t3-gift{color:var(--cream); border:0; background:var(--nw-inset)} html.desk:root body #desk .n-g, html.desk:root body #desk .n-old em.good, html.desk:root body #desk .n-deal, html.desk:root body #desk .o-mult, html.desk:root body #desk .nc-cut, html.desk:root body #desk .n-badge.n-m, html.desk:root body #desk .o-steps li.past i, html.desk:root body #desk .ol-st li.done i{color:var(--nw-on-lime)!important; background:var(--nw-lime)!important; box-shadow:none!important} html.desk:root body #desk .n-m::after{display:none} html.desk:root body #desk .n-badge.n-z{color:var(--on-lamp); background:var(--lamp)} html.desk:root body #desk .gh-cone{display:none} html.desk:root body #desk .d-pulse, html.desk:root body #desk .kg-reg.kg-ok::before, html.desk:root body #desk .q-card.ok .q-bar i, :root body.shell .shk-reg.ok::before, :root body.shell .sh-dot{background:var(--nw-lime-line)} :root .hp-page{color:var(--sand)} :root .hp-page .hp-air{background:var(--deep)} :root .hp-page .hp-air::after{display:none} :root .hp-page .hp-logo{filter:none} :root .hp-page .hp-logo i{background:var(--cream)} :root .hp-page .hp-nav a{letter-spacing:0; text-transform:none; font:600 15px/1 var(--font)} :root .hp-page .hp-nav a[aria-current]::after{background:var(--nw-lime-line); box-shadow:none} :root .hp-page .hp-crumbs{letter-spacing:0; text-transform:none; font:600 13px/1 var(--font)} :root .hp-page .hp-title{letter-spacing:0; text-transform:none; font:800 clamp(28px, 3.4vw, 44px)/1.05 var(--font-display)} :root .hp-page .hp-card{background:var(--stone); border:0; box-shadow:none} :root .hp-page .hp-card::before{display:none} @media (hover:hover){ :root .hp-page .hp-card:hover{box-shadow:inset 0 0 0 1.5px var(--seam-2)} } :root .hp-page .hp-ic img, :root .hp-page .hp-obj img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.16))} :root .hp-page .hp-obj i{display:none} :root .hp-page .hp-ct small{letter-spacing:0; text-transform:none; font:500 13px/1.25 var(--font)} :root .hp-page .hp-sec, :root .hp-page .hp-sec:target{background:var(--stone); border:0; box-shadow:none} :root .hp-page .hp-sec:target{box-shadow:inset 0 0 0 2px var(--nw-lime-line)} :root .hp-page .hp-tab{border-left-color:var(--nw-lime-line)} :root .hp-page .hp-jump a{background:var(--stone); border:0; box-shadow:none; color:var(--cream)} :root .hp-page .hp-find{background:var(--stone); border:1.5px solid var(--seam-2); box-shadow:none; color:var(--cream)} :root .hp-page .hp-find:focus-visible{outline:0; border-color:var(--nw-lime-line); box-shadow:0 0 0 3px var(--nw-lime-soft)} :root .hp-page .hp-go, :root .hp-page a.hp-go{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none; letter-spacing:0; text-transform:none; font:700 15px/1 var(--font)} :root .hp-page :focus-visible{outline-color:var(--nw-lime-line)} :root .hp-page .hp-foot{background:var(--deep); border-top:1px solid var(--seam)} :root .hp-page .hp-foot-word{background:var(--cream)} :root .hp-page a{color:var(--cream)} :root .gf-page{color:var(--cream)} :root .gf-page .gf-air{background:var(--deep)} :root .gf-page .gf-air::after{display:none} :root .gf-page .gf-logo{filter:none} :root .gf-page .gf-logo i{background:var(--cream)} :root .gf-page .gf-head::after{background:var(--seam)} :root .gf-page .gf-title, :root .gf-page .gf-item-n{letter-spacing:0; text-transform:none} :root .gf-page .gf-item-s, :root .gf-page .gf-buy, :root .gf-page .gf-how-h{letter-spacing:0; text-transform:none; font-weight:600; font-size:13px} :root .gf-page .gf-item{background:var(--stone); border:0; box-shadow:none} :root .gf-page .gf-code{background:var(--nw-inset); border:0; box-shadow:none} :root .gf-page .gf-btn{letter-spacing:0; text-transform:none; font:700 15px/1 var(--font); background:var(--nw-inset); border:0; border-radius:999px} :root .gf-page .gf-btn.gf-lamp{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none} :root .gf-page .gf-btn.ok{color:var(--cream); background:var(--nw-lime-soft); box-shadow:inset 0 0 0 1.5px var(--nw-lime-line)} :root .gf-page .gf-btn.gf-lamp.ok{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none} :root .gf-page .gf-how a{color:var(--cream)} :root .gf-page .gf-go{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none; letter-spacing:0; text-transform:none; font:700 15px/1 var(--font); border-radius:999px} :root .gf-page .gf-how-h{border-top:1px solid var(--seam)} :root .gf-page .gf-logo:focus-visible, :root .gf-page .gf-buy:focus-visible{outline-color:var(--nw-lime-line)} :root .gf-box, :root .gfb{--gf-a:var(--nw-lime); --gf-hi:var(--nw-lime); --gf-lo:var(--nw-lime); --gf-glow:transparent} :root .gf-box[data-style="gold"], :root .gfb[data-style="gold"], :root .gf-card[data-style="gold"]{--gf-a:#d4a73a; --gf-hi:#d4a73a; --gf-lo:#d4a73a; --gf-glow:transparent} :root .gf-box[data-style="silver"], :root .gfb[data-style="silver"], :root .gf-card[data-style="silver"]{--gf-a:var(--sand); --gf-hi:var(--sand); --gf-lo:var(--sand); --gf-glow:transparent} :root .gf-box, :root .gfb, :root .gf-card[data-style]{--gf-metal:linear-gradient(var(--gf-a), var(--gf-a)); --gf-metal-v:linear-gradient(var(--gf-a), var(--gf-a)); --gf-foil:linear-gradient(var(--gf-a), var(--gf-a))} :root .gf-card[data-style="moon"]{--gf-a:var(--nw-lime-line)} :root .gfb .gfb-rib, :root .gfb .gfb-body .gfb-rib, :root .gfb[data-style="silver"] .gfb-rib, :root .gfb[data-style="silver"] .gfb-body .gfb-rib{background:var(--gf-a); box-shadow:none} :root .gfb .gfb-band{background:var(--gf-a); box-shadow:none} :root .gfb .gfb-seal{background:var(--gf-a); box-shadow:none} :root .gfb .gfb-seal::before{background:var(--stone); box-shadow:none} :root .gfb .gfb-seal i{background:var(--cream)} :root .gfb .gfb-tl, :root .gfb .gfb-tr, :root .gfb .tl, :root .gfb .tr, :root .gfb .lp, :root .gfb .kn{background:var(--gf-a); box-shadow:none} :root .gfb .gfb-plate{box-shadow:none} :root .gfb .gfb-body{background:linear-gradient(90deg, rgba(0,0,0,.10), transparent 18%, transparent 82%, rgba(0,0,0,.10)) padding-box, var(--stone) padding-box; border-color:var(--seam-2); box-shadow:none; outline:0} :root .gfb .gfb-front{background:linear-gradient(90deg, rgba(0,0,0,.08), transparent 14%, transparent 86%, rgba(0,0,0,.08)) padding-box, var(--stone) padding-box; border-color:var(--seam-2); box-shadow:none; outline:0} :root .gfb .gfb-top{background:var(--stone-deep)} :root .gfb .gfb-shadow{background:radial-gradient(closest-side, rgba(0,0,0,.22), transparent)} :root .gfb .gfb-cavity{background:var(--stone-deep)} @property --nw-signal{syntax:''; inherits:true; initial-value:0} @property --nw-orbit{syntax:''; inherits:true; initial-value:0deg} @keyframes nw-breathe{50%{opacity:.3}} @keyframes nw-signal{0%, 100%{--nw-signal:.3} 50%{--nw-signal:1}} @keyframes nw-orbit{0%{--nw-orbit:0deg; animation-timing-function:cubic-bezier(.65, 0, .35, 1)} 72%, 100%{--nw-orbit:360deg}} :root{--nw-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace} :root body.shell [data-screen="track"] .trail li[data-s="2"].now .pip{border-color:var(--sand)!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .trail li[data-s="2"].now .pip::after{content:none} :root body.shell [data-screen="track"] .trail li.now .pip::after{background:var(--nw-brand); animation:nw-breathe 1.6s ease-in-out infinite} .app .lamp-spin, :root body.shell .lamp-spin{width:8px; height:8px; border:0; border-radius:50%; background:var(--nw-brand); vertical-align:1px; animation:nw-breathe 1.6s ease-in-out infinite} .app .trail li[data-s="2"] .lamp-spin, :root body.shell .trail li[data-s="2"] .lamp-spin{background:none; box-shadow:inset 0 0 0 1.5px currentColor; animation:none} :root body.shell .sh-stage:not(.done):not(.bad) .sh-face, html.desk:root body #desk .o-stage .o-face{animation:none} :root body.shell .screen[data-screen="track"]:has(.trail li[data-s="3"].now) .sh-stage:not(.done):not(.bad) .sh-face, html.desk:root body #desk .o-stage:is([data-state="paid"], [data-state="issuing"]) .o-face{animation:nw-signal 1.6s ease-in-out infinite} html.desk:root body #desk .o-steps li.now i::after{inset:8px; border:0; border-radius:50%; background:var(--nw-brand); animation:nw-breathe 1.6s ease-in-out infinite} html.desk:root body #desk .o-stage[data-state="awaiting"] .o-steps li.now i{box-shadow:inset 0 0 0 2px var(--sand)} html.desk:root body #desk .o-stage[data-state="awaiting"] .o-steps li.now i::after{content:none} html.desk:root body #desk .ol-st li.now i{background:var(--nw-brand); box-shadow:none; animation:nw-breathe 1.6s ease-in-out infinite} :root body.shell [data-screen="orders"] .ord-st{display:inline-flex; align-items:center; gap:6px} :root body.shell [data-screen="orders"] .ord-st::before{content:""; display:none; width:7px; height:7px; flex:none; border-radius:50%} :root body.shell [data-screen="orders"] .ord-st.s-awaiting_payment::before{display:block; box-shadow:inset 0 0 0 1.5px currentColor} :root body.shell [data-screen="orders"] .ord-st:is(.s-paid, .s-issuing)::before{display:block; background:currentColor; animation:nw-breathe 1.6s ease-in-out infinite} :root body.shell [data-screen="orders"] .ord-st.s-done::before{display:block; background:var(--nw-lime-line)} html.desk:root body #desk .ol-pill{display:inline-flex; align-items:center; gap:6px; color:var(--sand); background:var(--nw-inset)} html.desk:root body #desk .ol-pill::before{content:""; width:7px; height:7px; flex:none; border-radius:50%; box-shadow:inset 0 0 0 1.5px currentColor} html.desk:root body #desk .ol-pill[data-s="done"]{color:var(--cream); background:var(--nw-lime-soft)} html.desk:root body #desk .ol-pill[data-s="done"]::before{background:var(--nw-lime-line); box-shadow:none} html.desk:root body #desk .ol-pill:is([data-s="paid"], [data-s="issuing"]){color:var(--nw-on-lime); background:var(--nw-lime)} html.desk:root body #desk .ol-pill:is([data-s="paid"], [data-s="issuing"])::before{background:currentColor; box-shadow:none; animation:nw-breathe 1.6s ease-in-out infinite} html.desk:root body #desk .ol-pill[data-s="failed"]{color:var(--rust); background:color-mix(in oklab, var(--rust) 9%, var(--stone))} html.desk:root body #desk .ol-pill:is([data-s="failed"], [data-s="canceled"])::before{display:none} #грузим > div > svg:first-child{animation:nw-orbit 1.6s infinite!important} #грузим > div > i{display:none!important} .app .plita code, .app .told code, :root body.shell [data-screen="track"] .выдача code, :root body.shell .sh-ref-link code, html.desk:root body #desk .o-ci-r code, html.desk:root body #desk .gf-link code, :root .gf-page .gf-code code{font-family:var(--nw-mono); font-weight:600; letter-spacing:.02em} .app .ord-n, :root body.shell .ord-n, .app #whoId, html.desk:root body #desk .ol-t b i{font-family:var(--nw-mono); font-style:normal; font-weight:500; font-variant-numeric:tabular-nums} html.desk:root body #desk .o-no{font:600 13px/1 var(--nw-mono)} html.desk:root body #desk .o-timer, html.desk:root body #desk .lg-code b{font-family:var(--nw-mono); font-weight:600; font-variant-numeric:tabular-nums} :root body.shell .sh-king-name, :root body.shell .sh-gh-title, :root body.shell .sh-cat-title, :root body.shell [data-screen="orders"] .пусто-плита b, :root body.shell .sh-empty h2, :root .hp-page .hp-title, :root .gf-page .gf-title{font-weight:700; letter-spacing:-.025em} :root body.shell [data-screen="track"] #digTitle{font-weight:700!important; letter-spacing:-.025em!important} :root.desk #desk .gh-title, :root.desk #desk .ct-title, :root.desk #desk .king-name{font-weight:700; letter-spacing:-.025em!important} @media (prefers-reduced-motion:reduce){ :root body.shell [data-screen="track"] .trail li.now .pip::after, .app .lamp-spin, :root body.shell .lamp-spin, :root body.shell [data-screen="orders"] .ord-st::before, html.desk:root body #desk .ol-pill::before, html.desk:root body #desk .o-steps li.now i::after, html.desk:root body #desk .ol-st li.now i, :root body.shell .sh-face, html.desk:root body #desk .o-face, #грузим > div > svg:first-child{animation:none!important} :root body.shell .screen[data-screen="track"]:has(.trail li[data-s="3"].now) .sh-face, html.desk:root body #desk .o-stage:is([data-state="paid"], [data-state="issuing"]) .o-face{--nw-signal:1} } :root[data-theme="dark"]{ --nw-inset:var(--stone-deep); --nw-plate:#1c1c1f; --nw-plate-2:#2a2a2f; --nw-мягко:color-mix(in oklab, var(--cream) 8%, var(--stone)); --nw-sup-shade:.6; --nw-sup-shadow:0 24px 60px -24px rgba(0,0,0,.8); } :root[data-theme="dark"] body.shell .sh-holo, :root[data-theme="dark"].desk #desk .holo-in{box-shadow:inset 0 0 0 1px var(--seam-2)!important} :root[data-theme="dark"] body.shell .sh-shade{background:rgba(0,0,0,.6)} @media (min-width:744px) and (max-width:1023px){ :root[data-theme="dark"] body.shell .sh-tabs{background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--seam-2)} } :root body.shell [data-screen="order"] .вход-совет > svg{display:block; grid-row:1/3; width:30px; height:30px; color:var(--cream)} :root body.shell [data-screen="order"] .вход-совет::before{display:none} :root body.shell .shm .nc-wrap{background:var(--stone); border:0; box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell .shm .nc-sky{display:none} :root body.shell .shm .nc-head h2{background:none; -webkit-background-clip:border-box; background-clip:border-box; color:var(--cream); letter-spacing:0; text-transform:none; font-weight:700} :root body.shell .shm .nc-head h2::before, :root body.shell .shm .nc-next::after{filter:none} :root body.shell .shm .nc-clock b{text-shadow:none} :root body.shell .shm .nc-back, :root body.shell .shm .nc-off .nc-back{border:0; background:var(--nw-inset); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .shm .nc-face{border:0; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell .shm .nc-face img{filter:none} :root body.shell .shm .nc-cut{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none} :root body.shell .shm .nc-next{color:var(--cream); background:linear-gradient(90deg, transparent, var(--stone) 55%)} :root body.shell .shm .nc-next::after{border-color:var(--cream)} :root body.shell .shm .nc-more{border:0; background:var(--nw-inset); color:var(--cream); letter-spacing:0} :root body.shell .shm .me-h h2{letter-spacing:0; text-transform:none; font-weight:700; font-size:15px; color:var(--cream)} :root body.shell .shm .q-total{color:var(--nw-lime-line)} :root body.shell .shm .q-card{border:0; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell .shm .q-bar{background:var(--nw-inset); box-shadow:none} :root body.shell .shm .q-bar i{background:var(--nw-lime-line)} :root body.shell .shm .q-r, html.desk:root body #desk .q-r{color:var(--nw-on-lime); background:var(--nw-lime); box-shadow:none} html.desk:root body #desk .q-total{color:var(--nw-lime-line)} html.desk:root body #desk .q-card{background:var(--stone); border:0; box-shadow:inset 0 0 0 1px var(--seam)} :root body.shell{--shk-key:var(--lamp); --shk-gift:var(--lamp)} :root body.shell .shk-tags .shk-plat, :root body.shell .shk-tags .shk-plat.g{color:var(--cream)} html.desk:root body #desk .kg, html.desk:root body #desk .kg[data-kind="gift"], html.desk:root body #desk .kw, html.desk:root body #desk .kw-steamgifts{--kg-acc:var(--lamp); --acc:var(--lamp)} html.desk:root body #desk .kg-tags .kg-plat, html.desk:root body #desk .kg-tags .kg-plat-g{color:var(--cream); background:var(--nw-мягко); box-shadow:inset 0 0 0 1px var(--seam-2)} :root.desk #desk .ct-sub{text-transform:none!important; letter-spacing:0!important; font:500 12px/1.3 var(--font); color:var(--sand)} :root.desk #desk .ct-abc-cap{color:var(--sand)} :root[data-season="halloween"] body.shell .sh-logo::after, :root[data-season="halloween"].desk #desk .v3-logo::after, :root[data-season="halloween"] .gf-page .gf-logo::after, :root[data-season="halloween"] .hp-page .hp-logo::after{ -webkit-mask-image:url(desk/img/dot-halloween.svg?v=380192e0); mask-image:url(desk/img/dot-halloween.svg?v=380192e0)} :root[data-season="newyear"] body.shell .sh-logo::after, :root[data-season="newyear"].desk #desk .v3-logo::after, :root[data-season="newyear"] .gf-page .gf-logo::after, :root[data-season="newyear"] .hp-page .hp-logo::after{ -webkit-mask-image:url(desk/img/dot-newyear.svg?v=d38019cc); mask-image:url(desk/img/dot-newyear.svg?v=d38019cc)} :root[data-season] body.shell .sh-logo::after, :root[data-season].desk #desk .v3-logo::after{ transform-origin:19.8% 23.4%; animation:season-dot 520ms var(--ease-out, ease) both} @keyframes season-dot{from{opacity:0; transform:scale(.55)} to{opacity:1; transform:none}} :root[data-season] body.shell .sh-pop-h, :root[data-season].desk #desk .v3-pop-h{justify-content:flex-start; column-gap:8px} :root[data-season] body.shell .sh-pop-h::before, :root[data-season].desk #desk .v3-pop-h::before{ content:""; order:1; flex:none; align-self:center; width:15px; height:15px; margin:0 0 0 6px; background:var(--nw-brand); -webkit-mask:center / contain no-repeat; mask:center / contain no-repeat} :root[data-season] body.shell .sh-pop-h::after, :root[data-season].desk #desk .v3-pop-h::after{ content:var(--season-hi, ""); order:2; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:500 14px/1.2 var(--font); letter-spacing:0; color:var(--sand)} :root[data-season] body.shell .sh-pop-h .sh-link, :root[data-season].desk #desk .v3-pop-h a{order:3; margin-left:auto} :root[data-season="halloween"] body.shell .sh-pop-h::before, :root[data-season="halloween"].desk #desk .v3-pop-h::before{ -webkit-mask-image:url(desk/img/glyph-halloween.svg?v=38019132); mask-image:url(desk/img/glyph-halloween.svg?v=38019132)} :root[data-season="newyear"] body.shell .sh-pop-h::before, :root[data-season="newyear"].desk #desk .v3-pop-h::before{ -webkit-mask-image:url(desk/img/glyph-newyear.svg?v=38019304); mask-image:url(desk/img/glyph-newyear.svg?v=38019304)} :root[data-season] :is(.sh-tag-sale, .sh-pill-sale, .t-sale, .tl-sale, .g-sale, .n-deal)::before{ content:""; display:inline-block; width:.84em; height:.84em; margin-right:.32em; vertical-align:-.07em; background:currentColor; -webkit-mask:center / contain no-repeat; mask:center / contain no-repeat} :root[data-season="halloween"] :is(.sh-tag-sale, .sh-pill-sale, .t-sale, .tl-sale, .g-sale, .n-deal)::before{ -webkit-mask-image:url(desk/img/glyph-halloween.svg?v=38019132); mask-image:url(desk/img/glyph-halloween.svg?v=38019132)} :root[data-season="newyear"] :is(.sh-tag-sale, .sh-pill-sale, .t-sale, .tl-sale, .g-sale, .n-deal)::before{ -webkit-mask-image:url(desk/img/glyph-newyear.svg?v=38019304); mask-image:url(desk/img/glyph-newyear.svg?v=38019304)} @media (prefers-reduced-motion:reduce){ :root[data-season] body.shell .sh-logo::after, :root[data-season].desk #desk .v3-logo::after{animation:none} } :root body > main > button#pay, :root .hp-page .hp-go, :root .hp-page a.hp-go, :root .gf-page .gf-go, :root .gf-page .gf-btn.gf-lamp, :root .gf-page .gf-btn.gf-lamp.ok{ color:var(--nw-cta-ink); background:var(--nw-cta); box-shadow:none; transition:background-color var(--t-press, 130ms) var(--ease-out, ease), transform var(--t-press, 130ms) var(--ease-out, ease)} @media (hover:hover){ :root body > main > button#pay:not(:disabled):hover, :root .hp-page .hp-go:hover, :root .gf-page .gf-go:hover, :root .gf-page .gf-btn.gf-lamp:hover{background:var(--nw-cta-hover)} } :root body > main > button#pay:not(:disabled):active, :root .hp-page .hp-go:active, :root .gf-page .gf-go:active, :root .gf-page .gf-btn.gf-lamp:active{background:var(--nw-cta-press); transform:scale(.98)} :root body > main > button#pay:disabled, :root .gf-page .gf-go:disabled, :root .gf-page .gf-btn.gf-lamp:disabled{ color:var(--nw-cta-off-ink); background:var(--nw-cta-off); transform:none} :root body.shell :is(input, textarea), html.desk:root body #desk :is(input, textarea, .ord-id), :root .hp-page :is(input, textarea), :root .gf-page :is(input, textarea){ --seam:var(--nw-field-line); --seam-2:var(--nw-field-line); --nw-нить:var(--nw-field-line); --nw-нить-ярко:var(--nw-field-line)} html.desk:root body #desk .ol-find input:not(:focus){border-color:var(--nw-field-line)} :root body.shell :is(input, textarea)::placeholder, html.desk:root body #desk :is(input, textarea)::placeholder, :root .hp-page input::placeholder, :root .gf-page :is(input, textarea)::placeholder{color:var(--sand); opacity:1} :root body.shell .sh-sw{background:var(--nw-field-line)} html.desk:root body #desk :is(.t-sale, .tl-sale, .g-sale, .mega-i em, .ga-mark), html.desk:root body #desk .n-old em:not(.good){ color:var(--nw-on-lime)!important; background:var(--nw-lime)!important; box-shadow:none!important; text-shadow:none!important} :root body.shell .sh-salebar, html.desk:root body #desk .d-salebar{color:var(--nw-on-sale); background:var(--nw-sale); box-shadow:none} :root body.shell *, :root body.shell *::before, :root body.shell *::after{text-transform:none!important} :root body.shell .sh-lamp, :root body.shell .sh-btn, :root body.shell .sh-title, :root body.shell .dock .act, :root body.shell .sh-drawer-list .sh-grp, :root body.shell .sh-row-em, :root body.shell .sh-h, :root body.shell .sh-h-big, :root body.shell .sh-promo i, :root body.shell .sh-holo-top > span:last-child, :root body.shell .sh-holo-tier b, :root body.shell .sh-holo-bot, :root body.shell .sh-pts-top, :root body.shell .sh-pts-friend .sh-lamp, :root body.shell .sh-gift-lbl, :root body.shell .sh-gd-card > span, :root body.shell .sh-salebar-c u, :root body.shell .ore .mark, :root body.shell [data-screen="order"] .line.pay dt, :root body.shell [data-screen="order"] .field label, :root body.shell [data-screen="order"] .способы-что, :root body.shell .sh-stamp, :root body.shell [data-screen="track"] .plita-top, :root body.shell [data-screen="about"] .about-head h2, :root body.shell .shm .me-h h2, :root body.shell .shm [data-slot="again"]::before, :root body.shell .shm .nc-head h2, :root body.shell .shm .nc-clock small, :root body.shell .shm .nc-more, :root body.shell .shm .nc-back b, :root body.shell .shm .q-claim, :root body.shell .shm .me-rp-t small, :root body.shell .shm .me-rp-cta, :root body.shell > .sty .sty-share, :root body.shell .shk-title, :root body.shell .shk-found, :root body.shell .shk-nocover, :root body.shell .shk-reg, :root body.shell .shk-ptitle, :root body.shell .shk-tags .shk-plat, :root body.shell .shk-where-k, :root body.shell .shk-where-v, :root body.shell .shk-field > span, :root body.shell .shk-get h2, :root body.shell .shk-get h3, :root body.shell .shk-fail b, :root body.shell .ore .gone, :root body.shell .who-кому, :root body.shell .plita-top, :root body.shell .важно-шапка, :root body.shell .ка-шапка, :root body.shell .ка-тряска b, :root body.shell .soon-pill, :root body.shell .home-head h2, :root body.shell .home-brand, :root body.shell .game-name, :root body.shell #gameWarn b, :root body.shell #gameRedeem b, :root body.shell .регион u, :root body.shell .hero-kicker, :root body.shell .способы-что, :root body.shell .способ-скоро, :root body.shell .акция-ярлык b, :root body.shell .акция-крик, :root body.shell .steam-mob .st-lab, :root body.shell .steam-mob .st-c small{letter-spacing:0!important} :root{ --nw-dots:radial-gradient(circle, var(--nw-dots-ink, rgba(127, 127, 127, .07)) 1.4px, transparent 1.6px); --nw-dots-light:radial-gradient(circle, rgba(238, 238, 232, .07) 1.4px, transparent 1.6px); } html.desk:root body #desk .kg-hub .kg-hero-hub, html.desk:root body #desk .kw-hub{ border-color:transparent; background:var(--stone) padding-box; box-shadow:none} html.desk:root body #desk .kg-hub .kg-hero-hub .kg-hero-bg{display:none} html.desk:root body #desk .kg-hub .kg-hero-hub::after, html.desk:root body #desk .kw-hub::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background:var(--nw-dots) 0 0 / 12px 12px; -webkit-mask-image:linear-gradient(90deg, transparent 38%, #000 70%); mask-image:linear-gradient(90deg, transparent 38%, #000 70%)} html.desk:root body #desk .kw-hub .kw-shine{display:none} html.desk:root body #desk .kw-hub .kw-shade{background:linear-gradient(90deg, var(--stone) 0%, color-mix(in oklab, var(--stone) 86%, transparent) 30%, transparent 62%)} html.desk:root body #desk .kw-hub .kw-kick{color:var(--cream); background:var(--nw-inset); box-shadow:none} html.desk:root body #desk .kw-hub .kw-kick svg{color:var(--cream)} html.desk:root body #desk .kg-bar::before{background:var(--deep); -webkit-backdrop-filter:none; backdrop-filter:none} :root body.shell .sh-empty-obj::before{display:block; inset:-14% -34%; background:var(--nw-dots) center / 12px 12px; -webkit-mask-image:radial-gradient(closest-side, #000 38%, transparent 100%); mask-image:radial-gradient(closest-side, #000 38%, transparent 100%)} html.desk:root body #desk .ol-empty, :root .rtg-empty{position:relative; isolation:isolate; border:0; border-radius:var(--r-lg, 16px); background:var(--stone)} html.desk:root body #desk .ol-empty::before, :root .rtg-empty::before{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background:var(--nw-dots) center / 12px 12px; -webkit-mask-image:radial-gradient(farthest-side, transparent 52%, #000 100%); mask-image:radial-gradient(farthest-side, transparent 52%, #000 100%)} :root .rtg-empty{padding:44px 20px} :root .rtg-empty::before{-webkit-mask-image:linear-gradient(180deg, #000, transparent 34%, transparent 66%, #000); mask-image:linear-gradient(180deg, #000, transparent 34%, transparent 66%, #000)} :root body.shell .sh-holo::after{content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background:var(--nw-dots-light) 0 0 / 12px 12px; -webkit-mask-image:radial-gradient(70% 90% at 100% 30%, #000 20%, transparent 70%); mask-image:radial-gradient(70% 90% at 100% 30%, #000 20%, transparent 70%)} html.desk:root body #desk .n-amt{white-space:normal; text-wrap:balance; line-height:1.12} html.desk:root body #desk .n2:is(.on, .goal) .sh-in-i{right:10px} :root body.shell :is(#grid, .row-in):has(> .ore.item:nth-child(4):last-child){grid-template-columns:repeat(2, minmax(0, 1fr))} .app .ord-n, :root body.shell .ord-n, html.desk:root body #desk .ol-t b i, html.desk:root body #desk .o-no{word-spacing:-.3em; white-space:nowrap} html.desk:root body #desk .ol-t b i{margin-left:.35em} html.desk:root body #desk :is(.me-rep, .me-rep.lead, .me-low > .rf-wrap, .me-low > .nc-wrap, .o-friend, .me-prof, .rf-hero.rf-card){ border-color:transparent; background:var(--stone); box-shadow:none} html.desk:root body #desk .me-rep.lead{box-shadow:inset 0 0 0 1px var(--seam-2)} :root body.shell :is(.me-rep, .me-rep.lead){border-color:transparent; background:var(--stone); box-shadow:none} :root body.shell .me-rep.lead{box-shadow:inset 0 0 0 1px var(--seam-2)} html.desk:root body #desk :is(.rf-num, .rf-num.gold){border-color:transparent; background:var(--nw-inset); box-shadow:none} html.desk:root body #desk .rf-num.gold b{color:var(--cream); text-shadow:none} html.desk:root body #desk .rf-field{border-color:var(--nw-field-line); background:var(--nw-inset); box-shadow:none} html.desk:root body #desk .rf-field:focus-within{border-color:var(--nw-lime-line)} html.desk:root body #desk .nc-face{border-color:var(--seam-2)} html.desk:root body #desk :is(.rf-h, .rf-pct b){text-shadow:none; filter:none} html.desk:root body #desk .ord-foot{gap:8px} html.desk:root body #desk .ord-foot :is(.ord-pre, .ord-other){margin:0} html.desk:root body #desk .ord-foot .ord-note{margin:0; font-size:12px; line-height:1.35} html.desk:root body #desk .ord-foot .d-consent{margin:0; opacity:1; color:var(--sand)} html.desk:root body #desk .ord-pre button{padding:2px 6px} html.desk:root body #desk .ord-row{grid-template-columns:minmax(0, 1fr) auto auto; column-gap:10px} html.desk:root body #desk .ord-what b{text-wrap:balance} @media (max-height:940px){ html.desk:root body #desk .ord{gap:10px; padding:18px 20px 14px} html.desk:root body #desk .ord-total b{font-size:28px} } html.desk:root body #desk .me-av{color:var(--on-lamp); background:var(--lamp); box-shadow:none} html.desk:root body #desk .d-login .me-av .me-tier, html.desk:root body #desk .me-av .me-crown{display:none} @media (max-width:1179px){ html.desk:root body #desk .d-login.me-chip[data-me]{padding:0 6px; max-width:none} html.desk:root body #desk .d-login.me-chip[data-me] .me-name{display:none} } @media (max-width:1799px){ html.desk:root body #desk .v3-bar-in:has(.me-chip[data-me]) .h-nav > a[data-go="about"]{display:none} } :root body.shell [data-screen="track"] .plita-copy{color:var(--on-lamp)!important; -webkit-text-fill-color:currentColor; background:var(--lamp)!important; box-shadow:none} :root body.shell [data-screen="track"] .plita-copy.ok{color:var(--nw-on-lime)!important; background:var(--nw-lime)!important} :root body.shell [data-screen="track"] :is(.plita, .выдача) a, html.desk:root body #desk :is(.o-plate, .o-ci) a{color:inherit; text-decoration:underline; text-underline-offset:3px} html.desk:root body #desk :is(.g-calc-out .bad, .ord-nick[data-state="bad"], .ord-nick[data-state="short"], .ord-who[data-state="bad"], .ord-err, .kg-countries .kg-no b, .kg-field-n[data-tone="bad"], .rf-msg, .st-who[data-state="bad"], .st-err, .lg-wait.err, .d-note.err), :root body.shell .shk-field small[data-tone="bad"]{color:var(--rust)} html.desk:root body #desk .kg-field input[aria-invalid="true"]{border-color:var(--rust)} html.desk:root body #desk .kg-err, :root body.shell .shk-err{color:var(--rust); background:color-mix(in oklab, var(--rust) 9%, var(--stone)); border-color:color-mix(in oklab, var(--rust) 45%, transparent)} html.desk:root body #desk .kg-ed-r[aria-checked="true"], html.desk:root body #desk .kg-m[aria-pressed="true"], :root body.shell .shk-ed[aria-checked="true"], :root body.shell .shk-m.on{ border-color:var(--nw-lime-line); background:var(--nw-lime-soft); box-shadow:inset 0 0 0 1px var(--nw-lime-line)} html.desk:root body #desk .kg-ed-r[aria-checked="true"] .kg-dot, :root body.shell .shk-ed[aria-checked="true"] .shk-dot{box-shadow:inset 0 0 0 5px var(--nw-lime-line)} html.desk:root body #desk .kg-agree i, :root body.shell .shk-agree i{border-color:var(--nw-field-line)} html.desk:root body #desk .kg-agree input:checked + i, :root body.shell .shk-agree input:checked + i{color:var(--nw-on-lime); background:var(--nw-lime); border-color:var(--nw-lime)} html.desk:root body #desk .kg-pay:disabled, :root body.shell .shk-pay:disabled{filter:none; color:var(--nw-cta-off-ink)!important; background:var(--nw-cta-off)!important; border-color:transparent; box-shadow:none} html.desk:root body #desk .v3-perks svg{color:currentColor!important} html.desk:root body #desk .d-miss-ic.good{color:var(--lamp); background:color-mix(in oklab, var(--lamp) 8%, var(--stone-deep))} :root .rtg-steps::before, :root .rtg-steps::after{pointer-events:none; background:var(--nw-dots) 0 100% / 12px 12px} :root .rtg-steps::before{-webkit-mask-image:radial-gradient(130% 100% at 0% 100%, #000 30%, transparent 78%); mask-image:radial-gradient(130% 100% at 0% 100%, #000 30%, transparent 78%)} :root .rtg-steps::after{background-position:100% 100%; -webkit-mask-image:radial-gradient(130% 100% at 100% 100%, #000 30%, transparent 78%); mask-image:radial-gradient(130% 100% at 100% 100%, #000 30%, transparent 78%)} :root{--nw-scene:#0b0b0d} :root[data-theme="dark"]{--nw-scene:#131316} html.desk:root body #desk .me-bn, :root body.shell .shm-rib .me-bn{--bn-bg:var(--nw-scene); --bn-ink:#f4f4f5; --bn-sand:#a1a1aa; --bn-acc:var(--nw-lime); --bn-on-acc:var(--nw-on-lime); --bn-dot:rgba(238, 238, 232, .07)} :root[data-theme="dark"].desk body #desk .me-bn, :root[data-theme="dark"] body.shell .shm-rib .me-bn{--bn-edge:var(--seam-2)} :root:not([data-theme="dark"]){--nw-scene:#ffffff} :root:not([data-theme="dark"]).desk body #desk .me-bn:not(.bn-raffle), :root:not([data-theme="dark"]) body.shell .shm-rib .me-bn:not(.bn-raffle){ --bn-ink:#0b0b0d; --bn-sand:#5f6068; --bn-edge:var(--seam); --bn-dot:rgba(11, 11, 13, .08); --bn-block:#e4e4e7; --bn-block-top:#f4f4f5; --bn-block-side:#d4d4d8; --bn-ghost:rgba(11, 11, 13, .05); --bn-card:#f4f4f5} :root:not([data-theme="dark"]) body :is(#desk, .shm-rib) .me-bn:not(.bn-raffle) .bn-k.on{color:var(--nw-lime-line)} html.desk:root body #desk .ord-total b.roll{font-family:var(--nw-mono); font-weight:600; letter-spacing:-.03em} html.desk:root body #desk .ord-total .rc{width:.6em} html.desk:root body #desk .ord-total .rs{font-family:var(--font); letter-spacing:0} html.desk:root body #desk .ord-save{color:var(--nw-lime-line); background:var(--nw-lime-soft)} html.desk:root body #desk .ord-save::before{background:var(--nw-lime)} html.desk:root body #desk .ord-save b.roll{font-family:var(--nw-mono); font-weight:600; letter-spacing:-.03em} html.desk:root body #desk .ord-save .rc{width:.6em} html.desk:root body #desk .ord-save .rs{font-family:var(--font); letter-spacing:0} html.desk:root body #desk .ord-line s{color:var(--sand)} html.desk:root body #desk .ord-qp{border-color:transparent; background:var(--nw-inset)} html.desk:root body #desk .ord-qp-t small{color:var(--sand)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .ord-qp:hover{border-color:var(--nw-field-line)} } html.desk:root body #desk .o-steps::before{background:var(--seam-2)} html.desk:root body #desk .o-steps::after{background:var(--nw-lime-line)} html.desk:root body #desk .o-stage[data-state="failed"] .o-steps::after{background:var(--rust)} html.desk:root body #desk .o-dots i{background:var(--nw-brand)} html.desk:root body #desk .o-dots i:nth-child(2n){background:var(--nw-lime-line)} html.desk:root body #desk .d-mc{border-color:transparent; box-shadow:0 18px 40px -18px rgba(0,0,0,.22)} :root[data-theme="dark"].desk body #desk .d-mc{border-color:var(--seam-2); box-shadow:0 24px 60px -24px rgba(0,0,0,.8)} html.desk:root body #desk .d-mc-foot{border-top-color:var(--seam-2)} html.desk:root body #desk .d-mc-go{color:var(--nw-cta-ink); background:var(--nw-cta)} html.desk:root body #desk .d-mc-go:active{background:var(--nw-cta-press)} html.desk:root body #desk .d-mc-go:focus-visible{outline-color:var(--nw-lime-line)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .d-mc-go:hover{background:var(--nw-cta-hover)} } :root .lvr{position:absolute; display:block; pointer-events:none} :root .lvr-ring{position:absolute; inset:0; width:100%; height:100%; overflow:visible; transform:rotate(-90deg)} :root .lvr-track{fill:none; stroke:color-mix(in oklab, #fff 18%, transparent); stroke-width:5} :root .lvr-arc{fill:none; stroke:var(--nw-brand); stroke-width:5; stroke-linecap:round} :root .lvr-mark{position:absolute; left:23%; top:23%; width:54%; height:54%; color:#fff; --lamp:var(--nw-brand)} :root .lvr-say{white-space:nowrap} :root .lvr-say b{font-weight:800; color:#fff; font-variant-numeric:tabular-nums} html.desk:root body #desk .holo .lvr{right:24px; top:64px; width:92px; height:92px} :root body.shell .sh-holo .lvr{right:18px; top:46px; width:84px; height:84px} :root .gx{display:block; width:100%; height:100%; overflow:visible; --gx-f:#1d1d21; --gx-s:#111114; --gx-t:#2e2e34; --gx-lf:#25252a; --gx-ls:#151518; --gx-cv:#060607; --gx-r:var(--nw-lime); --gx-rs:#86ad0f; --gx-rt:#cdf55a; --gx-ri:#7c9f0c; --gx-edge:transparent; --gx-sh:rgba(11,11,13,.16); --gx-paper:#f4f4f5; --gx-ink:#c3c3ca; --gx-dot:var(--nw-lime)} :root[data-theme="dark"] .gx{--gx-f:#27272c; --gx-s:#1b1b1f; --gx-t:#3a3a41; --gx-lf:#2f2f35; --gx-ls:#202025; --gx-cv:#0b0b0d; --gx-rs:#94bd18; --gx-rt:#dcff73; --gx-ri:#86ab12; --gx-edge:#4a4a52; --gx-sh:rgba(0,0,0,.5)} :root [data-style="gold"] > .gx, :root[data-theme="dark"] [data-style="gold"] > .gx{--gx-f:#c9982e; --gx-s:#a37a20; --gx-t:#ddb04a; --gx-lf:#d2a136; --gx-ls:#a97e22; --gx-cv:#3a2a08; --gx-r:#f4f1e8; --gx-rs:#cfc8b4; --gx-rt:#fff; --gx-ri:#b9b19a; --gx-edge:transparent} :root [data-style="silver"] > .gx, :root[data-theme="dark"] [data-style="silver"] > .gx{--gx-f:#8e9099; --gx-s:#6d6f78; --gx-t:#acaeb6; --gx-lf:#989aa3; --gx-ls:#73757e; --gx-cv:#2a2b30; --gx-edge:transparent} :root .gx .gx-f{fill:var(--gx-f)} :root .gx .gx-s{fill:var(--gx-s)} :root .gx .gx-t{fill:var(--gx-t)} :root .gx .gx-lf{fill:var(--gx-lf)} :root .gx .gx-ls{fill:var(--gx-ls)} :root .gx .gx-cv{fill:var(--gx-cv)} :root .gx .gx-r{fill:var(--gx-r)} :root .gx .gx-rs{fill:var(--gx-rs)} :root .gx .gx-rt{fill:var(--gx-rt)} :root .gx .gx-ri{fill:var(--gx-ri)} :root .gx .gx-sh{fill:var(--gx-sh); fill-opacity:1} :root .gx .gx-paper{fill:var(--gx-paper)} :root .gx .gx-ink{fill:var(--gx-ink)} :root .gx .gx-dot{fill:var(--gx-dot)} :root .gx .gx-edge{stroke:var(--gx-edge); stroke-width:.6; stroke-linejoin:round} :root :is(.sh-gbox, .gf-box) > .gx{position:absolute; inset:0} :root .gxb{position:relative; display:block; flex:none; width:var(--gx-w, 120px); aspect-ratio:106 / 110} html.desk:root body #desk .gf-live .gxb{--gx-w:104px} html.desk:root body #desk .gf-plate .gxb{--gx-w:132px} :root .gx :is(.gx-sh, .gx-hop, .gx-lid, .gx-note){transform-box:view-box} :root .gx .gx-sh{transform-origin:56px 109px} :root .gx .gx-hop{transform-origin:56px 110px} :root .gx .gx-lid{transform-origin:14px 60px} :root .gx-open > .gx .gx-lid{transform:translate(-5px, -17px) rotate(-13deg)} :root .gx-open > .gx .gx-note{transform:translate(2px, -25px) rotate(-5deg)} :root .gx-open > .gx .gx-lsh{opacity:0} @media (prefers-reduced-motion:no-preference){ :root .gx .gx-lid{transition:transform 320ms var(--ease-out)} :root .gx .gx-note{transition:transform 380ms var(--ease-out) 40ms} :root .gx .gx-lsh{transition:opacity 160ms ease} :root .gx-peek > .gx .gx-hop{animation:gx-hop 620ms both} :root .gx-peek > .gx .gx-sh{animation:gx-sh 620ms both} :root .gx-peek > .gx .gx-lid{animation:gx-lid 1500ms var(--ease-out) 160ms both} :root .gx-peek > .gx .gx-note{animation:gx-note 1500ms var(--ease-out) 160ms both} :root .gx-peek > .gx .gx-lsh{animation:gx-lsh 1500ms ease 160ms both} html.desk:root body #desk .gf-live .gxb.pop{animation:gf-pop 320ms var(--ease-out)} html.desk:root body #desk .gf-plate.fresh .gxb{animation:gf-rise 700ms var(--ease-out) backwards} } @keyframes gx-hop{ 0%{transform:none; animation-timing-function:cubic-bezier(.23, 1, .32, 1)} 32%{transform:translateY(-8px); animation-timing-function:cubic-bezier(.55, 0, .75, .3)} 56%{transform:scale(1.035, .955); animation-timing-function:cubic-bezier(.23, 1, .32, 1)} 78%{transform:translateY(-1.5px) scale(.995, 1.01)} 100%{transform:none}} @keyframes gx-sh{0%, 100%{transform:none; opacity:1} 32%{transform:scale(.8); opacity:.55} 56%{transform:scale(1.05, 1); opacity:1}} @keyframes gx-lid{0%{transform:none} 22%, 64%{transform:translate(-5px, -17px) rotate(-13deg)} 100%{transform:none}} @keyframes gx-note{0%{transform:none} 28%, 62%{transform:translate(2px, -25px) rotate(-5deg)} 92%, 100%{transform:none}} @keyframes gx-lsh{0%, 100%{opacity:1} 16%, 72%{opacity:0}} html.desk:root body #desk .d-gift{grid-template-columns:minmax(0, 352px) minmax(0, 1fr) minmax(0, 400px); gap:32px; padding:22px 32px 22px 26px} html.desk:root body #desk .d-gift-art{position:relative; display:block; width:352px; height:204px} html.desk:root body #desk .d-gift-box{position:absolute; left:0; bottom:2px; z-index:2; display:block; width:164px; cursor:pointer; -webkit-tap-highlight-color:transparent; text-decoration:none} html.desk:root body #desk .d-gift-box .gxb{--gx-w:164px} html.desk:root body #desk span.d-gift-box{cursor:default} html.desk:root body #desk .d-gc{position:absolute; right:0; top:14px; z-index:1; box-sizing:border-box; width:194px; margin:0; padding:14px 14px 13px 16px; display:flex; flex-direction:column; border-radius:16px; color:var(--cream); background:var(--deep); box-shadow:inset 0 0 0 1px var(--seam-2); transform:rotate(3deg); transform-origin:20% 100%} html.desk:root body #desk .d-gc-top{display:flex; height:13px; margin:0 0 10px} html.desk:root body #desk .d-gc-word{width:56px; height:13px; color:var(--cream)} html.desk:root body #desk .d-gc-t{font:700 18px/1.1 var(--font-display); letter-spacing:-.01em} html.desk:root body #desk .d-gc-from{margin-top:3px; font:600 12px/1.3 var(--font); color:var(--sand)} html.desk:root body #desk .d-gc-wish{margin:8px 0 0; font:500 12.5px/1.4 var(--font); color:var(--cream)} html.desk:root body #desk .d-gc-code{display:flex; align-items:center; gap:6px; margin-top:10px; padding:7px 8px; border-radius:9px; background:var(--stone); font:600 12px/1.2 var(--font); color:var(--sand); white-space:nowrap} html.desk:root body #desk .d-gc-code svg{flex:none; width:13px; height:13px} html.desk:root body #desk .d-gc figcaption{position:absolute; right:14px; top:-10px; padding:4px 9px; border-radius:999px; font:600 11px/1.1 var(--font); color:var(--sand); background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam-2)} @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ html.desk:root body #desk .d-gc{transition:transform 320ms var(--ease-out)} html.desk:root body #desk :is(.d-gift-art:hover, .d-gift:has(.d-gift-pick:hover, .d-gift-pick:focus-visible) .d-gift-art) .d-gc{transform:rotate(1deg) translateY(-3px)} html.desk:root body #desk :is(.d-gift-art:hover, .d-gift:has(.d-gift-pick:hover, .d-gift-pick:focus-visible) .d-gift-art) .gx .gx-lid{transform:translate(-5px, -17px) rotate(-13deg)} html.desk:root body #desk :is(.d-gift-art:hover, .d-gift:has(.d-gift-pick:hover, .d-gift-pick:focus-visible) .d-gift-art) .gx .gx-note{transform:translate(2px, -25px) rotate(-5deg)} html.desk:root body #desk :is(.d-gift-art:hover, .d-gift:has(.d-gift-pick:hover, .d-gift-pick:focus-visible) .d-gift-art) .gx .gx-lsh{opacity:0} html.desk:root body #desk :is(.d-gift-art:hover, .d-gift:has(.d-gift-pick:hover, .d-gift-pick:focus-visible) .d-gift-art) .gx .gx-hop{animation:gx-hop 620ms both} html.desk:root body #desk :is(.d-gift-art:hover, .d-gift:has(.d-gift-pick:hover, .d-gift-pick:focus-visible) .d-gift-art) .gx .gx-sh{animation:gx-sh 620ms both} } @media (max-width:1199px){ html.desk:root body #desk .d-gift{grid-template-columns:minmax(0, 330px) minmax(0, 1fr); gap:20px 28px} html.desk:root body #desk .d-gift-art{width:330px; height:196px} html.desk:root body #desk .d-gift-box{width:146px} html.desk:root body #desk .d-gift-box .gxb{--gx-w:146px} html.desk:root body #desk .d-gc{width:190px} } :root body.shell .sh-giftban{gap:12px; min-height:66px; padding:6px 40px 6px 10px} :root body.shell .sh-giftban .sh-gbox{width:54px; height:54px} html.desk:root body #desk .ol-empty{padding-top:34px} html.desk:root body #desk .ol-empty::after{content:""; order:-1; width:140px; height:116px; margin:-6px 0 0; pointer-events:none; background:url(skin/img/cur/pubg_x.webp?v=db4426a6) center / contain no-repeat; filter:drop-shadow(0 10px 10px rgba(0, 0, 0, .18))} :root{--pm-sbp:url(img/pay/sbp.svg?v=387dc1b1); --pm-crypto:url(img/pay/crypto.svg?v=387dc192); --pm-stars:url(img/pay/stars.svg?v=387dc1b0); --pm-card:url(img/pay/card.svg?v=387dc191); --pm-kz:url(img/pay/kz.svg?v=387dc1a6); --pm-world:url(img/pay/world.svg?v=387dc1d6)} html.desk:root body #desk :is(.ord-m, .st-m):is([data-m="sbp"], [data-m="crypto"], [data-m="stars"], [data-m="card"], [data-m="kz"], [data-m="foreign"])::before{ content:""; order:0; flex:none; align-self:center; width:17px; height:17px; margin:-3px 1px -3px 0; background:currentColor; -webkit-mask:var(--pm) center / contain no-repeat; mask:var(--pm) center / contain no-repeat} html.desk:root body #desk :is(.ord-m, .st-m)[data-m="sbp"]{--pm:var(--pm-sbp)} html.desk:root body #desk :is(.ord-m, .st-m)[data-m="crypto"]{--pm:var(--pm-crypto)} html.desk:root body #desk :is(.ord-m, .st-m)[data-m="stars"]{--pm:var(--pm-stars)} html.desk:root body #desk :is(.ord-m, .st-m)[data-m="card"]{--pm:var(--pm-card)} html.desk:root body #desk :is(.ord-m, .st-m)[data-m="kz"]{--pm:var(--pm-kz)} html.desk:root body #desk :is(.ord-m, .st-m)[data-m="foreign"]{--pm:var(--pm-world)} :root body .способ-знак:is([data-pay="sbp"], [data-pay="crypto"], [data-pay="stars"], [data-pay="card"], [data-pay="kz"], [data-pay="foreign"]){ display:block; width:20px; height:20px; margin-bottom:3px; background:currentColor; -webkit-mask:var(--pm) left center / contain no-repeat; mask:var(--pm) left center / contain no-repeat} :root body .способ-знак[data-pay="sbp"]{--pm:var(--pm-sbp)} :root body .способ-знак[data-pay="crypto"]{--pm:var(--pm-crypto)} :root body .способ-знак[data-pay="stars"]{--pm:var(--pm-stars)} :root body .способ-знак[data-pay="card"]{--pm:var(--pm-card)} :root body .способ-знак[data-pay="kz"]{--pm:var(--pm-kz)} :root body .способ-знак[data-pay="foreign"]{--pm:var(--pm-world)} :root body .способ.скоро .способ-знак{opacity:.55} :root .gf-page .gf-scene .gfx{--gx-w:calc(var(--fs) * 11); isolation:isolate; -webkit-tap-highlight-color:transparent} :root .gf-page .gf-scene .gfx.is-alive{cursor:pointer} :root .gf-page .gfx::before{content:""; position:absolute; left:50%; top:64%; z-index:-1; width:156%; aspect-ratio:1; pointer-events:none; transform:translate(-50%, -50%); background:var(--nw-dots) center / 12px 12px; -webkit-mask-image:radial-gradient(closest-side, #000 34%, transparent 100%); mask-image:radial-gradient(closest-side, #000 34%, transparent 100%)} :root .gf-page .gf-scene.is-done .gfx::before{opacity:0} :root .gf-page .gfx .gx .gx-bow > *{transform-box:view-box} :root .gf-page .gfx .gx .gx-bow > :nth-child(-n+2){transform-origin:54.4px 46.6px} :root .gf-page .gfx .gx .gx-bow > :nth-child(n+3):nth-child(-n+5){transform-origin:54.3px 45.6px} :root .gf-page .gfx .gx .gx-bow > :nth-child(n+6):nth-child(-n+8){transform-origin:54.6px 45.6px} :root .gf-page .gfx .gx .gx-bow > :nth-child(9){transform-origin:54.4px 45px} :root .gf-page .gfx .gx :is(.gx-lid, .gx-note, .gx-lsh){transition:none} :root .gf-page .gfx.is-open .gx .gx-lid{opacity:0; transform:translate(-16px, -74px) rotate(-28deg)} :root .gf-page .gfx.is-open .gx .gx-bow > *{opacity:0} :root .gf-page .gfx.is-open .gx .gx-lsh{opacity:0} :root .gf-page .gfx.is-open .gx .gx-note{transform:translate(0, -38px) rotate(-3deg)} :root .gf-page .gfx.is-open .gx .gx-cv{stroke:var(--gx-edge); stroke-width:.6; stroke-linejoin:round} :root[data-theme="dark"] .gf-page .gfx.is-open[data-style="moon"] > .gx{--gx-cv:var(--stone)} :root .gf-page .gf-scene.is-done .gfx .gx .gx-note{visibility:hidden} @media (prefers-reduced-motion:no-preference){ :root .gf-page .gfx.is-alive .gx .gx-hop{animation:gfx-sway 3600ms ease-in-out 900ms 8 backwards} :root .gf-page .gfx.is-alive .gx .gx-lid{animation:gfx-knock 3600ms ease-in-out 900ms 8 backwards} :root .gf-page .gfx.is-alive .gx .gx-sh{animation:gfx-sway-sh 3600ms ease-in-out 900ms 8 backwards} :root .gf-page .gfx.is-alive > .gx{transition:transform 160ms var(--ease-out); transform-origin:50% 96%} :root .gf-page .gfx.is-alive:active > .gx{transform:scale(.97)} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-hop{animation:gfx-crouch 560ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-sh{animation:gfx-crouch-sh 560ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-bow > :nth-child(1){animation:gfx-tail-l 380ms cubic-bezier(.55, 0, .75, .3) 90ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-bow > :nth-child(2){animation:gfx-tail-r 380ms cubic-bezier(.55, 0, .75, .3) 120ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-bow > :nth-child(n+3):nth-child(-n+5){animation:gfx-loop-l 400ms cubic-bezier(.4, 0, .7, .4) 80ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-bow > :nth-child(n+6):nth-child(-n+8){animation:gfx-loop-r 400ms cubic-bezier(.4, 0, .7, .4) 100ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-bow > :nth-child(9){animation:gfx-knot 260ms cubic-bezier(.4, 0, 1, 1) 160ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-lid{animation:gfx-lid 700ms 320ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-lsh{animation:gfx-lsh 240ms ease 320ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .gx-note{animation:gfx-note 560ms cubic-bezier(.23, 1, .32, 1) 600ms backwards} :root .gf-page .gfx::before{transition:opacity 320ms ease} } @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){ :root .gf-page .gfx.is-alive:hover .gx .gx-hop{animation:gfx-wiggle 760ms ease-in-out} :root .gf-page .gfx.is-alive:hover .gx .gx-lid{animation:gfx-knock-1 760ms ease-in-out} } @keyframes gfx-sway{ 0%, 56%, 86%, 100%{transform:none} 62%{transform:rotate(-2.4deg)} 68%{transform:rotate(2deg)} 74%{transform:rotate(-1.2deg)} 80%{transform:rotate(.5deg)}} @keyframes gfx-knock{0%, 58%, 80%, 100%{transform:none} 63%{transform:translateY(-2.4px)} 68%{transform:translateY(-.4px)} 72%{transform:translateY(-1.6px)}} @keyframes gfx-sway-sh{0%, 56%, 86%, 100%{transform:none} 62%, 74%{transform:scaleX(.95)} 68%{transform:scaleX(.96)}} @keyframes gfx-wiggle{ 0%, 100%{transform:none} 18%{transform:rotate(-2.4deg)} 40%{transform:rotate(2deg)} 62%{transform:rotate(-1.2deg)} 82%{transform:rotate(.5deg)}} @keyframes gfx-knock-1{0%, 70%, 100%{transform:none} 20%{transform:translateY(-2.4px)} 40%{transform:translateY(-.4px)} 52%{transform:translateY(-1.6px)}} @keyframes gfx-crouch{ 0%{transform:none; animation-timing-function:cubic-bezier(.3, 0, .5, 1)} 32%{transform:scale(1.045, .94); animation-timing-function:cubic-bezier(.2, .9, .3, 1)} 62%{transform:scale(.985, 1.025)} 100%{transform:none}} @keyframes gfx-crouch-sh{0%, 100%{transform:none} 32%{transform:scaleX(1.06)} 62%{transform:scaleX(.98)}} @keyframes gfx-tail-l{0%{transform:none; opacity:1} 100%{transform:translate(-2px, 14px) rotate(12deg); opacity:0}} @keyframes gfx-tail-r{0%{transform:none; opacity:1} 100%{transform:translate(2px, 14px) rotate(-12deg); opacity:0}} @keyframes gfx-loop-l{ 0%{transform:none; opacity:1} 45%{transform:translate(-2px, 1px) rotate(-26deg); opacity:1} 100%{transform:translate(-9px, 16px) rotate(-64deg) scale(.72); opacity:0}} @keyframes gfx-loop-r{ 0%{transform:none; opacity:1} 45%{transform:translate(2px, 1px) rotate(26deg); opacity:1} 100%{transform:translate(9px, 16px) rotate(64deg) scale(.72); opacity:0}} @keyframes gfx-knot{0%{transform:none; opacity:1} 100%{transform:scale(.2); opacity:0}} @keyframes gfx-lid{ 0%{transform:none; opacity:1; animation-timing-function:cubic-bezier(.3, 0, .6, 1)} 14%{transform:translate(0, 1.5px); opacity:1; animation-timing-function:cubic-bezier(.15, .85, .35, 1)} 56%{transform:translate(-6px, -42px) rotate(-12deg); opacity:1; animation-timing-function:cubic-bezier(.4, 0, .8, .6)} 100%{transform:translate(-16px, -74px) rotate(-28deg); opacity:0}} @keyframes gfx-lsh{from{opacity:1} to{opacity:0}} @keyframes gfx-note{from{transform:none}} :root .gfx-burst{position:fixed; inset:0; z-index:5; pointer-events:none; contain:layout paint style} :root .gfx-burst i{position:absolute; border-radius:50%; background:var(--sand); opacity:0; will-change:transform, opacity} :root .gfx-burst i.l{background:var(--nw-lime)} :root .gf-page .gf-open .gf-card{--card:var(--stone); --card-ink:var(--cream); --card-mute:var(--sand); z-index:2; align-items:center; gap:4px; padding:22px 22px 26px; border:0; border-radius:20px; color:var(--card-ink); background:var(--card); box-shadow:0 1px 2px rgba(11, 11, 13, .05), 0 22px 44px -28px rgba(11, 11, 13, .35)} :root[data-theme="dark"] .gf-page .gf-open .gf-card{--card:var(--cream); --card-ink:var(--deep); --card-mute:color-mix(in oklab, var(--deep) 66%, var(--cream)); box-shadow:none} :root .gf-page .gf-open .gf-card::after{display:none} :root .gf-page .gf-open .gf-card .gf-kicker{display:inline-flex; align-items:center; gap:8px; font:600 14px/1.3 var(--font); color:var(--card-mute)} :root .gf-page .gf-open .gf-card .gf-kicker::before{content:""; flex:none; width:8px; height:8px; border-radius:50%; background:var(--nw-lime); box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--card-ink) 14%, transparent)} :root .gf-page .gf-open .gf-card .gf-from{margin:0; font:700 clamp(24px, 6.6vw, 30px)/1.12 var(--font-display); letter-spacing:-.025em; text-transform:none; color:var(--card-ink); background:none; -webkit-background-clip:border-box; background-clip:border-box} :root .gf-page .gf-open .gf-card .gf-from:empty{display:none} :root .gf-page .gf-open .gf-card .gf-wish{margin:8px 0 0; max-width:32ch; font:400 17px/1.5 var(--font); color:var(--card-ink)} :root .gf-page .gf-card-art{position:relative; display:block; flex:none; width:min(100%, 240px); height:112px; margin:-6px 0 8px} :root .gf-page .gf-card-art img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none} :root .gf-page .gf-card-art[data-n="2"] img[data-p="l"]{transform:translateX(-24%) rotate(-6deg) scale(.86)} :root .gf-page .gf-card-art[data-n="2"] img[data-p="r"]{transform:translateX(24%) rotate(6deg) scale(.86)} :root .gf-page .gf-card-art[data-n="3"] img[data-p="c"]{z-index:2; transform:scale(.94)} :root .gf-page .gf-card-art[data-n="3"] img[data-p="l"]{transform:translateX(-32%) rotate(-8deg) scale(.76)} :root .gf-page .gf-card-art[data-n="3"] img[data-p="r"]{transform:translateX(32%) rotate(8deg) scale(.76)} @media (prefers-reduced-motion:no-preference){ :root .gf-page .gf-open > .gf-card.gf-fly{animation:none} :root .gf-page .gf-open > .gf-card.gf-fly > *{animation:gfx-ink 340ms ease 160ms backwards} :root .gf-page .gf-scene:not(.instant) .gf-open > .gf-items{animation-delay:560ms} :root .gf-page .gf-scene:not(.instant) .gf-open > .gf-foot{animation-delay:700ms} } @keyframes gfx-ink{from{opacity:0}} :root .gf-page .gf-scene.is-done .gfx{--gx-w:calc(var(--fs) * 5.6); margin:calc(var(--fs) * -2.2) 0 6px} @media (min-width:900px){ :root .gf-page .gf-scene.is-done{align-items:start; padding-top:clamp(16px, 4vh, 40px)} :root .gf-page .gf-scene.is-done .gfx{--gx-w:calc(var(--fs) * 9.5); margin:calc(var(--fs) * -3.4) 0 0} } @media (min-width:700px) and (max-height:520px){ :root .gf-page .gf-scene.is-done{align-items:start; padding-top:12px} :root .gf-page .gf-scene.is-done .gfx{--gx-w:calc(var(--fs) * 8); margin:calc(var(--fs) * -2.6) 0 0} } :root .gf-page .gf-wait i{width:10px; height:10px; border:0; border-radius:50%; background:var(--nw-lime); animation:none; box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--cream) 14%, transparent)} @media (prefers-reduced-motion:no-preference){ :root .gf-page .gf-wait i{animation:gfx-breathe 1600ms ease-in-out infinite} } @keyframes gfx-breathe{0%, 100%{transform:scale(.7); opacity:.55} 50%{transform:none; opacity:1}} html.desk:root body #desk .o-burst i.l, :root body.shell .sh-burst i.l{background:var(--nw-lime)} html.desk:root:not([data-theme="dark"]) body #desk .o-burst img, :root:not([data-theme="dark"]) body.shell .sh-burst img{filter:drop-shadow(0 3px 4px rgba(11, 11, 13, .2))} html.desk:root body #desk .kg-hubtabs a{color:var(--nw-lime-line); background:color-mix(in oklab, var(--nw-lime) 10%, transparent); border-color:color-mix(in oklab, var(--nw-lime-line) 45%, transparent)} html.desk:root body #desk .kg-hubtabs a svg{color:currentColor} html.desk:root body #desk .kg-hubtabs a[aria-selected="true"]{color:var(--nw-on-lime); background:var(--nw-lime); border-color:var(--nw-lime)} html.desk:root body #desk .kg-hubtabs a[aria-selected="true"] svg{color:currentColor} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .kg-hubtabs a:not([aria-selected="true"]):hover{background:color-mix(in oklab, var(--nw-lime) 18%, transparent)} } :root body.shell .shk-tabs4 .sh-chip{color:var(--nw-lime-line); background:color-mix(in oklab, var(--nw-lime) 10%, var(--stone-2)); border-color:color-mix(in oklab, var(--nw-lime-line) 45%, transparent)} :root body.shell .shk-tabs4 .sh-chip.on{color:var(--nw-on-lime); background:var(--nw-lime); border-color:var(--nw-lime)} :root body.shell .shk-tabs4 .sh-chip svg{color:currentColor} :root.desk #desk .v3-pop-grid .t3.s.art{justify-content:flex-start; gap:0; min-height:0; padding:0} :root.desk #desk .t3.art .t3-art{position:relative; display:block; flex:none; aspect-ratio:4 / 3; overflow:hidden; background:var(--stone-deep)} :root.desk #desk .t3.art .t3-art img{display:block; width:100%; height:100%; object-fit:cover; transition:transform 450ms var(--ease-out)} :root.desk #desk .t3.art .t3-art::after, :root body.shell .sh-tile.art .sh-tile-art::after{content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--cream) 9%, transparent)} :root.desk #desk .v3-pop-grid .t3.s.art .t3-txt{padding:10px 12px 12px} :root.desk #desk .v3-pop-grid .t3.s.t3-all{min-height:0} :root.desk #desk .t3.art::after{display:block; content:""; position:absolute; inset:0; z-index:4; border-radius:inherit; pointer-events:none; opacity:0; box-shadow:inset 0 0 0 1.5px var(--seam-2); transition:opacity 180ms ease} :root.desk #desk .t3.art:hover{box-shadow:none!important} @media (hover:hover) and (pointer:fine){ :root.desk #desk .t3.art:hover::after{opacity:1} :root.desk #desk .t3.art:hover .t3-art img{transform:scale(1.05)} } :root.desk #desk .t3.art.soon .t3-art img{filter:grayscale(.85) brightness(.82)} @media (prefers-reduced-motion:reduce){ :root.desk #desk .t3.art .t3-art img{transition:none} } :root body.shell .sh-tile.art .sh-tile-art img{display:block; width:100%; height:100%; object-fit:cover} :root.desk #desk .art-fee, :root body.shell .art-fee{--fee-bg:#c62a2f; position:absolute; z-index:3; top:10px; right:10px; display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 9px 6px; border-radius:12px; pointer-events:none; background:var(--fee-bg); color:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.22), 0 6px 18px -6px rgba(0,0,0,.6)} :root.desk #desk .art-fee b, :root body.shell .art-fee b{font:800 18px/1 var(--font-display); letter-spacing:-.01em; font-variant-numeric:tabular-nums; white-space:nowrap} :root.desk #desk .art-fee small, :root body.shell .art-fee small{font:600 10px/1 var(--font); letter-spacing:.01em; text-transform:none; white-space:nowrap; opacity:.92} :root body.shell .art-fee{top:7px; right:7px; padding:5px 7px; border-radius:10px} :root body.shell .art-fee b{font-size:15px} :root body.shell .art-fee small{font-size:9px} :root body.shell .sh-pop-ribbon .art-fee{top:5px; right:5px; padding:4px 6px; border-radius:8px} :root body.shell .sh-pop-ribbon .art-fee b{font-size:13px} :root body.shell .sh-pop-ribbon .art-fee small{font-size:8px} :root.desk #desk .art-fee, :root body.shell .art-fee{animation:art-fee-pulse 2.8s cubic-bezier(.4, 0, .2, 1) infinite} :root.desk #desk .art-fee::after, :root body.shell .art-fee::after{content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; animation:art-fee-ring 2.8s cubic-bezier(.2, .6, .3, 1) infinite} @keyframes art-fee-pulse{0%, 30%, 100%{transform:scale(1)} 12%{transform:scale(1.06)}} @keyframes art-fee-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--fee-bg) 60%, transparent)} 45%, 100%{box-shadow:0 0 0 8px color-mix(in srgb, var(--fee-bg) 0%, transparent)}} @media (prefers-reduced-motion:reduce){:root.desk #desk .art-fee, :root body.shell .art-fee, :root.desk #desk .art-fee::after, :root body.shell .art-fee::after{animation:none}} :root.desk #desk .t3.art:has(.art-fee) .cbm-tag, :root.desk #desk .ct-t:has(.art-fee) .cbm-tag{top:64px} :root.desk #desk .ct-grid{grid-auto-rows:auto} :root.desk #desk .ct-t{grid-template-rows:auto auto auto minmax(0, 1fr) auto; padding:0 0 14px} :root.desk #desk .ct-t > .ct-name, :root.desk #desk .ct-t > .ct-sub, :root.desk #desk .ct-t > .ct-foot{margin-left:16px; margin-right:16px} :root.desk #desk .ct-t > .ct-name{margin-top:12px} :root.desk #desk .ct-t > .ct-foot{margin-top:8px} :root.desk #desk .ct-t .ct-pic, :root.desk #desk .ct-t .ct-pic.obj{justify-self:stretch; display:grid; place-items:center; width:auto; height:auto; margin:0; aspect-ratio:4 / 3; overflow:hidden; transition:none; background:var(--stone-deep)} :root.desk #desk .ct-t .ct-pic::before{content:""; position:absolute; inset:-30%; background:var(--pic, none) center / cover no-repeat; filter:blur(26px) saturate(1.5); opacity:.7} :root.desk #desk .ct-t .ct-pic::after{content:""; position:absolute; inset:0; background:radial-gradient(70% 70% at 50% 45%, transparent 30%, rgba(0,0,0,.35)); box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--cream) 9%, transparent)} :root.desk #desk .ct-t .ct-pic > *{position:relative; z-index:1; grid-area:1 / 1} :root.desk #desk .ct-t .ct-pic img{width:44%; height:auto; aspect-ratio:1; transition:transform 450ms var(--ease-out)} :root.desk #desk .ct-t .ct-pic.obj img{width:54%} :root.desk #desk .ct-t .ct-pic.art::before{content:none} :root.desk #desk .ct-t .ct-pic.art::after{background:none} :root.desk #desk .ct-t .ct-pic.art > img{position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; object-fit:cover; border-radius:0; box-shadow:none} :root.desk #desk .ct-t .ct-pic.art > .art-fee{position:absolute; z-index:3; grid-area:auto} :root.desk #desk .ct-t > .ct-sub, :root.desk #desk .ct-t > .ct-foot{display:none} :root.desk #desk .ct-t{grid-template-rows:auto auto; align-content:start; padding:0 0 12px} :root.desk #desk .ct-t > .ct-name{margin-top:10px; margin-left:12px; margin-right:12px} :root.desk #desk .ct-t .ct-pic .ct-letter{inset:auto; width:44%; aspect-ratio:1; font-size:40px} :root.desk #desk .ct-t .t-sale{z-index:4} :root.desk #desk .ct-t .ct-pic:not(.art)::after{background:radial-gradient(70% 70% at 50% 45%, transparent 30%, rgba(0,0,0,.3))} @media (hover:hover) and (pointer:fine){ :root.desk #desk .ct-t:not(.soon):hover .ct-pic{transform:none} :root.desk #desk .ct-t:not(.soon):hover .ct-pic img{transform:scale(1.05)} } @media (prefers-reduced-motion:reduce){ :root.desk #desk .ct-t .ct-pic img{transition:none} } :root body.shell .sh-wall-pop > .sh-tile.art, :root body.shell .sh-pop-ribbon > .sh-tile.art{justify-content:flex-start; gap:0; min-height:0; padding:0} :root body.shell .sh-tile.art .sh-tile-art{position:relative; display:grid; place-items:center; flex:none; aspect-ratio:4 / 3; overflow:hidden; background:var(--stone-deep)} :root body.shell .sh-tile.art .sh-tile-txt{padding:9px 10px 11px} :root body.shell .sh-tile.art .sh-tile-txt b{font-size:14px; letter-spacing:-.005em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} :root body.shell .sh-tile.art.soon .sh-tile-art img{filter:grayscale(.85) brightness(.82)} .регионы .регионы-список{gap:12px; padding-top:14px} .регионы .регион{min-height:78px; padding:16px 18px; gap:16px; border-radius:12px} .регионы .регион img, .регионы .регион i{width:44px; height:44px} .регионы .регион b{font-size:var(--fs-xl); font-weight:700} .регионы .регион u{font-size:var(--fs-base)} :root body.shell .ore-cc{left:auto; right:24px; bottom:-8px; width:22px; height:22px} html.desk #desk .tl{min-height:0; gap:4px; padding:12px 14px 12px} html.desk #desk .tl-art{height:68px} html.desk #desk .tl-name{font-size:18px} html.desk #desk .tl-foot{padding-top:2px} .pile.пачка{height:50px; margin-bottom:2px} .ore{padding-top:11px; padding-bottom:10px} html.desk #desk .co-bonus .ord-vip{padding:14px 16px; font-size:15px; font-weight:700; line-height:1.4; color:var(--lamp); border-radius:14px; background:linear-gradient(100deg, color-mix(in oklab, #ff8a1f 22%, var(--stone)), var(--stone) 70%); box-shadow:inset 0 0 0 1.5px color-mix(in oklab, #ff8a1f 70%, transparent); animation:ggwp-bonus-pulse 2.2s ease-in-out infinite} html.desk #desk .co-bonus .ord-vip .d-bars{height:30px} html.desk #desk .co-bonus .ord-vip .d-bars i{width:6px} @keyframes ggwp-bonus-pulse{ 0%,100%{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, #ff8a1f 70%, transparent), 0 0 0 0 color-mix(in oklab, #ff8a1f 45%, transparent)} 50%{box-shadow:inset 0 0 0 1.5px #ff8a1f, 0 0 0 7px color-mix(in oklab, #ff8a1f 0%, transparent), 0 0 26px -4px color-mix(in oklab, #ff8a1f 60%, transparent)}} @media (prefers-reduced-motion:reduce){ html.desk #desk .co-bonus .ord-vip{animation:none} } :root:not([data-theme="dark"]) html.desk #desk .co-bonus .ord-vip{color:var(--cream)} html.desk:root body #desk :is(.ord-m, .st-m):is([data-m="sbp_b"], [data-m="sbp"], [data-m="card"], [data-m="erip"], [data-m="stars"])::before{ content:""; order:0; flex:none; align-self:center; width:28px; height:28px; margin:-6px 4px -6px 0; -webkit-mask:none; mask:none; background:var(--pmc) center / contain no-repeat} :root body .способ-знак:is([data-pay="sbp_b"], [data-pay="sbp"], [data-pay="card"], [data-pay="erip"], [data-pay="stars"]){ display:block; width:30px; height:30px; margin-bottom:4px; -webkit-mask:none; mask:none; background:var(--pmc) left center / contain no-repeat} :is(.ord-m, .st-m, .способ-знак):is([data-m="sbp_b"], [data-m="sbp"], [data-pay="sbp_b"], [data-pay="sbp"]){--pmc:url(img/pay/sbp-c.svg?v=fe64c2f5)} :is(.ord-m, .st-m, .способ-знак):is([data-m="card"], [data-pay="card"]){--pmc:url(img/pay/card-c.svg?v=fe64c1f8)} :is(.ord-m, .st-m, .способ-знак):is([data-m="erip"], [data-pay="erip"]){--pmc:url(img/pay/erip-c.svg?v=fe64c367)} :is(.ord-m, .st-m, .способ-знак):is([data-m="stars"], [data-pay="stars"]){--pmc:url(img/pay/stars-c.svg?v=fe64c1fc)} :root body.shell .подр-сетка > .подр .подр-арт, :root body.shell .подр-сетка > .подр:first-child .подр-арт{height:60px!important; margin:0 0 4px!important} :root body.shell .подр{padding-top:10px!important; padding-bottom:10px!important} :root body.shell .gold-row{display:flex; align-items:center; gap:12px; margin-top:12px; padding:10px 12px; border-radius:14px; background:color-mix(in oklab, #E8B341 12%, transparent); box-shadow:inset 0 0 0 1px color-mix(in oklab, #E8B341 38%, transparent)} :root body.shell .gold-row .gold-ic{flex:none; width:40px; height:40px; object-fit:contain} :root body.shell .gold-row-t{display:grid; gap:2px; font:700 14px/1.25 var(--font); color:var(--cream)} :root body.shell .gold-row-t b{font:800 18px/1 var(--font-display); font-variant-numeric:tabular-nums} :root body.shell .gold-row-t small{font:500 12px/1.3 var(--font); color:var(--sand)} html.desk #desk .ord-gold .ord-pts-row{grid-template-columns:auto 1fr auto} html.desk #desk .ord-gold .gold-ic{width:36px; height:36px; object-fit:contain} html.desk #desk .ord-gold{margin-top:8px; border-color:color-mix(in oklab, #E8B341 45%, transparent)} html.desk #desk .ord-gold .ord-pts-sw:checked + .ord-pts-track{background:color-mix(in oklab, #E8B341 30%, var(--stone-deep)); border-color:#E8B341} html.desk #desk .ord-gold .ord-pts-sw:disabled + .ord-pts-track{opacity:.45} html.desk #desk .ord-line.gold span:last-child{color:#E8B341} .line.pts.gold dt span::before{content:""; display:inline-block; width:18px; height:18px; margin:-3px 6px 0 0; vertical-align:middle; border-radius:50%; background:radial-gradient(circle at 35% 30%, #FFE7A3, #E8B341 55%, #A8761C)} :root body .me-bn.bn-raffle{--bn-ink:#2a1500; --bn-sand:#5a3200; --bn-dot:rgba(255,255,255,.18); background:radial-gradient(55% 90% at 80% 60%, rgba(255,190,60,.35), transparent 70%), linear-gradient(100deg, #ffc23a 0%, #ff9a14 34%, #d0600a 60%, #4a1c02 100%)!important; color:#2a1500; box-shadow:0 18px 40px -18px rgba(255,140,20,.75), inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(255,220,140,.6); animation:ggwp-rf-glow 3.2s ease-in-out infinite} :root body .me-bn.bn-raffle .bn-h{color:#2a1500 !important; font-weight:800 !important} :root body .me-bn.bn-raffle .bn-k{color:#5a3200 !important} :root body .me-bn.bn-raffle .bn-n, :root body .me-bn.bn-raffle .bn-n span{color:#1f0f00 !important} :root body .me-bn.bn-raffle .bn-unit{color:#5a3200 !important} :root body .me-bn.bn-raffle .bn-t{position:relative; z-index:3} :root body .me-bn.bn-raffle::before{-webkit-mask-image:none; mask-image:none; opacity:.5} .bn-rf-art{position:absolute; z-index:2; right:2px; top:50%; width:56%; max-width:240px; height:auto; translate:0 -46%; pointer-events:none; filter:drop-shadow(0 12px 16px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(255,190,70,.45))} .bn-rf-shine{position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:inherit; overflow:hidden} .bn-rf-shine::after{content:""; position:absolute; top:-20%; bottom:-20%; width:38%; left:-50%; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform:skewX(-18deg); animation:ggwp-rf-shine 4.8s ease-in-out infinite} .bn-rf-pill{position:absolute; z-index:3; top:12px; right:12px; padding:5px 10px; border-radius:99px; font:800 11.5px/1 var(--font); color:#fff; background:rgba(60,25,0,.55); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px)} @keyframes ggwp-rf-shine{0%,55%{left:-50%} 100%{left:130%}} @keyframes ggwp-rf-float{0%,100%{translate:0 -46%} 50%{translate:0 -52%}} @keyframes ggwp-rf-glow{0%,100%{box-shadow:0 18px 40px -18px rgba(255,140,20,.65), inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(255,220,140,.6)} 50%{box-shadow:0 18px 50px -12px rgba(255,150,30,.95), inset 0 1px 0 rgba(255,255,255,.55), inset 0 0 0 1px rgba(255,235,170,.9)}} @media (prefers-reduced-motion:reduce){ .me-bn.bn-raffle, .bn-rf-art, .bn-rf-shine::after{animation:none!important} }