: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, .yi-areas, .вопрос, .yi-stoop, .пасхалка, :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 .yi-go-btn{color:var(--on-lamp); background:var(--lamp); box-shadow:none; font-weight:700} .app .yi-go-btn: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; top:-200px; 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 .yi-homepin-sheet, :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"] .yi-basket-rows, :root body.shell [data-screen="order"] .game-box, :root body.shell [data-screen="order"] .yi-slab, :root body.shell [data-screen="track"] .yi-trackline, :root body.shell [data-screen="track"] .plita, :root body.shell [data-screen="about"] .yi-about-reviews, :root body.shell [data-screen="about"] ol.yi-stepseq li, :root body.shell [data-screen="about"] .yi-qa-list, :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 .yi-mound 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 .yi-homepin-yes{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"] .yi-chooser{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"] #dq-shelf:not(:has(.подр-сетка)){gap:10px; margin-top:4px} @media (max-width:743.98px){ :root body.shell :is(#dq-shelf, .row-in):has(> .ore:not(.item)):not(:has(> .ore.item)){grid-template-columns:repeat(3, minmax(0, 1fr)); gap:7px} } :root body.shell .ore:not(.item){position:relative; align-items:center; justify-content:flex-end; gap:2px; min-height:0; padding:9px 7px 10px; text-align:center; border-radius:24px!important} :root body.shell .ore:not(.item) .yi-mound{width:100%; height:40px!important; min-height:0!important; margin:0 0 2px!important} :root body.shell .ore:not(.item) .yi-mound img{max-height:40px; object-fit:contain} :root body.shell .ore:not(.item) .line1{order:0; flex-direction:column; align-items:center; gap:4px; margin:0; text-align:center} :root body.shell .ore:not(.item) .line1 > span{font:800 13px/1.1 var(--font)!important; letter-spacing:0; color:var(--cena-nom, #f2b84b)!important; white-space:nowrap} :root body.shell .ore:not(.item) .line1 > b{font:800 18px/1.05 var(--font)!important; letter-spacing:-.15px!important; color:var(--cream)!important} :root body.shell .ore:not(.item) .line1 > span.gone-цена{font:600 12.5px/1.2 var(--font)!important; letter-spacing:0; color:var(--sand)!important} :root body.shell .ore:not(.item) :is(.выгода, .акция-цена){order:0; align-self:center; justify-content:center; gap:6px; min-height:20px; margin:1px 0 0} :root body.shell .ore:not(.item) :is(.выгода, .акция-цена) s{font:500 12.5px/1 var(--font)!important; color:var(--sand)!important} :root body.shell .ore:not(.item) :is(.сложение, .впервые, .экономия){font:500 11px/1.2 var(--font)!important} :root body.shell .ore:not(.item):not(.incart):not(.spent) .take{top:10px; right:10px; bottom:auto; border-radius:50%} :root body.shell .ore:not(.item):not(.incart):not(.spent) .take::before{font:600 20px/1 var(--font)} :root body.shell .ore.incart:not(.item) .take.picked{left:7px; right:7px; bottom:6px; height:24px; grid-template-columns:30px 1fr 30px; border-radius:9px} :root body.shell .ore.incart:not(.item) .take.picked i{font-size:20px!important} :root body.shell .ore.incart:not(.item) .take.picked b{font-size:14px!important} :root body.shell .ore.incart:not(.item) :is(.выгода, .акция-цена, .экономия){visibility:hidden} :root body.shell .ore.incart:not(.item):not(:has(.выгода, .акция-цена)){padding-bottom:33px} :root body.shell .ore.карта .line1{flex-direction:column} :root body.shell .ore.карта .line1 > b{font:800 15px/1.15 var(--font)!important} :root body.shell .ore.карта .line1 > span:not(.gone-цена){font:600 12.5px/1.2 var(--font)!important; color:var(--sand)!important; white-space:normal} :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 .yi-tray{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 .yi-tray-sum b{font:700 19px/1.1 var(--font-display); color:var(--cream)} :root body.shell .yi-tray-sum > span{color:var(--sand)} :root body.shell .yi-tray .yi-go-btn{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 .yi-panev[data-screen="order"] .stepper{border:0; background:var(--nw-inset)} :root body.shell .app .yi-panev[data-screen="order"] .stepper button{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell .app .yi-panev[data-screen="order"] .stepper button[data-do="minus"]{color:var(--lamp); background:var(--stone); box-shadow:none} :root body.shell .app .yi-panev[data-screen="order"] .stepper .n{color:var(--cream)} :root body.shell [data-screen="order"] .yi-fbox 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"] .yi-fbox input{background:var(--stone); border:1.5px solid var(--seam-2); color:var(--cream)} :root body.shell [data-screen="order"] .yi-fbox select{background-color:var(--stone); border:1.5px solid var(--seam-2); color:var(--cream)} :root body.shell [data-screen="order"] .yi-fbox select:focus{border-color:var(--nw-lime-line); box-shadow:0 0 0 3px var(--nw-lime-soft)} :root body.shell [data-screen="order"] .yi-fbox input:focus{border-color:var(--lamp); box-shadow:0 0 0 3px var(--nw-мягко)} :root body.shell [data-screen="order"] .yi-fbox .say{color:var(--sand)} .app .yi-fbox 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"] .yi-login-tip{border:0; background:var(--stone)} :root body.shell [data-screen="order"] .yi-assure{color:var(--sand)} :root body.shell [data-screen="order"] .yi-fault:not(:empty){color:var(--rust); border-color:var(--rust); background:color-mix(in oklab, var(--rust) 8%, var(--stone))} :root body.shell .app #dq-pay-alt{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 .yi-panev[data-screen="order"] .line.yi-perk-ln{background:var(--nw-мягко); box-shadow:none} :root body.shell .app .yi-panev[data-screen="order"] .line.yi-perk-ln::before{color:var(--on-lamp); background:var(--lamp); box-shadow:none} :root body.shell .app .yi-panev[data-screen="order"] .line.yi-perk-ln dt{color:var(--cream)} :root body.shell .app .yi-panev[data-screen="order"] .line.yi-perk-ln 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"] #dq-prog-title{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"] .yi-miner-bar{background:var(--seam)!important; box-shadow:none} :root body.shell [data-screen="track"] .yi-miner-bar i{background:var(--lamp)!important; box-shadow:none!important} :root body.shell [data-screen="track"] .yi-trackline .yi-trackdot{border-color:var(--seam-2)!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .yi-trackline li.was .yi-trackdot{background:var(--lamp)!important} :root body.shell [data-screen="track"] .yi-trackline li.was .yi-trackdot::after{border-color:var(--on-lamp)} :root body.shell [data-screen="track"] .yi-trackline li.now .yi-trackdot{border-color:var(--lamp)!important} :root body.shell [data-screen="track"] .yi-trackline li.lost .yi-trackdot{border-color:var(--rust)!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .yi-trackline 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"] .yi-intro-top 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"] .yi-stepseq-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"] .yi-qa-list details{border-bottom-color:var(--seam)!important; border-radius:0!important} :root body.shell [data-screen="about"] .yi-qa-list details:last-child{border-bottom:0!important} :root body.shell [data-screen="about"] ol.yi-stepseq{scroll-padding-inline:16px} :root body.shell [data-screen="about"] .yi-intro-top{padding:16px 2px 8px} :root body.shell [data-screen="about"] .yi-intro-top h2{margin:0!important} :root body.shell [data-screen="about"] .yi-intro-top p{margin:4px 0 0} :root body.shell [data-screen="about"] .yi-qa-list{margin-top:0} .yi-areas, .вопрос{color:var(--cream)} .yi-dust{display:none!important} .app .yi-stamp{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} .gf-page .gf-air::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{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 .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{box-shadow: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 button{height:60px; padding:0 24px 0 10px; gap:12px; font-size:17px; border-radius:16px} :root.desk #desk .gh-tabs button img{width:42px; height:42px} :root.desk #desk .gh-tabs button b{font-size:15px} :root.desk #desk .gh-pill{border-radius:16px} :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, .bb-page .bb-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, .bb-page .bb-logo{position:relative} :root body.shell .sh-logo::after, :root.desk #desk .v3-logo::after, .gf-page .gf-logo::after, .bb-page .bb-logo::after{ content:""; position:absolute; inset:0; pointer-events:none; background:var(--nw-brand); -webkit-mask:url(/nf/ti/T6GX.svg?v=7ad143cbff6b3b26777b1da03576) center / contain no-repeat; mask:url(/nf/ti/T6GX.svg?v=7ad143cbff6b3b26777b1da03576) center / contain no-repeat} :root.desk #desk .v3-logo::after, .gf-page .gf-logo::after, .bb-page .bb-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 body.shell .sh-logo, :root.desk #desk .v3-logo, .gf-page .gf-logo, .bb-page .bb-logo{ border-radius:11px; outline:2px solid var(--nw-lime-line); outline-offset:5px} :root body.shell .sh-logo:focus-visible, :root.desk #desk .v3-logo:focus-visible, .gf-page .gf-logo:focus-visible, .bb-page .bb-logo:focus-visible{ outline:2px solid var(--nw-lime-line); outline-offset:5px; box-shadow:0 0 0 9px var(--nw-lime-soft, rgba(190,240,60,.25))} :root body.shell .sh-holo-top .sh-logo{border-radius:9px; outline-offset:4px} :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} #dq-boot{--lamp:var(--cream); color:var(--cream)} #dq-boot 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 #dq-pay-alt, :root body.shell .sh-lamp, :root body.shell .yi-homepin-yes, :root body.shell .yi-tray .yi-go-btn, :root.desk #desk .ord-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)} @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 [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"] #dq-prog-title, :root body.shell [data-screen="about"] .yi-stepseq-n, :root body.shell .shk-title, :root .plita-uc, 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 .yi-go-btn, :root body.shell .sh-lamp, :root body.shell .yi-homepin-yes, :root body.shell .app #dq-pay-alt, :root body.shell .yi-tray .yi-go-btn, :root body.shell .sh-holo .sh-lamp, :root.desk #desk .d-lamp, :root.desk #desk .ord-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 .yi-go-btn:active, :root body.shell .sh-lamp:active, :root body.shell .yi-homepin-yes:active, :root body.shell .yi-tray .yi-go-btn:active, :root body.shell .app #dq-pay-alt:active, :root.desk #desk .d-lamp:active, :root.desk #desk .ord-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 body.shell .sh-lamp:hover, :root body.shell .yi-tray .yi-go-btn:hover, .app .yi-go-btn:hover{background:var(--nw-cta-hover)!important} } :root.desk #desk a.rz-buy, :root body.shell a.rz-buy, :root a.rz-buy{color:var(--nw-cta-ink)!important; background:var(--nw-cta)!important; box-shadow:none!important; text-decoration:none} :root.desk #desk a.rz-buy:active, :root body.shell a.rz-buy:active, :root a.rz-buy:active{background:var(--nw-cta-press)!important; transform:scale(.98)} @media (hover:hover){ :root.desk #desk a.rz-buy:hover, :root body.shell a.rz-buy:hover, :root a.rz-buy:hover{background:var(--nw-cta-hover)!important} } :root.desk #desk a.rz-buy:focus-visible, :root body.shell a.rz-buy:focus-visible{outline:2px solid var(--nw-lime-line); outline-offset:3px} :root .rz .rz-prize.p1 .rz-prize-pl, :root .rz .rz-win.m1 b{color:var(--stone-deep)} .app .yi-go-btn:disabled, .app .yi-go-btn[disabled], :root body.shell .sh-lamp:disabled, :root body.shell .yi-tray .yi-go-btn: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){color:var(--nw-cta-off-ink)!important; background:var(--nw-cta-off)!important} html.desk:root body #desk .ord-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"] .yi-fbox 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"] .yi-miner-bar i, :root body.shell .sh-bar i{background:var(--nw-lime-line)!important} :root body.shell [data-screen="track"] .yi-trackline li.was .yi-trackdot{border-color:var(--nw-lime)!important; background:var(--nw-lime)!important} :root body.shell [data-screen="track"] .yi-trackline li.was .yi-trackdot::after{border-color:var(--nw-on-lime)} :root body.shell [data-screen="track"] .yi-trackline li.now .yi-trackdot{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 .yi-panev[data-screen="order"] .line.yi-perk-ln{background:var(--nw-lime-soft)} :root body.shell .app .yi-panev[data-screen="order"] .line.yi-perk-ln::before{color:var(--nw-on-lime); background:var(--nw-lime)} :root body.shell .app .yi-panev[data-screen="order"] .line.yi-perk-ln 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; left:10px; right:auto; bottom:auto; height:20px; padding:0 5px; border-radius:8px; font:700 11px/1 var(--font)!important; letter-spacing:-.01em!important} @media (max-width:370px){ :root body.shell .ore:not(.item) .mark{left:8px; padding:0 4px; font-size:10px!important} } @media (max-width:350px){ :root body.shell .ore:not(.item):has(.mark):not(.incart):not(.spent) .take{visibility:hidden} } html[lang="en"] body.shell .ore:not(.item) .mark{max-width:calc(100% - 52px); height:auto; min-height:20px; padding:3px 5px; line-height:1.1!important; white-space:normal; text-align:left} :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 .yi-acc-alert, :root body.shell .app .yi-panev[data-screen="order"] .yi-acc-alert{color:var(--cream); background:var(--stone); border:0; box-shadow:inset 0 0 0 1.5px var(--seam-2)} :root body.shell .app .yi-acc-alert::before{color:var(--cream)} :root body.shell .app .yi-acc-alert a{color:var(--cream); text-decoration-thickness:1.5px; text-underline-offset:3px} :root body.shell .app .yi-self-chip{color:var(--cream); background:var(--stone); border:1.5px solid var(--seam-2)} :root body.shell .app .yi-self-chip:active{background:var(--nw-мягко)} :root body.shell .app .yi-self-chip > svg, :root body.shell .app .yi-self-edit{color:var(--cream); opacity:1} :root body.shell .app .yi-self-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 .yi-nogame, .app .yi-nogame{background:var(--stone); border:0; box-shadow:none} .app .yi-nogame-sign{color:var(--cream); border:0; background:var(--nw-inset)} .app .yi-nogame-link{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-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{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)} 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 .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, .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, .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 .bb-page{color:var(--sand)} :root .bb-page .bb-air{background:var(--deep)} :root .bb-page .bb-air::after{display:none} :root .bb-page .bb-logo{filter:none} :root .bb-page .bb-logo i{background:var(--cream)} :root .bb-page .bb-nav a{letter-spacing:0; text-transform:none; font:600 15px/1 var(--font)} :root .bb-page .bb-nav a[aria-current]::after{background:var(--nw-lime-line); box-shadow:none} :root .bb-page .bb-crumbs{letter-spacing:0; text-transform:none; font:600 13px/1 var(--font)} :root .bb-page .bb-title{letter-spacing:0; text-transform:none; font:800 clamp(28px, 3.4vw, 44px)/1.05 var(--font-display)} @media (hover:hover){ } :root .bb-page .bb-obj img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.16))} :root .bb-page .bb-obj i{display:none} :root .bb-page .bb-sec, :root .bb-page .bb-sec:target{background:var(--stone); border:0; box-shadow:none} :root .bb-page .bb-sec:target{box-shadow:inset 0 0 0 2px var(--nw-lime-line)} :root .bb-page .bb-tab{border-left-color:var(--nw-lime-line)} :root .bb-page .bb-jump a{background:var(--stone); border:0; box-shadow:none; color:var(--cream)} :root .bb-page .bb-find{background:var(--stone); border:1.5px solid var(--seam-2); box-shadow:none; color:var(--cream)} :root .bb-page .bb-find:focus-visible{outline:0; border-color:var(--nw-lime-line); box-shadow:0 0 0 3px var(--nw-lime-soft)} :root .bb-page .bb-go, :root .bb-page a.bb-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 .bb-page :focus-visible{outline-color:var(--nw-lime-line)} :root .bb-page .bb-foot{background:var(--deep); border-top:1px solid var(--seam)} :root .bb-page .bb-foot-word{background:var(--cream)} :root .bb-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{--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 .gf-card[data-style="gold"]{--gf-a:#d4a73a; --gf-hi:#d4a73a; --gf-lo:#d4a73a; --gf-glow:transparent} :root .gf-box[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 .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)} @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"] .yi-trackline li[data-s="2"].now .yi-trackdot{border-color:var(--sand)!important; background:var(--stone)!important} :root body.shell [data-screen="track"] .yi-trackline li[data-s="2"].now .yi-trackdot::after{content:none} :root body.shell [data-screen="track"] .yi-trackline li.now .yi-trackdot::after{background:var(--nw-brand); animation:nw-breathe 1.6s ease-in-out infinite} .app .yi-spinner, :root body.shell .yi-spinner{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 .yi-trackline li[data-s="2"] .yi-spinner, :root body.shell .yi-trackline li[data-s="2"] .yi-spinner{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 .yi-panev[data-screen="track"]:has(.yi-trackline 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} #dq-boot > div > svg:first-child{animation:nw-orbit 1.6s infinite!important} #dq-boot > 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 #dq-me-id, 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 .bb-page .bb-title, :root .gf-page .gf-title{font-weight:700; letter-spacing:-.025em} :root body.shell [data-screen="track"] #dq-prog-title{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"] .yi-trackline li.now .yi-trackdot::after, .app .yi-spinner, :root body.shell .yi-spinner, :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, #dq-boot > div > svg:first-child{animation:none!important} :root body.shell .yi-panev[data-screen="track"]:has(.yi-trackline 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"] .yi-login-tip > svg{display:block; grid-row:1/3; width:30px; height:30px; color:var(--cream)} :root body.shell [data-screen="order"] .yi-login-tip::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"] .bb-page .bb-logo::after{ -webkit-mask-image:url(/nf/ti/fwlkOsUAfN1W0.svg); mask-image:url(/nf/ti/fwlkOsUAfN1W0.svg)} :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"] .bb-page .bb-logo::after{ -webkit-mask-image:url(/nf/ti/iE5RIVIGGHH.svg); mask-image:url(/nf/ti/iE5RIVIGGHH.svg)} :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(/nf/ti/EhXYZ0WN9GTVuIV.svg); mask-image:url(/nf/ti/EhXYZ0WN9GTVuIV.svg)} :root[data-season="newyear"] body.shell .sh-pop-h::before, :root[data-season="newyear"].desk #desk .v3-pop-h::before{ -webkit-mask-image:url(/nf/ti/onEcC1l2gkf5B.svg); mask-image:url(/nf/ti/onEcC1l2gkf5B.svg)} :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(/nf/ti/EhXYZ0WN9GTVuIV.svg); mask-image:url(/nf/ti/EhXYZ0WN9GTVuIV.svg)} :root[data-season="newyear"] :is(.sh-tag-sale, .sh-pill-sale, .t-sale, .tl-sale, .g-sale, .n-deal)::before{ -webkit-mask-image:url(/nf/ti/onEcC1l2gkf5B.svg); mask-image:url(/nf/ti/onEcC1l2gkf5B.svg)} @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 .bb-page .bb-go, :root .bb-page a.bb-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 .bb-page .bb-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 .bb-page .bb-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 .bb-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 .bb-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 .yi-tray .yi-go-btn, :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"] .yi-fbox 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"] .yi-intro-top 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 .yi-self-to, :root body.shell .plita-top, :root body.shell .yi-heads-top, :root body.shell .yi-cc-top, :root body.shell .yi-cc-shake b, :root body.shell .soon-pill, :root body.shell .yi-front-top h2, :root body.shell .yi-front-brand, :root body.shell .game-name, :root body.shell #dq-acc-warn b, :root body.shell #dq-acc-redeem b, :root body.shell .регион u, :root body.shell .yi-lead-kick, :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(#dq-shelf, .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 .g-layout{grid-template-columns:minmax(0, 1fr) 440px} @media (max-width:1159px){ html.desk:root body #desk .g-layout{grid-template-columns:minmax(0, 1fr) 400px} } html.desk:root body #desk .g-layout.is-login{grid-template-columns:minmax(0, 1fr)} html.desk:root body #desk .ord-row{grid-template-columns:minmax(0, 1fr) auto 92px; column-gap:12px} html.desk:root body #desk .ord-row .ord-p{justify-self:end; text-align:right; white-space:nowrap} html.desk:root body #desk .ord[data-pre] .ord-row{grid-template-columns:minmax(0, 1fr) 92px} 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 .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 .dq-f{fill:var(--gx-f)} :root .gx .dq-s{fill:var(--gx-s)} :root .gx .dq-t{fill:var(--gx-t)} :root .gx .dq-lf{fill:var(--gx-lf)} :root .gx .dq-ls{fill:var(--gx-ls)} :root .gx .dq-cv{fill:var(--gx-cv)} :root .gx .dq-r{fill:var(--gx-r)} :root .gx .dq-rs{fill:var(--gx-rs)} :root .gx .dq-rt{fill:var(--gx-rt)} :root .gx .dq-ri{fill:var(--gx-ri)} :root .gx .dq-sh{fill:var(--gx-sh); fill-opacity:1} :root .gx .dq-paper{fill:var(--gx-paper)} :root .gx .dq-ink{fill:var(--gx-ink)} :root .gx .dq-dot{fill:var(--gx-dot)} :root .gx .dq-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(.dq-sh, .dq-hop, .dq-lid, .dq-note){transform-box:view-box} :root .gx .dq-sh{transform-origin:56px 109px} :root .gx .dq-hop{transform-origin:56px 110px} :root .gx .dq-lid{transform-origin:14px 60px} :root .dq-open > .gx .dq-lid{transform:translate(-5px, -17px) rotate(-13deg)} :root .dq-open > .gx .dq-note{transform:translate(2px, -25px) rotate(-5deg)} :root .dq-open > .gx .dq-lsh{opacity:0} @media (prefers-reduced-motion:no-preference){ :root .gx .dq-lid{transition:transform 320ms var(--ease-out)} :root .gx .dq-note{transition:transform 380ms var(--ease-out) 40ms} :root .gx .dq-lsh{transition:opacity 160ms ease} :root .dq-peek > .gx .dq-hop{animation:dq-hop 620ms both} :root .dq-peek > .gx .dq-sh{animation:dq-sh 620ms both} :root .dq-peek > .gx .dq-lid{animation:dq-lid 1500ms var(--ease-out) 160ms both} :root .dq-peek > .gx .dq-note{animation:dq-note 1500ms var(--ease-out) 160ms both} :root .dq-peek > .gx .dq-lsh{animation:dq-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 dq-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 dq-sh{0%, 100%{transform:none; opacity:1} 32%{transform:scale(.8); opacity:.55} 56%{transform:scale(1.05, 1); opacity:1}} @keyframes dq-lid{0%{transform:none} 22%, 64%{transform:translate(-5px, -17px) rotate(-13deg)} 100%{transform:none}} @keyframes dq-note{0%{transform:none} 28%, 62%{transform:translate(2px, -25px) rotate(-5deg)} 92%, 100%{transform:none}} @keyframes dq-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 .dq-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 .dq-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 .dq-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 .dq-hop{animation:dq-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 .dq-sh{animation:dq-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(/nf/eu/8Ha0lelk35d.webp?v=ad14279eff6b3b26777b1da03576) center / contain no-repeat; filter:drop-shadow(0 10px 10px rgba(0, 0, 0, .18))} :root{--pm-sbp:url(/nf/eu/Jo56YO2v.svg?v=7ad141deff6b3b26777b1da03576); --pm-crypto:url(/nf/eu/8hnZ5sIWjLA.svg?v=7ad141bfff6b3b26777b1da03576); --pm-stars:url(/nf/eu/QWtLzwA0vj.svg?v=7ad141ddff6b3b26777b1da03576); --pm-card:url(/nf/eu/J5jWuwpAR.svg?v=7ad141beff6b3b26777b1da03576); --pm-kz:url(/nf/eu/s5oGk7F.svg?v=7ad141d3ff6b3b26777b1da03576); --pm-world:url(/nf/eu/8dB5gwAjAq.svg?v=7ad14203ff6b3b26777b1da03576)} 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 .dq-bow > *{transform-box:view-box} :root .gf-page .gfx .gx .dq-bow > :nth-child(-n+2){transform-origin:54.4px 46.6px} :root .gf-page .gfx .gx .dq-bow > :nth-child(n+3):nth-child(-n+5){transform-origin:54.3px 45.6px} :root .gf-page .gfx .gx .dq-bow > :nth-child(n+6):nth-child(-n+8){transform-origin:54.6px 45.6px} :root .gf-page .gfx .gx .dq-bow > :nth-child(9){transform-origin:54.4px 45px} :root .gf-page .gfx .gx :is(.dq-lid, .dq-note, .dq-lsh){transition:none} :root .gf-page .gfx.is-open .gx .dq-lid{opacity:0; transform:translate(-16px, -74px) rotate(-28deg)} :root .gf-page .gfx.is-open .gx .dq-bow > *{opacity:0} :root .gf-page .gfx.is-open .gx .dq-lsh{opacity:0} :root .gf-page .gfx.is-open .gx .dq-note{transform:translate(0, -38px) rotate(-3deg)} :root .gf-page .gfx.is-open .gx .dq-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 .dq-note{visibility:hidden} @media (prefers-reduced-motion:no-preference){ :root .gf-page .gfx.is-alive .gx .dq-hop{animation:gfx-sway 3600ms ease-in-out 900ms 8 backwards} :root .gf-page .gfx.is-alive .gx .dq-lid{animation:gfx-knock 3600ms ease-in-out 900ms 8 backwards} :root .gf-page .gfx.is-alive .gx .dq-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 .dq-hop{animation:gfx-crouch 560ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .dq-sh{animation:gfx-crouch-sh 560ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .dq-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 .dq-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 .dq-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 .dq-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 .dq-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 .dq-lid{animation:gfx-lid 700ms 320ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .dq-lsh{animation:gfx-lsh 240ms ease 320ms backwards} :root .gf-page .gfx.is-open:not(.is-instant) .gx .dq-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 .dq-hop{animation:gfx-wiggle 760ms ease-in-out} :root .gf-page .gfx.is-alive:hover .gx .dq-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:var(--cover-aspect, 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:var(--cover-aspect, 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 :is(.sh-wall,.sh-pop-ribbon,.sh-grid-c) > .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:var(--cover-aspect, 4 / 3); overflow:hidden; background:var(--stone-deep)} :root body.shell .sh-tile.art:not(.catalog-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)} .yi-areas .yi-areas-list{gap:12px; padding-top:14px} .yi-areas .регион{min-height:78px; padding:16px 18px; gap:16px; border-radius:12px} .yi-areas .регион img, .yi-areas .регион i{width:44px; height:44px} .yi-areas .регион b{font-size:var(--fs-xl); font-weight:700} .yi-areas .регион u{font-size:var(--fs-base)} :root body.shell .ore-cc{left:calc(50% + 8px); right:auto; bottom:-4px; width:20px; height:20px} html.desk:root body #desk .tl{min-height:0; gap:4px; padding:12px 14px 12px} html.desk:root body #desk .tl-art{height:64px} html.desk:root body #desk .tl-name{font-size:18px} html.desk:root body #desk .tl-foot{padding-top:2px} html.desk:root body #desk .n2{min-height:0; gap:2px; padding:10px 10px 8px} html.desk:root body #desk .n-img{height:calc(var(--k) * 70px); margin:2px 0 4px} html.desk:root body #desk .n2.item .n-img{height:70px} html.desk:root body #desk .n-amt{font-size:21px} html.desk:root body #desk .n-name{min-height:0} html.desk:root body #desk .n-price{margin-top:2px; font-size:16px} html.desk:root body #desk .n-foot{height:26px; margin-top:2px} html.desk:root body #desk .n-tags{top:8px; left:8px} html.desk:root body #desk .n2-plus{top:8px; right:8px} :root{--cena-nom:#f2b84b} :root:not([data-theme="dark"]){--cena-nom:#9a5a00} html.desk:root body #desk .n2:not(.item){border-radius:24px} html.desk:root body #desk .n2:not(.item) .n2-plus{border-radius:50%} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-price{order:2; margin-top:2px} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-price:not(.gone){font:800 14px/1.1 var(--font); color:var(--cena-nom, #f2b84b)} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) :is(.n-amt, .n-name){order:1; font-size:21px; line-height:1.12} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-amt{font-weight:700; letter-spacing:.01em; color:var(--cream)} html.desk:root body #desk .n2:not(.item) .n-amt small{margin-left:4px; font:700 11.5px/1 var(--font); letter-spacing:.12em; color:var(--sand)} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-bonus{order:3} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-foot{order:4} .yi-mound.пачка{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"], [data-m="crypto"])::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"], [data-pay="crypto"]){ 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(/nf/eu/8dZJ6rn4Ys.svg?v=7ad14322ff6b3b26777b1da03576)} :is(.ord-m, .st-m, .способ-знак):is([data-m="card"], [data-pay="card"]){--pmc:url(/nf/eu/8e1wmj2l1Ui.svg?v=7ad14225ff6b3b26777b1da03576)} :is(.ord-m, .st-m, .способ-знак):is([data-m="erip"], [data-pay="erip"]){--pmc:url(/nf/eu/8e6mSkKwDWR.svg?v=7ad14394ff6b3b26777b1da03576)} :is(.ord-m, .st-m, .способ-знак):is([data-m="stars"], [data-pay="stars"]){--pmc:url(/nf/eu/Uwy6ePsxjPw.svg?v=7ad14229ff6b3b26777b1da03576)} :is(.ord-m, .st-m, .способ-знак):is([data-m="crypto"], [data-pay="crypto"]){--pmc:url(/nf/eu/HFzQJYC4XwOJ.svg?v=7ad1455dff6b3b26777b1da03576)} :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.yi-perk-ln.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)} :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:46%; max-width:200px; 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:0; background:linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); transform:translateX(-140%) skewX(-18deg); will-change:transform; 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,.72)} @keyframes ggwp-rf-shine{0%,55%{transform:translateX(-140%) skewX(-18deg)} 100%{transform:translateX(360%) skewX(-18deg)}} @keyframes ggwp-rf-float{0%,100%{translate:0 -46%} 50%{translate:0 -52%}} @media (prefers-reduced-motion:reduce){ .me-bn.bn-raffle, .bn-rf-art, .bn-rf-shine::after{animation:none!important} } html.desk #desk .ord-tk{display:flex; align-items:flex-start; gap:8px; margin:8px 0 0; padding:8px 10px; border-radius:10px; font:500 12.5px/1.3 var(--font); color:var(--cream); border:1px dashed color-mix(in oklab, #E8B341 60%, transparent); background:color-mix(in oklab, #E8B341 12%, transparent)} html.desk #desk .ord-tk > span{display:grid; gap:2px} html.desk #desk .ord-tk small, html.desk #desk .ord-line.yi-tix-line small{font:600 11.5px/1.3 var(--font); color:var(--sand)} html.desk #desk .ord-tk svg, html.desk #desk .ord-line.yi-tix-line svg{flex:none; width:18px; height:18px; color:#C98F12} html.desk #desk .ord-tk b{font-weight:800; color:#A8700A} html.desk #desk .ord-line.yi-tix-line{flex-wrap:wrap} html.desk #desk .ord-line.yi-tix-line span:first-child{display:inline-flex; align-items:center; gap:6px} html.desk #desk .ord-line.yi-tix-line span:last-child{font-weight:800; color:#A8700A} html.desk #desk .ord-line.yi-tix-line small{flex-basis:100%; padding-left:24px} html.desk:root[data-theme="dark"] #desk .ord-tk b, html.desk:root[data-theme="dark"] #desk .ord-line.yi-tix-line span:last-child, html.desk:root[data-theme="dark"] #desk .ord-tk svg, html.desk:root[data-theme="dark"] #desk .ord-line.yi-tix-line svg{color:#F2C14E} :root .yi-slab .line.yi-tix-line{display:flex; align-items:center; justify-content:space-between; gap:10px; margin:6px 0 0; padding:9px 12px; border-radius:12px; border:1px dashed color-mix(in oklab, #E8B341 60%, transparent); background:color-mix(in oklab, #E8B341 12%, transparent)} :root .yi-slab .line.yi-tix-line.hidden{display:none} :root .yi-slab .line.yi-tix-line dt{display:grid; grid-template-columns:18px minmax(0, 1fr); align-items:center; column-gap:8px; row-gap:2px; min-width:0; font:700 14px/1.25 var(--font); color:var(--cream)} :root .yi-slab .line.yi-tix-line dt svg{width:18px; height:18px; color:#C98F12} :root .yi-slab .line.yi-tix-line dt small{grid-column:2; font:600 12px/1.3 var(--font); color:var(--sand)} :root .yi-slab .line.yi-tix-line dt small:empty{display:none} :root .yi-slab .line.yi-tix-line dd{flex:none; margin:0; font:800 15px/1 var(--font); white-space:nowrap; color:#A8700A} :root[data-theme="dark"] .yi-slab .line.yi-tix-line dd, :root[data-theme="dark"] .yi-slab .line.yi-tix-line dt svg{color:#F2C14E} @media (max-width:1023px){ :root body.shell [data-screen="order"] .yi-slab{order:0} :root body.shell [data-screen="order"] > .sh-gift{order:1} :root body.shell [data-screen="order"] > .yi-goback, :root body.shell [data-screen="order"] > .yi-buy-top{order:-3} :root body.shell [data-screen="order"] .yi-basket-rows{order:-2} :root body.shell [data-screen="order"] #dq-login-tip{order:-1} } :root body #desk .st-who[data-state="ok"], :root .steam-mob .st-who[data-state="ok"]{color:#1d7f3a!important} :root[data-theme="dark"] body #desk .st-who[data-state="ok"], :root[data-theme="dark"] .steam-mob .st-who[data-state="ok"]{color:#4ade80!important} html.desk:root body #desk .v3-bar .d-theme{background:var(--lamp); color:var(--on-lamp); box-shadow:none} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .v3-bar .d-theme:hover{background:var(--lamp-lo); color:var(--on-lamp); box-shadow:none} } html.desk:root body #desk .v3-bar .d-theme:active{background:var(--lamp-lo)} html body.shell :is(#dq-shelf,.row-in):has(> .ore[data-sku^="skin_"]){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} html:root body.shell .ore.item[data-sku^="skin_"] .pic{width:100%;height:auto!important;aspect-ratio:1/1!important} html:root body.shell .ore.item[data-sku^="skin_"] .pic img{object-fit:cover!important} html body.shell [data-screen="catalog"] .yi-vid{grid-column:1 / -1; display:flex; gap:8px; margin:0 0 4px} html body.shell .app [data-screen="catalog"] .yi-vid .tab{position:relative; display:inline-flex; align-items:center; justify-content:center; flex:1 1 0; min-width:0; height:48px; min-height:48px; padding:0 18px; font-size:16px} html body.shell .app [data-screen="catalog"] .yi-vid .tab.on{color:var(--on-lamp); background:var(--lamp)} :root.desk #desk .gm .g-vids{gap:12px; flex-wrap:nowrap} :root.desk #desk .gm .g-vids button{flex:1 1 0; min-width:0; max-width:288px; height:56px; padding:0 24px; justify-content:center; font-size:17px} :root.desk #desk .gm .g-vids button b{font-size:13px} :root.desk #desk .v3-pop-grid .t3.s.art .t3-txt, :root body.shell .sh-tile.art:not(.catalog-art) .sh-tile-txt{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip-path:inset(50%); white-space:nowrap; border:0!important; } :root.desk #desk .ct-t:has(> .ct-pic.art){grid-template-rows:auto; padding:0} :root.desk #desk :is(.t3.art,.ct-t:has(> .ct-pic.art)),:root body.shell .sh-tile.art{--cover-aspect:7 / 6;border:0!important;border-radius:12% / 14%!important} :root.desk #desk .t3.art .t3-art,:root.desk #desk .ct-t .ct-pic.art,:root body.shell .sh-tile.art .sh-tile-art{border-radius:inherit} .yi-cover-title{position:absolute!important;z-index:2;inset:auto 0 0;padding:12% 7% 7%; background:linear-gradient(transparent,rgba(4,8,24,.72));color:#fff;font:800 clamp(13px,1.5vw,25px)/1.06 var(--font-display); text-align:center;text-wrap:balance;text-shadow:0 2px 6px #000;pointer-events:none} :root body.shell .yi-cover-title{font-size:clamp(13px,3.8vw,21px)} :root body.shell .sh-grid-c:has(> .sh-tile.art){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} @media (min-width:744px){:root body.shell .sh-grid-c:has(> .sh-tile.art){grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}} :root [data-game="harry_potter_magic_awakened"] .yi-cover-title{font-family:Georgia,serif;color:#f9e8bf;letter-spacing:.025em} :root [data-game="marvel_duel"] .yi-cover-title{font-style:italic;letter-spacing:-.025em} :root.desk #desk .ct-t:has(> .ct-pic.art){grid-template-rows:auto 1fr;gap:0;padding:0 0 12px;background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible} :root.desk #desk .ct-t .ct-pic.art{border-radius:12% / 14%} :root.desk #desk .ct-t:has(> .ct-pic.art) > .ct-name{margin:10px 3px 0;font:600 14px/1.35 var(--font);color:var(--cream);white-space:normal;overflow-wrap:anywhere} :root body.shell .sh-grid-c > .sh-tile.catalog-art{border-radius:0!important;overflow:visible;background:none!important;box-shadow:none!important} :root body.shell .sh-tile.catalog-art .sh-tile-art{border-radius:12% / 14%} :root body.shell .sh-tile.catalog-art .sh-tile-txt{position:relative;width:100%;padding:8px 2px 0;margin:0} :root body.shell .sh-tile.catalog-art .sh-tile-txt b{font:600 13px/1.35 var(--font);white-space:normal;overflow-wrap:anywhere} :root.desk #desk .mega-i{min-width:0;align-items:flex-start} :root.desk #desk .mega-i > span{min-width:0;flex:1} :root.desk #desk .mega-i img.mega-cover{flex:0 0 56px;width:56px;height:48px;object-fit:cover;border-radius:12% / 14%;filter:none} :root.desk #desk .mega-i b{overflow-wrap:anywhere} html.desk:root body #desk .d-salebar[data-kind="bf"], :root body.shell .sh-salebar[data-kind="bf"]{ --bf-acc: var(--nw-brand, var(--nw-sale, #e0261b)); --bf-hot: var(--nw-sale, #e0261b); position:relative; overflow:hidden; isolation:isolate; color:#fff; border:1px solid rgba(255,255,255,.08); background:#0a0a0b; background: radial-gradient(55% 140% at 86% 50%, color-mix(in srgb, var(--bf-acc) 38%, transparent), transparent 62%), radial-gradient(38% 90% at 62% -10%, color-mix(in srgb, var(--bf-hot) 30%, transparent), transparent 70%), repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 22px), linear-gradient(100deg, #050505 0%, #0d0d0f 55%, #121214 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 18px 40px -22px color-mix(in srgb, var(--bf-acc) 70%, transparent)} html.desk:root body #desk .d-salebar[data-kind="bf"]::after, :root body.shell .sh-salebar[data-kind="bf"]::after{ content:'%'; position:absolute; z-index:-1; right:18%; top:50%; transform:translateY(-52%) rotate(-10deg); font:900 210px/1 var(--font-display, inherit); color:transparent; -webkit-text-stroke:2px var(--bf-acc); opacity:.45; pointer-events:none} html.desk:root body #desk .d-salebar[data-kind="bf"] .d-salebar-t em, :root body.shell .sh-salebar[data-kind="bf"] .sh-salebar-t em{ align-self:flex-start; font-style:normal; font-weight:800; font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding:4px 9px; border-radius:999px; background:var(--bf-acc); color:#0a0a0b} html.desk:root body #desk .d-salebar[data-kind="bf"] .d-salebar-t b, :root body.shell .sh-salebar[data-kind="bf"] .sh-salebar-t b{ text-transform:uppercase; letter-spacing:.01em} html.desk:root body #desk .d-salebar[data-kind="bf"] .d-salebar-c i, :root body.shell .sh-salebar[data-kind="bf"] .sh-salebar-c i{ background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12)} html.desk:root body #desk .d-salebar[data-kind="bf"] .d-salebar-c b, :root body.shell .sh-salebar[data-kind="bf"] .sh-salebar-c b{color:var(--bf-acc)} html.desk:root body #desk a.d-salebar[data-kind="bf"]{min-height:150px; padding:26px 32px; border-radius:22px; margin-bottom:18px; transition:transform 200ms var(--ease-out, cubic-bezier(.23,1,.32,1)), box-shadow 200ms ease} html.desk:root body #desk a.d-salebar[data-kind="bf"] .d-salebar-t{gap:8px} html.desk:root body #desk a.d-salebar[data-kind="bf"] .d-salebar-t b{font:900 42px/1 var(--font-display, inherit); letter-spacing:-.01em} html.desk:root body #desk a.d-salebar[data-kind="bf"] .d-salebar-t small{font-size:16px; opacity:.88} html.desk:root body #desk a.d-salebar[data-kind="bf"] .d-salebar-c i{min-width:68px; padding:10px 8px 8px; border-radius:14px} html.desk:root body #desk a.d-salebar[data-kind="bf"] .d-salebar-c b{font-size:32px} html.desk:root body #desk a.d-salebar[data-kind="bf"]::after{font-size:260px; right:24%} @media (hover:hover){ html.desk:root body #desk a.d-salebar[data-kind="bf"]:hover{transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 24px 48px -22px color-mix(in srgb, var(--bf-acc) 85%, transparent)} } @media (max-width:1100px){ html.desk:root body #desk a.d-salebar[data-kind="bf"] .d-salebar-t b{font-size:34px} } html.desk:root body #desk .gm-head .d-salebar[data-kind="bf"]::after{font-size:120px; right:30%} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"]{flex-direction:column; align-items:flex-start; gap:12px; padding:16px; border-radius:18px; min-height:132px} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"] .sh-salebar-t{gap:6px} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"] .sh-salebar-t b{font:900 26px/1.05 var(--font-display, inherit)} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"] .sh-salebar-t small{font-size:13px; opacity:.88} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"] .sh-salebar-c i{min-width:48px; padding:7px 6px 6px; border-radius:10px} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"] .sh-salebar-c b{font-size:20px} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"]::after{font-size:170px; right:-6px; top:42%} :root body.shell .sh-salebar[data-kind="bf"]::after{font-size:96px; right:40%} html.desk:root body #desk .d-salebar[data-kind="bf"] .d-salebar-w, :root body.shell .sh-salebar[data-kind="bf"] .sh-salebar-w{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:none} html.desk:root body #desk .d-salebar[data-kind="bf"] .d-salebar-w > small, :root body.shell .sh-salebar[data-kind="bf"] .sh-salebar-w > small{ font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; opacity:.8} :root body.shell [data-screen="sh-home"] > .sh-salebar[data-kind="bf"] .sh-salebar-w{align-items:flex-start} :root{--lv-line:var(--seam); --lv-line-2:var(--seam-2); --lv-shadow:0 2px 1px rgba(71,34,12,.03); --lv-r:24px} :root[data-theme="dark"]{--lv-shadow:none} html.desk:root body #desk .v3-bar-in{height:98px; gap:24px} html.desk:root body #desk .v3-logo.lv-logo{position:relative; display:block; flex:none; width:224px; height:56px; padding:0; margin:0; color:var(--nw-brand); outline:0; border-radius:10px; filter:none} html.desk:root body #desk .v3-logo.lv-logo::after{display:none} html.desk:root body #desk .v3-logo.lv-logo:focus-visible{outline:3px solid var(--nw-brand); outline-offset:4px; box-shadow:none} html.desk:root body #desk .lv-logo-w{display:block; width:224px; height:46px; overflow:visible} html.desk:root body #desk .lv-logo-t{position:absolute; left:54px; top:40px; font:700 13px/1.2 var(--font); letter-spacing:-.01em; color:var(--cream); white-space:nowrap} html.desk:root body #desk .v3-bar-in:has(.lv-logo) .h-nav{position:relative; padding-left:26px} html.desk:root body #desk .v3-bar-in:has(.lv-logo) .h-nav::before{content:""; position:absolute; left:0; top:50%; width:1px; height:48px; transform:translateY(-50%); background:var(--lv-line-2)} html.desk:root body #desk .v3-bar .h-nav{gap:22px} html.desk:root body #desk .v3-bar .h-nav > a, html.desk:root body #desk .v3-bar .h-gbtn{height:98px; font:650 15px/1 var(--font); letter-spacing:-.01em; text-transform:none; color:var(--cream)} html.desk:root body #desk .v3-bar .h-nav > a:hover, html.desk:root body #desk .v3-bar .h-gbtn:hover, html.desk:root body #desk .v3-bar .h-gbtn[aria-expanded="true"]{color:var(--nw-brand)} html.desk:root body #desk .v3-bar .h-nav a[aria-current]::after{bottom:26px; height:4px; border-radius:4px; background:var(--nw-brand); box-shadow:none} html.desk:root body #desk .v3-bar .h-nav > a:focus-visible, html.desk:root body #desk .v3-bar .h-gbtn:focus-visible{outline:3px solid var(--nw-brand); outline-offset:2px; border-radius:6px} html.desk:root body #desk .v3-bar .d-acts{gap:10px} html.desk:root body #desk .v3-bar .d-btn{height:44px; min-height:44px; padding:0 18px; border-radius:999px; font:700 14px/1 var(--font); letter-spacing:0; text-transform:none; box-shadow:none} html.desk:root body #desk .v3-bar .d-theme{width:44px; padding:0; background:transparent; color:var(--cream); border:1px solid var(--lv-line-2)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .v3-bar .d-theme:hover{background:var(--stone); color:var(--nw-brand); border-color:var(--nw-brand)} } html.desk:root body #desk .v3-bar .d-theme:active{background:var(--stone-deep)} html.desk:root body #desk .v3-bar .d-login:not(.me-chip){background:var(--nw-brand); color:#fff; border:0; padding:0 22px} html.desk:root body #desk .v3-bar .d-login:not(.me-chip) .d-ic{display:none} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .v3-bar .d-login:not(.me-chip):hover{background:var(--ore); color:#fff} } html.desk:root body #desk .v3-bar .d-cart{background:transparent; color:var(--cream); border:1px solid var(--lv-line-2)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .v3-bar .d-cart:hover{border-color:var(--nw-brand); background:var(--stone)} } html.desk:root body #desk .v3-bar .d-cart .d-count{background:var(--nw-lime); color:var(--nw-on-lime); box-shadow:none} html.desk:root body #desk .v3-bar .d-btn:active{transform:scale(.98)} html.desk:root body #desk .d-foot{border-top:1px solid var(--lv-line); background:transparent} html.desk:root body #desk .d-foot nav a{color:var(--cream); font-weight:600} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .d-foot nav a:hover{color:var(--nw-brand)} } html.desk:root body #desk .d-foot-word{color:var(--nw-brand)} html.desk:root body #desk .d-foot a[href^="mailto"], html.desk:root body #desk .d-foot a[href*="t.me"]{color:var(--nw-brand)} @media (max-width:1200px){ html.desk:root body #desk .v3-bar-in{gap:18px} html.desk:root body #desk .v3-bar .h-nav{gap:16px} html.desk:root body #desk .v3-bar-in:has(.lv-logo) .h-nav{padding-left:18px} html.desk:root body #desk .v3-bar .h-nav > a, html.desk:root body #desk .v3-bar .h-gbtn{font-size:14px} html.desk:root body #desk .v3-logo.lv-logo, html.desk:root body #desk .lv-logo-w{width:196px} html.desk:root body #desk .lv-logo-w{height:40px} html.desk:root body #desk .lv-logo-t{left:47px; top:35px; font-size:12px} } @media (prefers-reduced-motion:reduce){ html.desk:root body #desk .v3-bar .d-btn:active{transform:none} } :root{ --lv-hero-a:var(--nw-brand); --lv-hero-b:color-mix(in oklab, var(--nw-brand) 70%, #ff4a1c); --lv-combo-a:color-mix(in oklab, var(--nw-lime) 82%, #fff); --lv-combo-b:color-mix(in oklab, var(--nw-lime) 90%, #ffb800); --lv-night-a:color-mix(in oklab, var(--stone-deep) 70%, #fff); --lv-night-b:#d8c7d3; --lv-night-c:#685181; --lv-quest:#ffe8dc; --lv-promo-ink:#2d1711; --lv-promo-sand:#5f463b; } :root[data-theme="dark"]{ --lv-hero-b:color-mix(in oklab, var(--nw-brand) 80%, #b00010); --lv-night-a:#2a1a13; --lv-night-b:#3c2b3f; --lv-night-c:#4b3a66; --lv-quest:#3a2219; --lv-promo-ink:#f7ebdd; --lv-promo-sand:#d8c3b4; } html.desk:root body #desk .lv-hero{position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:58% 42%; align-items:center; min-height:246px; margin:4px 0 0; border-radius:28px; color:#fff; background:linear-gradient(115deg, var(--lv-hero-a), var(--lv-hero-b))} html.desk:root body #desk .lv-hero::before{content:""; position:absolute; z-index:-1; left:34%; right:-12%; bottom:-170px; height:300px; border:27px solid var(--nw-lime); border-radius:50%; transform:rotate(-12deg); pointer-events:none} html.desk:root body #desk .lv-hero-txt{position:relative; z-index:2; min-width:0; padding:26px 0 28px 42px} html.desk:root body #desk .lv-hero-h{margin:0 0 8px; font:850 clamp(40px, 4.45vw, 64px)/1.06 var(--font-display); letter-spacing:-.04em; color:#fff} html.desk:root body #desk .lv-hero-h span{white-space:nowrap} html.desk:root body #desk .lv-hero-p{margin:0 0 24px; font:500 clamp(17px, 1.8vw, 26px)/1.25 var(--font); letter-spacing:-.02em; color:#fff} html.desk:root body #desk .lv-hero-cta{display:inline-flex; align-items:center; gap:22px; min-height:52px; padding:0 22px 0 24px; border-radius:999px; background:var(--nw-cta); color:var(--nw-cta-ink); font:750 18px/1 var(--font); text-decoration:none; transition:background-color 160ms ease, transform 130ms var(--ease-out)} html.desk:root body #desk .lv-hero-cta svg{width:20px; height:20px} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .lv-hero-cta:hover{background:var(--nw-cta-hover)} } html.desk:root body #desk .lv-hero-cta:active{background:var(--nw-cta-press); transform:scale(.98)} html.desk:root body #desk .lv-hero-cta:focus-visible{outline:3px solid #fff; outline-offset:3px} html.desk:root body #desk .lv-hero-art{position:relative; z-index:1; align-self:stretch; min-width:0} html.desk:root body #desk .lv-hero-img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; object-position:center} html.desk:root body #desk .v3-row{margin:18px 0 18px; height:auto} html.desk:root body #desk .v3-row.no-sale{grid-template-columns:minmax(0, 1fr)} html.desk:root body #desk .v3-search{height:60px; border-radius:19px; background:color-mix(in oklab, var(--stone) 80%, transparent); border:1px solid var(--lv-line); box-shadow:var(--lv-shadow)} html.desk:root body #desk .v3-search:focus-within{border-color:var(--nw-brand)} html.desk:root body #desk .v3-search > svg{color:var(--cream)} html.desk:root body #desk .v3-search input{font-size:18px} html.desk:root body #desk .v3-search kbd{background:var(--stone-deep); color:var(--sand); box-shadow:none; border-radius:6px} html.desk:root body #desk .lv-hero + .d-salebar, html.desk:root body #desk .lv-hero + a.d-salebar{margin-top:18px} html.desk:root body #desk .me-bns{gap:16px} html.desk:root body #desk .me-bn.lv-bn{--bn-bg:transparent; --bn-ink:var(--lv-promo-ink); --bn-sand:var(--lv-promo-sand); --bn-acc:var(--nw-brand); display:grid; grid-template-columns:minmax(0, 58%) minmax(0, 42%); align-items:center; height:auto; min-height:184px; border-radius:var(--lv-r); color:var(--lv-promo-ink); box-shadow:none} html.desk:root body #desk .me-bn.lv-bn::before{display:none} html.desk:root body #desk .me-bn.lv-bn::after{box-shadow:none} :root[data-theme="dark"].desk body #desk .me-bn.lv-bn::after{box-shadow:inset 0 0 0 1px var(--seam-2)} html.desk:root body #desk .me-bn.lv-bn.lv-bn-sale{background:linear-gradient(110deg, var(--lv-combo-a), var(--lv-combo-b)); --bn-ink:#2d1711; --bn-sand:#5f463b; color:#2d1711} html.desk:root body #desk .me-bn.bn-night.lv-bn{background:linear-gradient(100deg, var(--lv-night-a) 40%, var(--lv-night-b) 75%, var(--lv-night-c))} html.desk:root body #desk .me-bn.bn-quests.lv-bn{background:var(--lv-quest)} html.desk:root body #desk .me-bn.lv-bn .bn-t, html.desk:root body #desk .lv-bn-t{position:relative; inset:auto; z-index:2; grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:10px; max-width:none; min-width:0; padding:22px 0 22px 22px} html.desk:root body #desk .me-bn.lv-bn .bn-h, html.desk:root body #desk .lv-bn-h{display:flex; align-items:center; gap:7px; font:850 25px/1.08 var(--font-display); letter-spacing:-.035em; color:var(--bn-ink)} html.desk:root body #desk .lv-bn-p{font:500 14px/1.4 var(--font); color:var(--bn-sand)} html.desk:root body #desk .lv-bn-pill{display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; background:var(--nw-brand); color:#fff; font:750 15px/1 var(--font); white-space:nowrap} html.desk:root body #desk .me-bn.lv-bn .bn-b{flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; background:color-mix(in oklab, var(--stone) 72%, transparent)} html.desk:root body #desk .me-bn.lv-bn .bn-k{font:600 12px/1.2 var(--font); color:var(--bn-sand)} html.desk:root body #desk .me-bn.lv-bn .bn-k.on{color:var(--nw-brand)} html.desk:root body #desk .me-bn.lv-bn .bn-n{font:800 20px/1 var(--font-display); letter-spacing:-.02em; color:var(--nw-brand)} html.desk:root body #desk .me-bn.lv-bn .bn-n.bn-mono{font:700 15px/1 var(--nw-mono, ui-monospace, SFMono-Regular, Menlo, monospace); letter-spacing:0; color:var(--bn-ink)} html.desk:root body #desk .me-bn.lv-bn .bn-n small{font-size:12px; color:var(--bn-sand)} html.desk:root body #desk .me-bn.lv-bn .bn-pt{width:18px; height:18px} html.desk:root body #desk .me-bn.lv-bn .bn-pt .c{fill:var(--nw-brand)} html.desk:root body #desk .me-bn.lv-bn .bn-pt .f{fill:#fff} html.desk:root body #desk .me-bn.lv-bn .bn-lock{color:var(--bn-sand)} html.desk:root body #desk .me-bn.lv-bn .bn-in{top:12px; right:12px; background:var(--cream); color:var(--deep)} html.desk:root body #desk .lv-bn-pic{position:relative; z-index:1; grid-column:2; grid-row:1; align-self:stretch; display:grid; align-items:end; min-width:0; padding:10px 9px 6px 0; pointer-events:none} html.desk:root body #desk .lv-bn-img{display:block; width:100%; height:auto; max-height:172px; object-fit:contain; object-position:center bottom} html.desk:root body #desk .me-bn.lv-bn:focus-visible{outline:3px solid var(--nw-brand); outline-offset:3px} html.desk:root body #desk .me-bn.bn-top{--bn-bg:var(--stone); border-radius:var(--lv-r); height:auto; min-height:184px; box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .me-bn.bn-top .bn-h{font:850 22px/1.08 var(--font-display); letter-spacing:-.03em} html.desk:root body #desk .me-bn.bn-top .bn-n{font-size:30px} html.desk:root body #desk .me-bn.bn-top .bn-n.bn-mono{font-size:24px} html.desk:root body #desk .me-bns:has(> :nth-child(4)) .me-bn.lv-bn .bn-h, html.desk:root body #desk .me-bns:has(> :nth-child(4)) .lv-bn-h{font-size:21px} html.desk:root body #desk .me-bns:has(> :nth-child(4)) .me-bn.lv-bn{grid-template-columns:minmax(0, 64%) minmax(0, 36%)} html.desk:root body #desk .me-bn.me-sk{height:184px; border-radius:var(--lv-r)} html.desk:root body #desk .me-bn.lv-bn .bn-live{animation:none} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .me-bn.lv-bn:hover{box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--nw-brand) 45%, transparent)} } html.desk:root body #desk .v3-pop{margin-top:22px} html.desk:root body #desk .v3-pop-h{font:850 32px/1.1 var(--font-display); letter-spacing:-.04em; color:var(--cream)} html.desk:root body #desk .v3-pop-h a{font:650 14px/1 var(--font); letter-spacing:0; text-transform:none; color:var(--nw-brand)} html.desk:root body #desk .v3-pop-h a:hover{text-decoration:underline} html.desk:root body #desk .v3-pop-grid{gap:14px} html.desk:root body #desk .v3-pop-grid .t3.s{border-radius:19px; border:1px solid var(--lv-line); background:var(--stone); box-shadow:var(--lv-shadow)} html.desk:root body #desk .v3-pop-grid .t3 [class*="sale"]:not(.t3-art){border-radius:999px} html.desk:root body #desk .t3.t3-all{background:var(--nw-cat); border-color:transparent} html.desk:root body #desk .v3-pop-grid .t3.s.art .t3-txt{position:relative!important; width:auto!important; height:auto!important; margin:0!important; padding:10px 8px 11px!important; overflow:hidden!important; clip-path:none; align-items:center; text-align:center} html.desk:root body #desk .v3-pop-grid .t3.s.art .t3-txt b{font:650 13px/1.25 var(--font); letter-spacing:-.01em; color:var(--cream)} html.desk:root body #desk .v3-pop-grid .t3.s.art .t3-txt small{display:none} html.desk:root body #desk :is(.lv2, .me-gst, .d-miss, .d-guar, .rv, .d-gift){border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk :is(.lv2, .me-gst, .rv) h2{font-family:var(--font-display); font-weight:850; letter-spacing:-.035em} @media (max-width:1200px){ html.desk:root body #desk .lv-hero-txt{padding-left:34px} html.desk:root body #desk .me-bn.lv-bn .bn-h, html.desk:root body #desk .lv-bn-h{font-size:22px} html.desk:root body #desk .lv-bn-p{font-size:13px} html.desk:root body #desk .lv-bn-t, html.desk:root body #desk .me-bn.lv-bn .bn-t{padding-left:19px} } @media (max-width:1100px){ html.desk:root body #desk .lv-hero{min-height:260px} html.desk:root body #desk .lv-hero-h span{display:block} html.desk:root body #desk .lv-hero-h{font-size:42px} html.desk:root body #desk .lv-hero-txt{padding:30px 0 30px 28px} html.desk:root body #desk .lv-hero-p{font-size:19px} html.desk:root body #desk .lv-hero-cta{font-size:16px; min-height:48px; gap:16px} html.desk:root body #desk .me-bns{gap:12px} html.desk:root body #desk .me-bn.lv-bn{grid-template-columns:minmax(0, 61%) minmax(0, 39%); min-height:177px} html.desk:root body #desk .me-bn.lv-bn .bn-h, html.desk:root body #desk .lv-bn-h{font-size:20px} html.desk:root body #desk .lv-bn-t, html.desk:root body #desk .me-bn.lv-bn .bn-t{padding:17px 0 17px 16px} html.desk:root body #desk .lv-bn-p{font-size:12px} html.desk:root body #desk .me-bn.lv-bn .bn-b{padding:6px 9px} html.desk:root body #desk .me-bn.lv-bn .bn-n.bn-mono{font-size:13px} } @media (prefers-reduced-motion:reduce){ html.desk:root body #desk .lv-hero-cta, html.desk:root body #desk .lv-hero-cta:active{transition:none; transform:none} } html.desk:root body #desk .gh-title{font:850 clamp(40px, 4vw, 58px)/1.04 var(--font-display); letter-spacing:-.045em; color:var(--cream)} html.desk:root body #desk .gh-sub{color:var(--sand)} html.desk:root body #desk .g-crumbs .g-back{border-radius:999px; background:transparent; box-shadow:inset 0 0 0 1px var(--lv-line-2); min-height:44px} html.desk:root body #desk .g-crumbs .g-back:hover{box-shadow:inset 0 0 0 1px var(--nw-brand); color:var(--nw-brand)} html.desk:root body #desk .gh-bell{box-shadow:inset 0 0 0 1px var(--lv-line-2); background:transparent} html.desk:root body #desk .g-giftable{border-radius:999px; background:transparent; box-shadow:inset 0 0 0 1px var(--lv-line-2); color:var(--cream)} html.desk:root body #desk .gh-obj .gh-cone, html.desk:root body #desk .gh-obj .gh-floor{display:none} html.desk:root body #desk .g-tabs{gap:8px; background:transparent; box-shadow:none; padding:0; border-bottom:1px solid var(--lv-line); padding-bottom:14px; border-radius:0} html.desk:root body #desk .g-tabs .gh-pill{display:none} html.desk:root body #desk .g-tabs > button{min-height:48px; height:auto; padding:0 20px; border-radius:999px; background:transparent; color:var(--cream); box-shadow:none; border:0; font:750 15px/1 var(--font)} html.desk:root body #desk .g-tabs > button b{color:inherit; opacity:.65; font-weight:700} html.desk:root body #desk .g-tabs > button:hover{background:var(--stone-deep)} html.desk:root body #desk .g-tabs.gh-tabs > button[aria-selected="true"], html.desk:root body #desk .g-tabs > button[aria-selected="true"]{background:var(--nw-brand); color:#fff} html.desk:root body #desk .g-tabs.gh-tabs > button[aria-selected="true"] b{color:#fff} html.desk:root body #desk .g-tabs > button:focus-visible{outline:3px solid var(--nw-brand); outline-offset:2px} html.desk:root body #desk .gm .g-vids button{height:44px; border-radius:999px; font:700 14px/1 var(--font); box-shadow:inset 0 0 0 1px var(--lv-line-2); background:transparent; color:var(--cream)} html.desk:root body #desk .gm .g-vids button:is(.on, [aria-selected="true"], [aria-pressed="true"]){background:var(--nw-lime); color:var(--nw-on-lime); box-shadow:none} html.desk:root body #desk .gm .g-vids button b{color:inherit; opacity:.7} html.desk:root body #desk .tl{border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)!important} html.desk:root body #desk .tl:hover{box-shadow:inset 0 0 0 2px var(--nw-brand)!important} html.desk:root body #desk .tl-name{font-weight:850; letter-spacing:-.03em} html.desk:root body #desk .tl.spent{opacity:.6} html.desk:root body #desk .g-calc{border-radius:20px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .g-calc input{font-size:16px; min-height:44px; border-radius:14px} html.desk:root body #desk .g-grid:not(.is-skins):not(.is-home){grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px} html.desk:root body #desk .n2:not(.item){position:relative; padding:16px 12px 14px; border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)!important} html.desk:root body #desk .n2:not(.item):not(.on):not(.goal):hover{box-shadow:inset 0 0 0 1px var(--nw-brand)!important} html.desk:root body #desk .n2:not(.item) .n-img{margin:6px 0 8px} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) :is(.n-amt, .n-name){font:800 26px/1.08 var(--font-display); letter-spacing:-.03em; color:var(--cream)} html.desk:root body #desk .n2:not(.item) .n-amt small{display:block; margin:3px 0 0; font:600 12px/1.2 var(--font); letter-spacing:0; color:var(--sand)} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-price:not(.gone){margin-top:6px; font:800 17px/1.1 var(--font); color:var(--nw-brand)} html.desk:root body #desk .n2 .n-price.gone{margin-top:6px; font:600 12px/1.2 var(--font); color:var(--sand)} html.desk:root body #desk .n2:not(.item) .n-foot{position:static; display:flex; align-items:center; justify-content:center; height:auto; min-height:32px; margin-top:4px; background:transparent} html.desk:root body #desk .n2:not(.item) .n-old{position:static; inset:auto; height:auto; background:transparent} html.desk:root body #desk .n2:not(.item).on .n-old{opacity:1} html.desk:root body #desk .n2:not(.item).on .n-old s{display:none} html.desk:root body #desk .n2:not(.item) .n-step{position:static; inset:auto; display:none; width:100%; max-width:128px; height:32px} html.desk:root body #desk .n2:not(.item).on .n-step{display:grid} html.desk:root body #desk .n2:not(.item) .n-old s{font:500 12px/1.2 var(--font); color:var(--sand); opacity:.85} html.desk:root body #desk .n2:not(.item) .n-old em{position:absolute; top:12px; left:12px; z-index:2; padding:4px 8px; border-radius:999px; font:750 11px/1.1 var(--font); font-style:normal} html.desk:root body #desk .n2:not(.item):has(.n-old em) .n-tags{top:38px} html.desk:root body #desk .n2:not(.item) .n-tags{left:12px} html.desk:root body #desk .n2:not(.item) .n2-plus{top:12px; right:12px; width:28px; height:28px; border-radius:50%; background:transparent; color:var(--cream); box-shadow:inset 0 0 0 1px var(--lv-line-2); font-weight:600} html.desk:root body #desk .n2.on .n2-plus{opacity:1; visibility:visible; color:transparent; background:var(--nw-brand); box-shadow:none} html.desk:root body #desk .n2.on .n2-plus::after{content:""; position:absolute; left:50%; top:46%; width:6px; height:11px; border:solid #fff; border-width:0 2.4px 2.4px 0; transform:translate(-50%, -50%) rotate(45deg)} html.desk:root body #desk .n2.on, html.desk:root body #desk .n2.goal{background:color-mix(in oklab, var(--nw-brand) 7%, var(--stone)); box-shadow:inset 0 0 0 2px var(--nw-brand)!important} html.desk:root body #desk .n2.spent{background:color-mix(in oklab, var(--stone) 60%, var(--rock)); box-shadow:inset 0 0 0 1px var(--lv-line)!important} html.desk:root body #desk .n2.spent .n-img img{filter:grayscale(.6)} html.desk:root body #desk .n2.spent .n2-plus{opacity:.4} html.desk:root body #desk .n2 .n-step{border-radius:999px; background:var(--stone-deep); box-shadow:none} html.desk:root body #desk .n2 .n-step button{min-width:32px; height:32px; color:var(--cream); border-radius:999px} html.desk:root body #desk .n2 .n-step button:hover{color:var(--nw-brand)} html.desk:root body #desk .g-grid.is-skins{gap:14px} html.desk:root body #desk .n2.item{border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)!important} html.desk:root body #desk .n2.item.on{box-shadow:inset 0 0 0 2px var(--nw-brand)!important} html.desk:root body #desk .n2.item .n-img img{border-radius:16px} html.desk:root body #desk .n2.item .n-name{font:750 15px/1.25 var(--font); color:var(--cream)} html.desk:root body #desk .n2.item .n-price:not(.gone){font:800 16px/1.1 var(--font); color:var(--nw-brand)} html.desk:root body #desk .ord{border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .ord-h h2{font:850 24px/1.1 var(--font-display); letter-spacing:-.035em} html.desk:root body #desk .ord-sum{border-top:1.5px dashed var(--lv-line-2); padding-top:12px} html.desk:root body #desk .ord-total b{color:var(--cream)} html.desk:root body #desk .ord-go{min-height:52px; border-radius:999px} html.desk:root body #desk .ord-go .ord-glint{display:none} html.desk:root body #desk .ord-qp{border-radius:16px; background:var(--stone-deep); box-shadow:none} html.desk:root body #desk .ord-qp-p{color:var(--nw-brand)} @media (max-width:1279px){ html.desk:root body #desk .g-grid:not(.is-skins):not(.is-home){grid-template-columns:repeat(3, minmax(0, 1fr))} } @media (prefers-reduced-motion:reduce){ html.desk:root body #desk .n2, html.desk:root body #desk .n2:active{transition:none; transform:none} } html.desk:root body #desk .co-title{font:850 clamp(34px, 3.4vw, 48px)/1.05 var(--font-display); letter-spacing:-.045em; color:var(--cream)} html.desk:root body #desk .co-back{border-radius:999px; background:transparent; box-shadow:inset 0 0 0 1px var(--lv-line-2); min-height:44px} html.desk:root body #desk .co-steps li i{background:var(--stone-deep); color:var(--sand); box-shadow:none} html.desk:root body #desk .co-steps li.cur i{background:var(--nw-lime); color:var(--nw-on-lime)} html.desk:root body #desk .co-grid{counter-reset:lv-step; gap:16px} html.desk:root body #desk .co-col{border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line); padding:24px 26px} html.desk:root body #desk .co-col.co-c{box-shadow:inset 0 0 0 1px var(--lv-line), inset 0 4px 0 var(--nw-brand)} html.desk:root body #desk .co-h{flex-wrap:wrap} html.desk:root body #desk .co-h h2{display:flex; flex-direction:column; align-items:flex-start; gap:14px; font:850 24px/1.1 var(--font-display); letter-spacing:-.035em; color:var(--cream)} html.desk:root body #desk .co-h h2::before{counter-increment:lv-step; content:counter(lv-step); display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:var(--nw-lime); color:var(--nw-on-lime); font:800 14px/1 var(--font); letter-spacing:0} html.desk:root body #desk .co-who button{border-radius:18px; background:var(--stone-deep); box-shadow:none} html.desk:root body #desk .co-who button[aria-checked="true"]{background:color-mix(in oklab, var(--nw-lime) 32%, var(--stone)); box-shadow:inset 0 0 0 2px var(--nw-brand)} html.desk:root body #desk .co-who button[aria-checked="true"] svg{color:var(--nw-brand)} html.desk:root body #desk .co-who button:focus-visible{outline:3px solid var(--nw-brand)} html.desk:root body #desk :is(.co-fields, .gf-fields) :is(input, textarea){font-size:16px; min-height:48px; border-radius:14px} html.desk:root body #desk :is(.co-fields, .gf-fields) :is(input, textarea):focus{border-color:var(--nw-brand); box-shadow:0 0 0 3px color-mix(in oklab, var(--nw-brand) 18%, transparent)} html.desk:root body #desk :is(.co-fields, .gf-fields) :is(input, textarea):is([aria-invalid="true"], .bad, .err){border-color:var(--rust); background:color-mix(in oklab, var(--rust) 6%, var(--stone))} html.desk:root body #desk .co-paysec .ord-lbl{font:700 13px/1.2 var(--font); letter-spacing:0; text-transform:none; color:var(--cream)} html.desk:root body #desk .co-paysec .ord-pay{grid-template-columns:minmax(0, 1fr); gap:10px} html.desk:root body #desk .co-paysec .ord-pay > .ord-m:last-child:nth-child(odd){grid-column:auto} html.desk:root body #desk .ord-m{align-items:center; min-height:58px; padding:10px 46px 10px 14px; border-radius:16px; background:var(--stone); border:1px solid var(--lv-line); box-shadow:none} html.desk:root body #desk .ord-m b{font:750 14px/1.15 var(--font); color:var(--cream)} html.desk:root body #desk .ord-m small{font-size:12px; color:var(--sand)} html.desk:root body #desk .ord-m span{font:750 14px/1 var(--font); color:var(--cream)} html.desk:root body #desk .ord-m::after{content:""; position:absolute; right:14px; top:50%; width:20px; height:20px; margin-top:-10px; border-radius:50%; box-shadow:inset 0 0 0 1.5px var(--lv-line-2); background:var(--stone)} html.desk:root body #desk .ord-m.on{border-color:var(--nw-brand); background:color-mix(in oklab, var(--nw-brand) 6%, var(--stone)); box-shadow:0 0 0 1px var(--nw-brand)} html.desk:root body #desk .ord-m.on::after{box-shadow:inset 0 0 0 2px var(--nw-brand), inset 0 0 0 5px var(--stone); background:var(--nw-brand)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .ord-m:not(.on):hover{border-color:var(--lv-line-2)} } html.desk:root body #desk .ord-m:focus-visible{outline:3px solid var(--nw-brand); outline-offset:2px} html.desk:root body #desk .ord-m:is(:disabled, [aria-disabled="true"], .soon, .off){opacity:.55} html.desk:root body #desk .ord-pts{border-radius:16px; background:var(--stone-deep); box-shadow:none} html.desk:root body #desk .ord-pts-sw:checked + .ord-pts-track{background:var(--nw-brand); border-color:var(--nw-brand)} html.desk:root body #desk .co-bonus .ord-vip{animation:none; color:var(--cream); font-weight:650; font-size:14px; border-radius:16px; background:var(--stone-deep); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .co-c .ord-sum{border-radius:18px; background:color-mix(in oklab, var(--stone-deep) 55%, var(--stone)); box-shadow:none; padding:16px 18px; border-top:0} html.desk:root body #desk .co-c .ord-total{border-top:1.5px dashed var(--lv-line-2); padding-top:12px; margin-top:6px} html.desk:root body #desk .co-c .ord-total b{font:850 34px/1 var(--font-display); letter-spacing:-.04em; color:var(--cream)} html.desk:root body #desk .ord-line.good span:last-child, html.desk:root body #desk .ord-save b{color:var(--nw-brand)} html.desk:root body #desk .co-foot .ord-go.ready{background:var(--nw-brand)!important; color:#fff!important; min-height:52px; border-radius:999px; font:750 16px/1 var(--font)} html.desk:root body #desk .co-foot .ord-go.ready::before{background:var(--nw-brand)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .co-foot .ord-go.ready:hover{background:var(--ore)!important} html.desk:root body #desk .co-foot .ord-go.ready:hover::before{background:var(--ore)} } html.desk:root body #desk .co-foot .ord-go:focus-visible{outline:3px solid var(--nw-brand); outline-offset:3px} html.desk:root body #desk .co-foot .d-consent{margin-top:10px; font-size:12px; line-height:1.45; color:var(--sand)} html.desk:root body #desk .co-foot .d-consent a{color:var(--nw-brand)} html.desk:root body #desk .co-foot .ord-other a, html.desk:root body #desk .co-foot .ord-other button{color:var(--nw-brand); font-weight:700} html.desk:root body #desk .co-foot .ord-err:not(:empty){border-radius:14px; padding:10px 12px; background:color-mix(in oklab, var(--rust) 10%, var(--stone)); color:var(--rust)} html.desk:root body #desk .co-none-in{border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .co-none-in h2{font:850 28px/1.1 var(--font-display); letter-spacing:-.035em} @media (max-width:1180px){ html.desk:root body #desk .co-col{padding:20px} html.desk:root body #desk .co-h h2{font-size:21px} } @media (prefers-reduced-motion:reduce){ html.desk:root body #desk .ord-m:active, html.desk:root body #desk .co-who button:active{transform:none} } html.desk:root body #desk .o-stage{border-radius:28px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .o-no{color:var(--cream)} html.desk:root body #desk .o-what{color:var(--sand)} html.desk:root body #desk .o-scene .o-cone, html.desk:root body #desk .o-scene .o-halo, html.desk:root body #desk .o-scene .o-floor{display:none} html.desk:root body #desk .o-pay small{font:700 13px/1.2 var(--font); letter-spacing:0; text-transform:none; color:var(--sand)} html.desk:root body #desk .o-pay-sum{font:850 64px/1 var(--font-display); letter-spacing:-.045em; color:var(--cream)} html.desk:root body #desk .o-stamp b{border-radius:999px; background:var(--nw-lime); color:var(--nw-on-lime); box-shadow:none} html.desk:root body #desk .o-steps li i{background:var(--stone-deep); box-shadow:inset 0 0 0 1.5px var(--lv-line-2)} html.desk:root body #desk .o-steps li.now i{background:var(--nw-lime); box-shadow:inset 0 0 0 2px var(--nw-brand)} html.desk:root body #desk .o-steps li.done i{background:var(--nw-brand); box-shadow:none} html.desk:root body #desk .o-steps li b{font:750 15px/1.2 var(--font); color:var(--cream)} html.desk:root body #desk .o-steps li small{color:var(--sand)} html.desk:root body #desk .o-steps li.fail i, html.desk:root body #desk .o-steps li.bad i{background:var(--rust); box-shadow:none} html.desk:root body #desk .o-acts :is(.d-lamp, .d-btn){min-height:48px; padding:0 22px; border-radius:999px; font:750 15px/1 var(--font)} html.desk:root body #desk .o-acts .d-glass{background:transparent; color:var(--cream); box-shadow:inset 0 0 0 1px var(--lv-line-2); border:0} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .o-acts .d-glass:hover{box-shadow:inset 0 0 0 1px var(--nw-brand); color:var(--nw-brand)} } html.desk:root body #desk .o-err:not(:empty){border-radius:14px; padding:10px 14px; background:color-mix(in oklab, var(--rust) 10%, var(--stone)); color:var(--rust)} html.desk:root body #desk :is(.o-plate):not(:empty){border-radius:18px; background:color-mix(in oklab, var(--stone-deep) 55%, var(--stone)); box-shadow:inset 0 0 0 1.5px var(--lv-line-2)} html.desk:root body #desk .o-result:not(:empty), html.desk:root body #desk .o-remind:not(:empty){border-radius:16px; background:var(--stone-deep)} html.desk:root body #desk :is(.ol-row, .ol-login, .ol-find){border-radius:20px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .ol-row:hover{box-shadow:inset 0 0 0 1.5px var(--nw-brand)} } html.desk:root body #desk :is(.ol-row, .o-wrap) :is(.ol-st, .o-st)[data-st="done"]{background:color-mix(in oklab, #3d8b4f 16%, var(--stone)); color:var(--cream)} html.desk:root body #desk :is(.ct-title, .ol-title, .rtg-h1, .d-abt h1, .kg-title){font-family:var(--font-display); font-weight:850; letter-spacing:-.045em; color:var(--cream)} html.desk:root body #desk :is(.ct-back, .g-back){border-radius:999px; min-height:44px} html.desk:root body #desk input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), html.desk:root body #desk textarea, html.desk:root body #desk select{font-size:16px} html.desk:root body #desk .d-lamp:focus-visible, html.desk:root body #desk .d-btn:focus-visible{outline:3px solid var(--nw-brand); outline-offset:3px} html.desk:root body #desk .ct-search{border-radius:19px; border:1px solid var(--lv-line); background:var(--stone); box-shadow:var(--lv-shadow)} html.desk:root body #desk .ct-search:focus-within{border-color:var(--nw-brand)} html.desk:root body #desk .ct-chips button{height:44px; padding:0 16px; border-radius:999px; background:var(--stone); border:1px solid var(--lv-line); box-shadow:none; color:var(--cream); font-weight:700} html.desk:root body #desk .ct-chips button[aria-pressed="true"]{background:var(--nw-brand); border-color:var(--nw-brand); color:#fff; box-shadow:none} html.desk:root body #desk .ct-chips button[aria-pressed="true"] :is(b, svg){color:#fff} html.desk:root body #desk .ct-sort button{border-radius:999px} html.desk:root body #desk .ct-sort button[aria-pressed="true"]{background:var(--nw-lime); color:var(--nw-on-lime)} html.desk:root body #desk .ct-t{border-radius:19px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .ct-name{font:650 14px/1.25 var(--font); color:var(--cream)} html.desk:root body #desk .ct-ask, html.desk:root body #desk .ct-found:not(:empty){border-radius:var(--lv-r); background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .mega{border-radius:var(--lv-r); background:var(--stone); box-shadow:0 18px 40px -24px rgba(45,23,17,.45), inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .mega-i:hover{background:var(--stone-deep)} html.desk:root body #desk .rtg :is(.rtg-head, .rtg-board, .rtg-timer, .rtg-card){border-radius:var(--lv-r); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .rtg .rtg-seg{border-radius:999px; background:var(--stone-deep)} html.desk:root body #desk .rtg .rtg-seg button{border-radius:999px; min-height:44px; font-weight:750} html.desk:root body #desk .rtg .rtg-seg button[aria-pressed="true"]{background:var(--nw-lime); color:var(--nw-on-lime)} html.desk:root body #desk .rtg .rtg-btn-main{border-radius:999px; min-height:48px} html.desk:root body #desk .rtg .rtg-meter > *{background:var(--nw-brand)} html.desk:root body #desk .rtg-toast{border-radius:16px} html.desk:root body #desk .d-abt-steps li{border-radius:var(--lv-r); border:0; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .d-abt-n{background:var(--nw-lime); color:var(--nw-on-lime); box-shadow:none} html.desk:root body #desk .d-abt-steps b{font-weight:800} html.desk:root body #desk .d-abt-asks details, html.desk:root body #desk .d-abt-asks > *{border-radius:18px} html.desk:root body #desk .ol-find .d-lamp, html.desk:root body #desk .ol-find button[type="submit"]{background:var(--nw-brand)!important; color:#fff!important; border-radius:999px; min-height:48px} html.desk:root body #desk .ol-find .d-lamp::before{background:var(--nw-brand)} html.desk:root body #desk .ol-login .d-glass, html.desk:root body #desk .ol-acc .d-glass{border-radius:999px; background:transparent; box-shadow:inset 0 0 0 1px var(--lv-line-2)} html.desk:root body #desk :is(.lvm-sec, .lv2){border-radius:var(--lv-r)} html.desk:root body #desk .lvm-t, html.desk:root body #desk .lv2 h2{font-family:var(--font-display); font-weight:850; letter-spacing:-.035em} html.desk:root body #desk .lvm-go{border-radius:999px; min-height:48px} html.desk:root body #desk .lv2-step[aria-current], html.desk:root body #desk .lv2-step.on{box-shadow:inset 0 0 0 2px var(--nw-brand)} html.desk:root body #desk .me-gst :is(.gst-t, .gst-in){border-radius:20px} html.desk:root body #desk .me-gst .gst-in .d-btn, html.desk:root body #desk .me-gst .d-glass{border-radius:999px} html.desk:root body #desk .kg-card{border-radius:20px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line)} html.desk:root body #desk .kg-card:hover{box-shadow:inset 0 0 0 1.5px var(--nw-brand)} html.desk:root body #desk .gf-chip{border-radius:999px} html.desk:root body #desk .gf-chip[aria-pressed="true"], html.desk:root body #desk .gf-chip.on{box-shadow:inset 0 0 0 2px var(--nw-brand)} html.desk:root body #desk .gf-switch:checked + .gf-track{background:var(--nw-brand); border-color:var(--nw-brand)} html.desk:root body #desk .sh-toast, html.desk:root body #desk .rtg-toast, html.desk body > .rtg-toast{border-radius:16px; background:var(--cream); color:var(--deep); box-shadow:0 14px 30px -18px rgba(45,23,17,.5)} html.desk:root body #desk .gm-note:not([hidden]){border-radius:16px; background:color-mix(in oklab, var(--nw-lime) 22%, var(--stone)); color:var(--cream); box-shadow:none} html.desk:root body #desk :is(.gm-empty, .ol-empty, .ord-empty){color:var(--sand)} html.desk:root body #desk .d-wait{color:var(--sand)} @keyframes lv-skel{50%{opacity:.6}} html.desk:root body #desk .me-bn.me-sk{background:var(--stone-deep); animation:lv-skel 1.6s ease-in-out infinite} @media (prefers-reduced-motion:reduce){ html.desk:root body #desk .me-bn.me-sk{animation:none} } html.desk:root body #desk .t3.art .t3-art.lv-tile-art{aspect-ratio:1 / 1; background:transparent} html.desk:root body #desk .t3.art .t3-art.lv-tile-art img{width:100%; height:100%; object-fit:contain; transform:none} html.desk:root body #desk .v3-pop-grid:has(.lv-tile-art) .t3.s.art{align-self:stretch} html.desk:root body #desk .v3-pop-grid:has(.lv-tile-art) .t3.s.art:not(:has(.lv-tile-art)) .t3-art{flex:1 1 auto; position:relative} html.desk:root body #desk .v3-pop-grid:has(.lv-tile-art) .t3.s.art:not(:has(.lv-tile-art)) .t3-art img{position:absolute; inset:0; height:100%} html.desk:root body #desk .ct-pic.art:has(> .lv-tile-img){aspect-ratio:1 / 1; background:transparent} html.desk:root body #desk .ct-pic.art > .lv-tile-img{width:100%; height:100%; object-fit:contain; transform:none; filter:none} html.desk:root body #desk .ct-pic.art:has(> .lv-tile-img)::before{display:none} html.desk:root body #desk .mega-cover.lv-tile-m{width:96px; height:96px; object-fit:contain; background:transparent} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk .t3.art:hover .t3-art.lv-tile-art img, html.desk:root body #desk .ct-t:hover .lv-tile-img{transform:none} } html.desk:root body #desk .ct-grid:has(.lv-tile-img) .ct-t:has(> .ct-pic.art):not(:has(.lv-tile-img)){grid-template-rows:1fr auto} html.desk:root body #desk .ct-grid:has(.lv-tile-img) .ct-t:has(> .ct-pic.art):not(:has(.lv-tile-img)) > .ct-pic.art{align-self:stretch; height:auto} :root{ --lv-sh-sm:0 2px 3px rgba(84,35,10,.012), 0 10px 24px rgba(84,35,10,.02); --lv-sh-lift:0 4px 10px rgba(84,35,10,.024), 0 18px 38px rgba(84,35,10,.04); --lv-sh-in:inset 0 1px 0 rgba(255,255,255,.85); --lv-warm:color-mix(in oklab, var(--stone) 70%, #fff4e2); --lv-ease:cubic-bezier(.23,1,.32,1); --lv-hero-deep:color-mix(in oklab, var(--nw-brand) 82%, #7a0008); --lv-hero-glow:color-mix(in oklab, var(--nw-brand) 55%, #ff7a2a); --lv-spot-coins:#fff8e4; --lv-spot-coins-glow:#fbe8a9; --lv-spot-skins-a:#fbf8ee; --lv-spot-skins-b:#e9e5d7; --lv-spot-crates-a:#f9ece2; --lv-spot-crates-b:#f0dac8; --lv-podium-2a:#f5f4eb; --lv-podium-2b:#d7dad0; --lv-podium-3a:#f5dec1; --lv-podium-3b:#deb98c; --lv-gold-a:#ffe968; --lv-gold-b:#ffd83d; --lv-mine-a:#fff1cb; --lv-mine-b:#fff8e6; } :root[data-theme="dark"]{ --lv-sh-sm:none; --lv-sh-lift:0 14px 30px -18px rgba(0,0,0,.7); --lv-sh-in:inset 0 1px 0 rgba(255,255,255,.04); --lv-warm:color-mix(in oklab, var(--stone) 88%, #3a2410); --lv-spot-coins:#2e2210; --lv-spot-coins-glow:#4a3712; --lv-spot-skins-a:#25201a; --lv-spot-skins-b:#2f2a22; --lv-spot-crates-a:#2b1d16; --lv-spot-crates-b:#36251b; --lv-podium-2a:#3a3833; --lv-podium-2b:#2c2b27; --lv-podium-3a:#4a3522; --lv-podium-3b:#3a281a; --lv-gold-a:#ffe968; --lv-gold-b:#f2c92e; --lv-mine-a:#3a2f12; --lv-mine-b:#2c2410; } html.desk:root body #desk :is(h1, h2, h3){text-wrap:balance} html.desk:root body #desk :is(.n-amt, .n-price, .ord-total, .rtg-timer-n, .rtg-place, .o-pay-sum){font-variant-numeric:tabular-nums} html.desk:root body #desk .v3-bar-in{height:100px} html.desk:root body #desk .v3-bar .h-nav > a, html.desk:root body #desk .v3-bar .h-gbtn{height:100px} html.desk:root body #desk .lv-logo-t{font-weight:600; font-size:12px; letter-spacing:.005em} html.desk:root body #desk .lv-hero{min-height:282px; border-radius:30px; background:radial-gradient(ellipse at 80% 100%, var(--lv-hero-glow) 0, transparent 56%), linear-gradient(105deg, var(--lv-hero-deep) 0, var(--lv-hero-a) 55%, var(--lv-hero-b) 100%); box-shadow:inset 0 1px 0 rgba(255,129,123,.48), 0 12px 35px rgba(188,22,16,.045)} html.desk:root body #desk .lv-hero::before{border-width:24px; bottom:-174px; opacity:.98; box-shadow:0 -2px 0 rgba(255,246,160,.17)} html.desk:root body #desk .lv-hero-txt{padding:28px 0 30px 40px} html.desk:root body #desk .lv-hero-k{display:inline-flex; align-items:center; gap:7px; margin:0 0 17px; font:700 12px/1 var(--font); letter-spacing:.14em; text-transform:uppercase; color:#fff0d7} html.desk:root body #desk .lv-hero-k i{width:5px; height:5px; border-radius:50%; background:var(--nw-lime)} html.desk:root body #desk .lv-hero-h{margin-bottom:13px; font-size:clamp(36px, 4.25vw, 62px); font-weight:820; line-height:1.02; letter-spacing:-.037em; word-spacing:.08em} html.desk:root body #desk .lv-hero-p{font-size:clamp(16px, 1.6vw, 23px); font-weight:430; color:#fff5e8} html.desk:root body #desk .lv-hero-img{filter:drop-shadow(0 10px 10px rgba(91,9,9,.1))} html.desk:root body #desk .lv-hero-cta{min-height:49px; padding:0 22px 0 23px; gap:28px; font-size:15px; background:linear-gradient(180deg, color-mix(in oklab, var(--nw-cta) 80%, #fff6a0), var(--nw-cta)); box-shadow:inset 0 1px 0 rgba(255,247,176,.9), 0 4px 0 rgba(156,38,7,.05); transition:transform 160ms var(--lv-ease), box-shadow 160ms var(--lv-ease)} html.desk:root body #desk .v3-row{margin:20px 0} html.desk:root body #desk .v3-search{border-radius:17px; background:var(--lv-warm); box-shadow:var(--lv-sh-in), 0 2px 3px rgba(103,67,21,.012)} html.desk:root body #desk .me-bns{gap:18px} html.desk:root body #desk .me-bn.lv-bn, html.desk:root body #desk .me-bn.bn-top{min-height:180px; border-radius:24px; box-shadow:var(--lv-sh-in), var(--lv-sh-sm); transition:transform 180ms var(--lv-ease), box-shadow 180ms var(--lv-ease)} html.desk:root body #desk .me-bn.bn-top{box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)} html.desk:root body #desk .me-bn.lv-bn .bn-h, html.desk:root body #desk .lv-bn-h{font-size:24px; letter-spacing:-.037em; line-height:1.05} html.desk:root body #desk .lv-bn-p{font-size:12px; line-height:1.5; max-width:210px} html.desk:root body #desk .lv-bn-img{filter:drop-shadow(0 6px 6px rgba(74,25,13,.04))} html.desk:root body #desk .me-bn.lv-bn.lv-bn-sale{background:radial-gradient(ellipse at 10% 0, color-mix(in oklab, var(--nw-lime) 40%, #fff7b0) 0, transparent 70%), linear-gradient(115deg, var(--lv-combo-a), var(--lv-combo-b))} html.desk:root body #desk .me-bn.bn-night.lv-bn{background:linear-gradient(105deg, var(--lv-night-a) 39%, var(--lv-night-b) 78%, var(--lv-night-c))} html.desk:root body #desk .me-bn.bn-quests.lv-bn{background:linear-gradient(115deg, color-mix(in oklab, var(--lv-quest) 70%, #fff), var(--lv-quest))} :root[data-theme="dark"].desk body #desk .me-bn.bn-quests.lv-bn{background:var(--lv-quest)} html.desk:root body #desk .lv-bn-pill{font-size:14px; padding:0 12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.1)} html.desk:root body #desk .lv-spot{margin:18px 0 34px} html.desk:root body #desk .lv-spot-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px} html.desk:root body #desk .lv-spot-k{margin:0 0 8px; font:700 12px/1 var(--font); letter-spacing:.15em; text-transform:uppercase; color:var(--sand)} html.desk:root body #desk .lv-spot-title{margin:0; font:780 30px/1.1 var(--font-display); letter-spacing:-.034em; color:var(--cream)} html.desk:root body #desk .lv-spot-link{display:inline-flex; align-items:center; gap:10px; min-height:44px; font:650 13px/1 var(--font); color:var(--nw-brand); text-decoration:none} html.desk:root body #desk .lv-spot-link svg{width:18px; height:18px} html.desk:root body #desk .lv-spot-grid{display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:17px} html.desk:root body #desk .lv-spot-grid[style*="--n:2"]{grid-template-columns:1.4fr 1fr} html.desk:root body #desk .lv-spot-grid[style*="--n:1"]{grid-template-columns:1fr} html.desk:root body #desk .lv-spot-t{position:relative; isolation:isolate; overflow:hidden; display:block; min-height:205px; border-radius:23px; color:var(--cream); text-decoration:none; background:var(--stone); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm); transition:transform 180ms var(--lv-ease), box-shadow 180ms var(--lv-ease)} html.desk:root body #desk .lv-spot-tx{position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; padding:25px; max-width:62%} html.desk:root body #desk .lv-spot-l{font:600 12px/1.2 var(--font); color:var(--sand)} html.desk:root body #desk .lv-spot-h{margin:8px 0 10px; font:800 31px/1 var(--font-display); letter-spacing:-.04em; color:var(--cream)} html.desk:root body #desk .lv-spot-p{margin:0 0 21px; font:500 13px/1.5 var(--font); color:var(--sand)} html.desk:root body #desk .lv-spot-go{display:inline-flex; align-items:center; gap:14px; min-height:28px; font:700 13px/1 var(--font); color:var(--nw-brand)} html.desk:root body #desk .lv-spot-go svg{width:18px; height:18px} html.desk:root body #desk .lv-spot-img{position:absolute; z-index:1; right:3px; bottom:0; width:60%; height:90%; object-fit:contain; object-position:center bottom} html.desk:root body #desk .lv-spot-coins{background:radial-gradient(ellipse at 90% 80%, var(--lv-spot-coins-glow) 0, transparent 70%), var(--lv-spot-coins)} html.desk:root body #desk .lv-spot-coins .lv-spot-img{right:0; bottom:-10px; width:46%; height:97%; filter:drop-shadow(0 13px 12px rgba(184,121,32,.13))} html.desk:root body #desk .lv-spot-skins{background:linear-gradient(130deg, var(--lv-spot-skins-a), var(--lv-spot-skins-b))} html.desk:root body #desk .lv-spot-crates{background:linear-gradient(130deg, var(--lv-spot-crates-a), var(--lv-spot-crates-b))} html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-tx{padding:23px} html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-h{font-size:25px} html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-img{width:74%; height:78%; right:-10px; bottom:-5px} html.desk:root body #desk .lv-spot-c{position:absolute; z-index:3; left:23px; bottom:17px; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:var(--cream); background:color-mix(in oklab, var(--stone) 70%, transparent); box-shadow:inset 0 0 0 1px var(--lv-line-2)} html.desk:root body #desk .lv-spot-c svg{width:16px; height:16px} html.desk:root body #desk .lv-spot-t:focus-visible, html.desk:root body #desk .lv-spot-link:focus-visible{outline:3px solid var(--nw-brand); outline-offset:3px} html.desk:root body #desk .v3-pop > .lv-spot + .v3-pop-h{margin-top:0} html.desk:root body #desk .v3-pop:has(> .lv-spot){margin-top:20px} html.desk:root body #desk .v3-pop-h{font-size:30px; font-weight:780; letter-spacing:-.034em} html.desk:root body #desk .v3-pop-grid .t3.s{border-radius:20px; background:color-mix(in oklab, var(--stone) 60%, #fff); box-shadow:var(--lv-sh-sm); transition:transform 180ms var(--lv-ease), box-shadow 180ms var(--lv-ease)} :root[data-theme="dark"].desk body #desk .v3-pop-grid .t3.s{background:var(--stone)} html.desk:root body #desk .v3-pop-grid .t3.s.art .t3-txt{text-align:left; align-items:flex-start; padding:13px 14px!important} html.desk:root body #desk .v3-pop-grid .t3 .t-sale{box-shadow:0 2px 7px rgba(47,20,7,.09)} html.desk:root body #desk .n2:not(.item){background:linear-gradient(145deg, color-mix(in oklab, var(--stone) 40%, #fff), var(--lv-warm)); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-in), 0 3px 7px rgba(119,56,9,.012)!important; transition:box-shadow 150ms ease, background-color 150ms ease} :root[data-theme="dark"].desk body #desk .n2:not(.item){background:var(--stone)} html.desk:root body #desk .n2:not(.item) .n-img img{filter:drop-shadow(0 5px 4px rgba(186,136,25,.09))} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) :is(.n-amt, .n-name){font-size:25px; font-weight:750; letter-spacing:-.032em} html.desk:root body #desk .n2:not(.item) .n-amt small{font-size:12px; letter-spacing:.015em} html.desk:root body #desk .n2:not(.item):not(:has(.n-pre)) .n-price:not(.gone){font-size:16px; font-weight:750; letter-spacing:-.01em} html.desk:root body #desk .n2:not(.item) .n-old s{font-size:12px; color:color-mix(in oklab, var(--sand) 80%, var(--stone))} html.desk:root body #desk .n2:not(.item) .n-old em{padding:5px 7px; font-size:11px; box-shadow:inset 0 1px 0 rgba(255,255,255,.5)} html.desk:root body #desk .n2.on, html.desk:root body #desk .n2.goal{background:radial-gradient(ellipse at 50% 18%, color-mix(in oklab, var(--stone) 50%, #fff), color-mix(in oklab, var(--nw-brand) 8%, var(--stone))); box-shadow:inset 0 0 0 2px var(--nw-brand), inset 0 0 0 4px color-mix(in oklab, var(--stone) 80%, #fff), 0 5px 17px rgba(168,41,14,.03)!important} :root[data-theme="dark"].desk body #desk .n2.on{background:color-mix(in oklab, var(--nw-brand) 10%, var(--stone)); box-shadow:inset 0 0 0 2px var(--nw-brand)!important} html.desk:root body #desk .n2.on .n2-plus{box-shadow:inset 0 1px 0 rgba(245,97,103,.8)} html.desk:root body #desk .n2:not(.on) .n2-plus{background:color-mix(in oklab, var(--stone) 60%, #fff9ec); box-shadow:inset 0 0 0 1px var(--lv-line-2)} :root[data-theme="dark"].desk body #desk .n2:not(.on) .n2-plus{background:transparent} html.desk:root body #desk .n2.spent .n-price.gone{display:inline-flex; align-self:center; margin-top:8px; padding:4px 10px; border-radius:999px; background:var(--stone-deep); color:var(--sand); font:650 11px/1.2 var(--font)} html.desk:root body #desk .n2.item{box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)!important; transition:transform 180ms var(--lv-ease), box-shadow 180ms var(--lv-ease)} html.desk:root body #desk .n2.item.on{box-shadow:inset 0 0 0 2px var(--nw-brand), var(--lv-sh-sm)!important} html.desk:root body #desk .n2.item .n-img{background:radial-gradient(ellipse at 50% 25%, color-mix(in oklab, var(--stone) 40%, #fff), var(--stone-deep)); border-radius:16px} :root[data-theme="dark"].desk body #desk .n2.item .n-img{background:var(--stone-deep)} html.desk:root body #desk .n2.item .n-name{font-size:16px; font-weight:730; letter-spacing:-.02em; line-height:1.2} html.desk:root body #desk .g-tabs > button{letter-spacing:-.005em} html.desk:root body #desk .g-tabs > button:not([aria-selected="true"]){background:var(--stone-deep); color:color-mix(in oklab, var(--cream) 75%, var(--sand))} html.desk:root body #desk :is(.ord, .co-col.co-c){background:linear-gradient(145deg, color-mix(in oklab, var(--stone) 40%, #fff), var(--lv-warm))} :root[data-theme="dark"].desk body #desk :is(.ord, .co-col.co-c){background:var(--stone)} html.desk:root body #desk .co-col.co-c{box-shadow:inset 0 0 0 1px var(--lv-line), inset 0 3px 0 var(--nw-brand), 0 15px 36px rgba(110,63,16,.03)} html.desk:root body #desk :is(.ord-sum, .co-c .ord-total){border-top-width:1px; border-top-color:color-mix(in oklab, var(--lv-line-2) 80%, var(--stone))} html.desk:root body #desk .co-c .ord-total b{font-size:32px; font-weight:750; letter-spacing:-.03em} html.desk:root body #desk .ord-total b{font-weight:750} html.desk:root body #desk .co-col:not(.co-c){background:linear-gradient(145deg, color-mix(in oklab, var(--stone) 50%, #fff), var(--stone)); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)} :root[data-theme="dark"].desk body #desk .co-col:not(.co-c){background:var(--stone)} html.desk:root body #desk .co-h h2{font-weight:730; letter-spacing:-.025em} html.desk:root body #desk .ord-m{background:color-mix(in oklab, var(--stone) 60%, #fff)} :root[data-theme="dark"].desk body #desk .ord-m{background:var(--stone)} html.desk:root body #desk .ord-m.on{background:color-mix(in oklab, var(--nw-lime) 18%, var(--stone)); box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--stone) 80%, #fff), 0 0 0 1px var(--nw-brand)} :root[data-theme="dark"].desk body #desk .ord-m.on{background:color-mix(in oklab, var(--nw-brand) 10%, var(--stone)); box-shadow:0 0 0 1px var(--nw-brand)} html.desk:root body #desk :is(.co-fields, .gf-fields, .ol-find) :is(input, textarea){background:color-mix(in oklab, var(--stone) 50%, #fff); border-color:var(--lv-line-2); box-shadow:inset 0 2px 3px rgba(105,67,33,.012); border-radius:13px} :root[data-theme="dark"].desk body #desk :is(.co-fields, .gf-fields, .ol-find) :is(input, textarea){background:var(--rock)} html.desk:root body #desk .co-foot .d-consent{font-size:12px; line-height:1.6} html.desk:root body #desk .co-foot .ord-go.ready, html.desk:root body #desk .ol-find .d-lamp{ background:linear-gradient(180deg, color-mix(in oklab, var(--nw-brand) 88%, #ff5a5a), var(--nw-brand))!important; box-shadow:inset 0 1px 0 rgba(255,114,116,.32), 0 3px 5px rgba(169,26,9,.024)} html.desk:root body #desk .co-foot .ord-go.ready::before, html.desk:root body #desk .ol-find .d-lamp::before{background:transparent} html.desk:root body #desk :is(.o-acts .d-glass, .co-back, .g-back, .ct-back){background:color-mix(in oklab, var(--stone) 60%, #fff); box-shadow:inset 0 0 0 1px var(--lv-line-2), var(--lv-sh-in)} :root[data-theme="dark"].desk body #desk :is(.o-acts .d-glass, .co-back, .g-back, .ct-back){background:transparent} html.desk:root body #desk .o-stage{background:linear-gradient(145deg, color-mix(in oklab, var(--stone) 40%, #fff), var(--lv-warm)); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)} :root[data-theme="dark"].desk body #desk .o-stage{background:var(--stone)} html.desk:root body #desk .o-head{padding-bottom:16px; border-bottom:1px solid var(--lv-line)} html.desk:root body #desk .o-steps li.done i{box-shadow:0 0 0 3px color-mix(in oklab, var(--nw-brand) 14%, var(--stone))} html.desk:root body #desk .lv-coin.lv-coin-m{width:auto; height:auto; border-radius:0; background:none!important; box-shadow:none!important; color:inherit} html.desk:root body #desk .lv-medal{display:block; width:58px; height:68px; object-fit:contain; filter:drop-shadow(0 4px 3px rgba(131,87,20,.07))} html.desk:root body #desk .lvm-road .lv-medal{width:34px; height:40px} html.desk:root body #desk .lv2.now .lv-coin.lv-coin-m, html.desk:root body #desk .lv2-step .lv-coin.lv-coin-m{box-shadow:none!important} html.desk:root body #desk .lv2-step{border-radius:20px; background:linear-gradient(140deg, color-mix(in oklab, var(--stone) 50%, #fff), var(--lv-warm)); box-shadow:inset 0 0 0 1px var(--lv-line)} :root[data-theme="dark"].desk body #desk .lv2-step{background:var(--stone)} html.desk:root body #desk .lv2-step:nth-child(3){background:radial-gradient(ellipse at 90% 10%, rgba(255,224,143,.39) 0, transparent 60%), linear-gradient(140deg, color-mix(in oklab, var(--stone) 50%, #fff), color-mix(in oklab, var(--nw-lime) 22%, var(--stone)))} :root[data-theme="dark"].desk body #desk .lv2-step:nth-child(3){background:color-mix(in oklab, var(--nw-lime) 8%, var(--stone))} html.desk:root body #desk .lv2-step .lv2-p{font-weight:700; letter-spacing:-.045em} html.desk:root body #desk .lvm{border-radius:var(--lv-r); background:linear-gradient(135deg, color-mix(in oklab, var(--stone) 50%, #fff), var(--lv-warm)); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)} :root[data-theme="dark"].desk body #desk .lvm{background:var(--stone)} html.desk:root body #desk .rtg :is(.rtg-board, .rtg-card){background:linear-gradient(180deg, color-mix(in oklab, var(--stone) 50%, #fff), var(--lv-warm)); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)} :root[data-theme="dark"].desk body #desk .rtg :is(.rtg-board, .rtg-card){background:var(--stone)} html.desk:root body #desk .rtg .rtg-timer{background:linear-gradient(145deg, color-mix(in oklab, var(--stone) 50%, #fff), var(--lv-warm)); box-shadow:inset 0 0 0 1px var(--lv-line), inset 0 3px 0 #d5b36f} :root[data-theme="dark"].desk body #desk .rtg .rtg-timer{background:var(--stone)} html.desk:root body #desk .rtg .rtg-timer-n{font-weight:620; letter-spacing:-.04em} html.desk:root body #desk .rtg .rtg-plinth{position:relative; border-radius:16px 16px 0 0; background:linear-gradient(155deg, var(--lv-podium-2a), var(--lv-podium-2b)); box-shadow:inset 0 1px 0 rgba(255,255,255,.7), inset 0 0 0 1px color-mix(in oklab, var(--lv-podium-2b) 80%, #000 4%)} html.desk:root body #desk .rtg .rtg-plinth::before{content:""; position:absolute; left:10px; right:10px; top:7px; height:1px; background:rgba(255,255,255,.5)} html.desk:root body #desk .rtg .rtg-step.p1 .rtg-plinth{background:linear-gradient(145deg, var(--lv-gold-a), var(--lv-gold-b) 70%); box-shadow:inset 0 1px 0 rgba(255,246,163,.9), 0 0 30px rgba(229,185,52,.04)} html.desk:root body #desk .rtg .rtg-step.p3 .rtg-plinth{background:linear-gradient(145deg, var(--lv-podium-3a), var(--lv-podium-3b))} :root[data-theme="dark"].desk body #desk .rtg .rtg-plinth::before{opacity:.15} html.desk:root body #desk .rtg .rtg-step-pl{font-weight:650; letter-spacing:-.04em} :root[data-theme="dark"].desk body #desk .rtg .rtg-step.p1 :is(.rtg-step-pl, .rtg-step-prize, .rtg-step-prize small){color:#2d1711} html.desk:root body #desk .rtg .lv-place-m{display:block; width:68px; height:79px; margin:0 auto 7px; object-fit:contain; filter:drop-shadow(0 4px 3px rgba(118,81,27,.075))} html.desk:root body #desk .rtg .rtg-step.p1 .lv-place-m{width:83px; height:96px} html.desk:root body #desk .rtg .rtg-step.lv-has-m .rtg-ava{display:none} html.desk:root body #desk .rtg .rtg-step-nick{font-size:13px; font-weight:600} html.desk:root body #desk .rtg .rtg-row{border-radius:0; border-bottom:1px solid var(--lv-line); min-height:60px} html.desk:root body #desk .rtg .rtg-row:last-child{border-bottom:0} html.desk:root body #desk .rtg .rtg-row.mine{position:relative; margin:3px 0; border-radius:12px; border:1px solid color-mix(in oklab, var(--nw-lime) 45%, var(--lv-line)); background:linear-gradient(90deg, var(--lv-mine-a), var(--lv-mine-b))} html.desk:root body #desk .rtg .rtg-row.mine::before{content:""; position:absolute; left:0; top:14px; bottom:14px; width:3px; border-radius:9px; background:var(--nw-brand)} html.desk:root body #desk .rtg .rtg-ava{background:var(--stone-deep); font-weight:600} html.desk:root body #desk .rtg .rtg-band{align-items:flex-end; height:20px; gap:4px} html.desk:root body #desk .rtg .rtg-band i{height:12px; border-radius:3px; background:var(--stone-deep)} html.desk:root body #desk .rtg .rtg-band i:nth-child(2){height:14px} html.desk:root body #desk .rtg .rtg-band i:nth-child(3){height:16px} html.desk:root body #desk .rtg .rtg-band i:nth-child(4){height:18px} html.desk:root body #desk .rtg .rtg-band i:nth-child(5){height:20px} html.desk:root body #desk .rtg .rtg-band i.on{background:var(--nw-brand)} html.desk:root body #desk :is(.ct-t, .ol-row, .ol-find, .ol-login, .d-abt-steps li, .kg-card, .lv2, .me-gst, .d-miss, .d-guar, .rv){box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-sm)} html.desk:root body #desk .rv{background:linear-gradient(145deg, color-mix(in oklab, var(--stone) 50%, #fff), var(--stone))} :root[data-theme="dark"].desk body #desk .rv{background:var(--stone)} html.desk:root body #desk .rv p{line-height:1.75} html.desk:root body #desk .d-foot{padding-top:4px} html.desk:root body #desk .d-foot-in{display:grid; grid-template-columns:minmax(180px, .8fr) 2fr; align-items:start; gap:26px; padding-top:30px; padding-bottom:22px} html.desk:root body #desk .d-foot-word{height:30px; width:auto} html.desk:root body #desk .d-foot nav{display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 20px; padding-top:6px} html.desk:root body #desk .d-foot nav a{font:600 13px/1.4 var(--font)} html.desk:root body #desk .d-foot-plat{margin-top:0; margin-bottom:0; padding-top:6px; padding-bottom:6px; font-size:11px; line-height:1.6; color:var(--sand)} html.desk:root body #desk .d-foot-in + .d-foot-plat{border-top:1px solid var(--lv-line); padding-top:18px} html.desk:root body #desk .d-foot-plat:last-child{padding-bottom:34px} @media (hover:hover) and (pointer:fine){ html.desk:root body #desk :is(.lv-spot-t, .me-bn.lv-bn, .v3-pop-grid .t3.s, .n2.item):hover{transform:translateY(-2px); box-shadow:inset 0 0 0 1px var(--lv-line), var(--lv-sh-lift)!important} html.desk:root body #desk .lv-hero-cta:hover{transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,247,176,.9), 0 5px 12px rgba(94,20,14,.1)} html.desk:root body #desk .n2:not(.item):not(.on):not(.goal):not(.spent):hover{box-shadow:inset 0 0 0 1px var(--nw-brand), 0 6px 18px rgba(133,60,11,.03)!important} html.desk:root body #desk .lv-spot-link:hover, html.desk:root body #desk .d-foot a:hover{text-decoration:underline; text-underline-offset:4px} } @media (max-width:1200px){ html.desk:root body #desk .lv-hero-txt{padding-left:32px} html.desk:root body #desk .lv-hero-h{font-size:49px; letter-spacing:-.039em} html.desk:root body #desk .lv-spot-grid{grid-template-columns:1.5fr 1fr 1fr} html.desk:root body #desk .lv-spot-tx{padding:23px} html.desk:root body #desk .lv-spot-h{font-size:29px} html.desk:root body #desk .me-bn.lv-bn .bn-h, html.desk:root body #desk .lv-bn-h{font-size:21px} } @media (max-width:1100px){ html.desk:root body #desk .lv-hero{min-height:254px} html.desk:root body #desk .lv-hero-h{font-size:40px} html.desk:root body #desk .lv-spot-grid{gap:12px; grid-template-columns:1.45fr 1fr 1fr} html.desk:root body #desk .lv-spot-t{min-height:193px} html.desk:root body #desk .lv-spot-tx{padding:19px} html.desk:root body #desk .lv-spot-h{font-size:26px} html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-h{font-size:23px} html.desk:root body #desk .lv-spot-c{left:18px; bottom:15px} html.desk:root body #desk .d-foot-in{grid-template-columns:1fr} html.desk:root body #desk .d-foot nav{justify-content:flex-start} } @media (prefers-reduced-motion:reduce){ html.desk:root body #desk :is(.lv-spot-t, .me-bn.lv-bn, .v3-pop-grid .t3.s, .n2.item, .lv-hero-cta, .n2){transition:none} html.desk:root body #desk :is(.lv-spot-t, .me-bn.lv-bn, .v3-pop-grid .t3.s, .n2.item, .lv-hero-cta):hover{transform:none} } html.desk:root body #desk .lv-spot svg{flex:none; width:18px; height:18px} html.desk:root body #desk .lv-spot-c svg{width:16px; height:16px} html.desk:root body #desk .d-foot-word{width:140px; height:30px} :root[data-theme="dark"].desk body #desk .co-who button[aria-checked="true"]{background:color-mix(in oklab, var(--nw-brand) 14%, var(--stone))} html.desk:root body #desk .lv-hero{min-height:0; height:180px; border-radius:26px; grid-template-columns:60% 40%} html.desk:root body #desk .lv-hero::before{bottom:-196px; border-width:20px} html.desk:root body #desk .lv-hero-txt{padding:20px 0 20px 40px} html.desk:root body #desk .lv-hero-k{display:none} html.desk:root body #desk .lv-hero-h{margin:0 0 6px; font-size:44px; line-height:1.04} html.desk:root body #desk .lv-hero-h span{display:inline; white-space:nowrap} html.desk:root body #desk .lv-hero-p{margin:0 0 14px; font-size:18px; line-height:1.3} html.desk:root body #desk .lv-hero-cta{min-height:44px; padding:0 18px 0 20px; gap:18px; font-size:15px} html.desk:root body #desk .lv-hero-art{align-self:stretch} html.desk:root body #desk .lv-hero-img{inset:6px 8px 0 0; width:calc(100% - 8px); height:calc(100% - 6px); object-position:right bottom} html.desk:root body #desk .v3-row{margin:14px 0 14px} html.desk:root body #desk .v3-search{height:52px} html.desk:root body #desk .v3-pop, html.desk:root body #desk .v3-pop:has(> .lv-spot){margin-top:0} html.desk:root body #desk .v3-pop-h{margin-bottom:10px; font-size:26px} html.desk:root body #desk .v3-pop-grid{grid-template-columns:repeat(auto-fill, minmax(168px, 1fr)); gap:12px} html.desk:root body #desk .v3-pop-grid > .t3.t3-all{grid-column:auto!important; min-height:0; padding:14px 14px 12px; justify-content:flex-end} html.desk:root body #desk .v3-pop-grid > .t3.t3-all .t3-fan{transform:scale(.72); transform-origin:left top} html.desk:root body #desk .v3-pop-grid > .t3.t3-all .t3-txt b{font-size:15px} html.desk:root body #desk .v3-pop-grid > .t3.t3-all .t3-price{font-size:12px} html.desk:root body #desk .v3-pop-grid .t3.s.art .t3-txt{padding:9px 12px 10px!important} html.desk:root body #desk .v3-pop-grid .t3.s.art .t3-txt b{display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px} html.desk:root body #desk .v3-pop-grid .t3.s{border-radius:18px} html.desk:root body #desk .lv-spot{margin:0 0 14px} html.desk:root body #desk .lv-spot-head{margin-bottom:8px; align-items:center} html.desk:root body #desk .lv-spot-head > div{min-width:0} html.desk:root body #desk .lv-spot-title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis} html.desk:root body #desk .lv-spot-k{display:none} html.desk:root body #desk .lv-spot-title{font-size:22px} html.desk:root body #desk .lv-spot-link{min-height:36px} html.desk:root body #desk .lv-spot-grid{gap:12px} html.desk:root body #desk .lv-spot-t{min-height:0; height:104px; border-radius:20px} html.desk:root body #desk .lv-spot-tx, html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-tx{padding:13px 18px; max-width:58%} html.desk:root body #desk .lv-spot-h, html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-h{margin:3px 0 6px; font-size:22px} html.desk:root body #desk .lv-spot-p{display:none} html.desk:root body #desk .lv-spot-go{min-height:24px; font-size:12px} html.desk:root body #desk .lv-spot-coins .lv-spot-img{width:40%; height:100%; bottom:-6px} html.desk:root body #desk :is(.lv-spot-skins, .lv-spot-crates) .lv-spot-img{width:52%; height:100%; right:-4px; bottom:-4px} html.desk:root body #desk .lv-spot-c{left:18px; bottom:12px; width:28px; height:28px} html.desk:root body #desk .me-strip{margin-top:4px} html.desk:root body #desk .me-bns{gap:12px} html.desk:root body #desk .me-bn.lv-bn, html.desk:root body #desk .me-bn.bn-top, html.desk:root body #desk .me-bn.me-sk{min-height:0; height:130px; border-radius:20px} html.desk:root body #desk .me-bn.lv-bn .bn-t, html.desk:root body #desk .lv-bn-t{gap:7px; padding:14px 0 14px 18px} html.desk:root body #desk .me-bn.lv-bn .bn-h, html.desk:root body #desk .lv-bn-h, html.desk:root body #desk .me-bns:has(> :nth-child(4)) :is(.me-bn.lv-bn .bn-h, .lv-bn-h){font-size:19px} html.desk:root body #desk .lv-bn-p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.35} html.desk:root body #desk .lv-bn-pill{min-height:26px; font-size:13px} html.desk:root body #desk .me-bn.lv-bn .bn-b{padding:5px 10px} html.desk:root body #desk .me-bn.lv-bn .bn-n{font-size:17px} html.desk:root body #desk .me-bn.lv-bn .bn-n.bn-mono{font-size:13px} html.desk:root body #desk .lv-bn-pic{padding:8px 8px 4px 0} html.desk:root body #desk .lv-bn-img{max-height:118px} html.desk:root body #desk .me-bn.lv-bn .bn-in{top:10px; right:10px; height:24px; padding:0 10px; font-size:12px} html.desk:root body #desk .me-bn.bn-top .bn-t{padding:14px 0 14px 18px} html.desk:root body #desk .me-bn.bn-top .bn-h{font-size:19px} html.desk:root body #desk .me-bn.bn-top .bn-n{font-size:24px} html.desk:root body #desk .me-bn.bn-top .bn-n.bn-mono{font-size:20px} html.desk:root body #desk .me-gst{padding:18px 22px} html.desk:root body #desk .me-gst .gst-grid{gap:12px} html.desk:root body #desk .me-gst :is(.gst-t, .gst-in){padding:14px 16px} html.desk:root body #desk .me-gst h2{font-size:22px; margin-bottom:6px} @media (max-width:1300px){ html.desk:root body #desk .v3-bar-in, html.desk:root body #desk .v3-bar .h-nav > a, html.desk:root body #desk .v3-bar .h-gbtn{height:84px} html.desk:root body #desk .v3-bar .h-nav a[aria-current]::after{bottom:18px} html.desk:root body #desk .lv-hero{height:144px} html.desk:root body #desk .v3-row{margin:12px 0} html.desk:root body #desk .v3-search{height:48px} html.desk:root body #desk .lv-spot-t{height:92px} html.desk:root body #desk .lv-spot-title{font-size:20px} html.desk:root body #desk .lv-spot-go{display:none} html.desk:root body #desk .lv-hero-txt{padding:14px 0 14px 32px} html.desk:root body #desk .lv-hero-h{font-size:34px; margin-bottom:2px} html.desk:root body #desk .lv-hero-p{font-size:15px; margin-bottom:8px} html.desk:root body #desk .lv-hero-cta{min-height:44px; font-size:14px} html.desk:root body #desk .v3-pop-h{font-size:24px} } @media (max-width:1180px){ html.desk:root body #desk .lv-hero-h{font-size:34px} html.desk:root body #desk .lv-hero-h span{white-space:normal} html.desk:root body #desk .v3-pop-grid{grid-template-columns:repeat(auto-fill, minmax(156px, 1fr))} } html:root body.shell .sh-top.lvm-top{gap:8px; justify-content:flex-start} html:root body.shell .sh-top.lvm-top::before{background:var(--deep); -webkit-backdrop-filter:none; backdrop-filter:none} html:root body.shell .lvm-top .sh-mid{flex:1 1 auto; justify-content:flex-start; min-width:0; height:48px} html:root body.shell .lvm-top .sh-mid .sh-logo{display:none} html:root body.shell .lvm-top.sh-top-title .sh-mid{justify-content:center} html:root body.shell .lvm-top.sh-top-title .lvm-brand{display:none} html:root body.shell .lvm-brand{display:flex; align-items:center; gap:8px; min-width:0} html:root body.shell .lvm-mark{flex:none; width:38px; height:38px} html:root body.shell .lvm-name{display:flex; flex-direction:column; align-items:flex-start; min-width:0; text-align:left} html:root body.shell .lvm-name b{font:900 25px/1 var(--font-display); letter-spacing:-.04em; color:var(--nw-brand); white-space:nowrap} html:root body.shell .lvm-name small{margin-top:3px; font:700 11.5px/1.1 var(--font); letter-spacing:0; color:var(--cream); white-space:nowrap} html:root body.shell .lvm-top .sh-title{font:800 17px/1.2 var(--font-display); letter-spacing:-.01em; text-transform:none; color:var(--cream)} html:root body.shell .lvm-top .sh-corner{flex:none; width:40px; height:40px; margin:0; border:0; background:var(--stone); color:var(--cream); box-shadow:inset 0 0 0 1px var(--seam)} html:root body.shell .lvm-top .sh-corner.sh-off{display:none} html:root body.shell .lvm-login{flex:none; min-height:44px; padding:0 18px; border:0; border-radius:999px; cursor:pointer; font:800 14px/1 var(--font); letter-spacing:0; color:#fff; background:var(--nw-brand); transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease} html:root body.shell .lvm-login:active{transform:scale(.96)} html:root body.shell .lvm-login[hidden]{display:none} html:root body.shell .lvm-login:focus-visible{outline:3px solid var(--nw-lime); outline-offset:2px} :root[data-theme="dark"] body.shell .lvm-login{color:#fff} @media (max-width:369px){ html:root body.shell .lvm-top.lvm-guest .sh-corner#shFind{display:none} html:root body.shell .lvm-name b{font-size:22px} html:root body.shell .lvm-mark{width:34px; height:34px} html:root body.shell .lvm-login{padding:0 14px} } @media (max-width:339px){ html:root body.shell .lvm-name small{display:none} } html:root body.shell .sh-tabs, html:root body.shell.sh-dock .sh-tabs, html:root body.shell.sh-pay .sh-tabs{ background:var(--stone); border-top:1px solid var(--seam)} html:root body.shell .sh-tab{color:var(--sand); min-height:48px} html:root body.shell .sh-tab.on{color:var(--nw-brand)} html:root body.shell .sh-tab.on .sh-tab-t{font-weight:800} html:root body.shell .sh-tab .sh-tab-t{font-size:11.5px; font-weight:650} html:root body.shell .sh-tab-lamp::before{background:var(--nw-brand)!important} :root[data-theme="dark"] body.shell .sh-tab.on{color:var(--nw-lime)} :root[data-theme="dark"] body.shell .sh-tab-lamp::before{background:var(--nw-lime)!important} html:root body.shell .sh-tab-count{background:var(--nw-lime); color:var(--nw-on-lime); box-shadow:0 0 0 2px var(--stone)} html:root body.shell .sh-drawer{background:var(--deep)} html:root body.shell .sh-drawer .sh-inset{background:var(--stone); border-radius:20px; box-shadow:inset 0 0 0 1px var(--seam)} html:root body.shell .sh-drawer .sh-grp{font:800 12px/1.2 var(--font); letter-spacing:.08em; text-transform:uppercase; color:var(--sand)} html:root body.shell .sh-drawer .sh-row{min-height:52px} html:root body.shell .sh-drawer .sh-row-t{font-weight:700; color:var(--cream)} html:root body.shell .sh-drawer .sh-mi{border-radius:12px; background:var(--nw-lime-soft); color:var(--nw-brand)} :root[data-theme="dark"] body.shell .sh-drawer .sh-mi{color:var(--nw-lime)} html:root body.shell .sh-drawer .sh-tag{background:var(--nw-lime); color:var(--nw-on-lime)} html:root body.shell .sh-tab .sh-ic{color:inherit!important; stroke:currentColor!important} html:root body.shell .sh-tab .sh-ic .f{fill:currentColor!important} html:root body.shell .sh-tab:not(.on) .sh-ic .f{fill-opacity:0!important} html:root body.shell .sh-tab.on .sh-ic .f{fill-opacity:.18!important} html:root body.shell .lvm-hero{position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; margin:4px 0 0; border-radius:24px; color:#fff; background:linear-gradient(115deg, var(--nw-brand), color-mix(in oklab, var(--nw-brand) 82%, #ff5a3c))} html:root body.shell .lvm-hero::before{content:""; position:absolute; z-index:-1; left:-30%; right:-70%; bottom:-150px; height:300px; border:22px solid var(--nw-lime); border-radius:50%; transform:rotate(-20deg); pointer-events:none} html:root body.shell .lvm-hero-copy{position:relative; z-index:2; padding:24px 22px 0} html:root body.shell .lvm-hero-h{margin:0 0 10px; font:850 clamp(36px, 11.6vw, 46px)/1.02 var(--font-display); letter-spacing:-.045em; color:#fff} html:root body.shell .lvm-hero-h span{display:block} html:root body.shell .lvm-hero-note{max-width:250px; margin:0 0 18px; font:500 16px/1.35 var(--font); letter-spacing:-.01em; color:rgba(255,255,255,.94)} html:root body.shell .lvm-hero-cta{display:inline-flex; align-items:center; gap:22px; min-height:48px; padding:0 18px 0 22px; border:0; border-radius:999px; cursor:pointer; font:800 16px/1 var(--font); letter-spacing:-.01em; color:var(--nw-cta-ink); background:var(--nw-cta); transition:transform var(--t-press) var(--ease-out), background-color var(--t-hover) ease} html:root body.shell .lvm-hero-cta .sh-ic{width:18px; height:18px; stroke-width:2.6} html:root body.shell .lvm-hero-cta:active{transform:scale(.97); background:var(--nw-cta-press)} html:root body.shell .lvm-hero-cta:focus-visible{outline:3px solid #fff; outline-offset:3px} html:root body.shell .lvm-hero-art{position:relative; z-index:1; display:block; width:100%; max-width:440px; margin:-6px auto 0; padding:0 8px; aspect-ratio:3 / 2} html:root body.shell .lvm-hero-art img{display:block; width:100%; height:100%; object-fit:contain} @media (min-width:744px){ html:root body.shell [data-screen="sh-home"] > .lvm-hero{order:-1; flex-direction:row; align-items:center; min-height:240px} html:root body.shell .lvm-hero-copy{flex:1 1 56%; padding:28px 0 28px 34px} html:root body.shell .lvm-hero-art{flex:1 1 44%; margin:0; aspect-ratio:3 / 2} html:root body.shell .lvm-hero::before{left:30%; right:-10%; bottom:-170px} } html:root body.shell [data-screen="sh-home"] > .sh-find, html:root body.shell .sh-find{height:54px; margin-top:14px; border-radius:18px; border:1px solid var(--seam); background:var(--stone); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none} html:root body.shell .sh-find span{font:500 15px/1 var(--font); color:var(--sand)} html:root body.shell .sh-find .sh-ic{color:var(--cream)} html:root body.shell .lvm-promo{position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0, 1fr) 132px; align-items:center; width:100%; min-height:146px; margin:12px 0 0; padding:0; border:0; border-radius:22px; cursor:pointer; text-align:left; color:var(--nw-on-lime); background:linear-gradient(110deg, var(--nw-lime), color-mix(in oklab, var(--nw-lime) 86%, #ff9f00)); transition:transform var(--t-press) var(--ease-out)} html:root body.shell .lvm-promo:active{transform:scale(.985)} html:root body.shell .lvm-promo:focus-visible{outline:3px solid var(--nw-brand); outline-offset:3px} html:root body.shell .lvm-promo-copy{display:flex; flex-direction:column; align-items:flex-start; gap:6px; min-width:0; padding:18px 0 18px 19px} html:root body.shell .lvm-promo-h{font:850 23px/1.05 var(--font-display); letter-spacing:-.035em} html:root body.shell .lvm-promo-note{font:500 13px/1.35 var(--font); opacity:.86} html:root body.shell .lvm-promo-row{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:4px} html:root body.shell .lvm-pill{display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border-radius:999px; font:800 14px/1 var(--font); font-style:normal; color:#fff; background:var(--nw-brand); white-space:nowrap} html:root body.shell .lvm-promo-time{display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border-radius:999px; font:700 12px/1 var(--font); font-variant-numeric:tabular-nums; background:rgba(255,255,255,.55); white-space:nowrap} html:root body.shell .lvm-promo-time b{font-weight:800} html:root body.shell .lvm-promo-time [hidden]{display:none} html:root body.shell .lvm-promo-art{align-self:stretch; display:grid; place-items:center; padding:6px 8px 6px 0} html:root body.shell .lvm-promo-art img{width:100%; height:auto; max-height:136px; object-fit:contain} html:root body.shell [data-screen="sh-home"] > .lvm-sale{order:0} html:root body.shell .shm-rib{margin:0} html:root body.shell .shm-rib .me-bns{flex-direction:column; gap:12px; margin-top:12px; padding:0; overflow:visible; scroll-snap-type:none} html:root body.shell .shm-rib .me-bn{--bn-bg:var(--stone); --bn-ink:var(--cream); --bn-sand:var(--sand); --bn-acc:var(--nw-brand); --bn-on-acc:#fff; --bn-edge:var(--seam); --bn-card:var(--stone-deep); --bn-block:var(--stone-deep); --bn-block-top:var(--seam); --bn-block-side:var(--seam-2); --bn-ghost:color-mix(in oklab, var(--cream) 6%, transparent); width:100%; height:auto; min-height:128px; border-radius:22px} html:root body.shell .shm-rib .me-bn.me-sk{height:128px; background:var(--stone-deep)} html:root body.shell .shm-rib .bn-t{position:relative; inset:auto; min-height:128px; max-width:calc(100% - 128px); padding:18px 0 18px 19px; gap:12px} html:root body.shell .shm-rib .bn-h{font:850 22px/1.08 var(--font-display); letter-spacing:-.03em; white-space:normal} html:root body.shell .shm-rib .bn-k{font-size:12.5px} html:root body.shell .shm-rib .bn-n{font-size:28px; color:var(--bn-ink)} html:root body.shell .shm-rib .bn-n.bn-mono{font-size:24px} html:root body.shell .shm-rib .me-bn.lvm-bn .bn-art, html:root body.shell .shm-rib .me-bn.lvm-bn .bn-shade{display:none} html:root body.shell .shm-rib .lvm-bn-art{position:absolute; z-index:1; right:6px; bottom:4px; width:122px; height:122px; object-fit:contain; pointer-events:none} html:root body.shell .shm-rib .bn-night{--bn-bg:var(--stone); background:linear-gradient(100deg, var(--stone) 42%, color-mix(in oklab, #8c6fa6 30%, var(--stone)) 76%, color-mix(in oklab, #685181 62%, var(--stone)))} html:root body.shell .shm-rib .bn-quests{--bn-bg:color-mix(in oklab, var(--nw-brand) 9%, var(--stone)); background:var(--bn-bg)} html:root body.shell .shm-rib .bn-top{--bn-bg:var(--stone); background:var(--stone)} html:root body.shell .shm-rib .bn-top .bn-shade{background:linear-gradient(90deg, var(--bn-bg) 0, var(--bn-bg) 40%, transparent 70%)} :root[data-theme="dark"] body.shell .shm-rib .bn-night{background:linear-gradient(100deg, var(--stone) 42%, #2c2236 76%, #3a2c4a)} :root[data-theme="dark"] body.shell .shm-rib .me-bn{--bn-acc:var(--nw-lime); --bn-on-acc:var(--nw-on-lime)} html:root body.shell [data-screen="sh-home"] .sh-pop{margin-top:22px} html:root body.shell .sh-pop-h{font:850 26px/1.1 var(--font-display); letter-spacing:-.035em; color:var(--cream)} html:root body.shell .sh-pop-h .sh-link{min-height:44px; padding:0 2px; font:700 13px/1 var(--font); color:var(--nw-brand); text-decoration:none} :root[data-theme="dark"] body.shell .sh-pop-h .sh-link{color:var(--nw-lime)} html:root body.shell .sh-wall-pop > .sh-tile{border-radius:18px; box-shadow:inset 0 0 0 1px var(--seam)} html:root body.shell .sh-wall-pop .sh-tile-txt b{font:700 13px/1.2 var(--font); letter-spacing:-.01em} html:root body.shell .sh-tag-sale{border-radius:999px!important; background:var(--nw-lime)!important; color:var(--nw-on-lime)!important} html:root body.shell .sh-promo.sh-promo-lvl{min-height:72px; border-radius:20px; border:1px solid var(--seam); background:var(--stone); box-shadow:none} html:root body.shell .sh-promo.sh-promo-lvl i{font:850 18px/1.1 var(--font-display); letter-spacing:-.02em; text-transform:none; color:var(--cream)} html:root body.shell .sh-promo.sh-promo-lvl small{font:600 13px/1.25 var(--font); color:var(--nw-brand)} :root[data-theme="dark"] body.shell .sh-promo.sh-promo-lvl small{color:var(--nw-lime)} html:root body.shell .sh-vow{font-size:12.5px} @media (prefers-reduced-motion:reduce){ html:root body.shell :is(.lvm-promo, .lvm-hero-cta, .lvm-login){transition:none} } @media (max-width:359px){ html:root body.shell .lvm-hero-copy{padding:20px 18px 0} html:root body.shell .lvm-hero-note{font-size:15px} html:root body.shell .lvm-hero::before{bottom:-205px; border-width:18px} html:root body.shell .lvm-promo{grid-template-columns:minmax(0, 1fr) 100px} html:root body.shell .lvm-promo-h{font-size:21px} html:root body.shell .shm-rib .bn-t{max-width:calc(100% - 104px)} html:root body.shell .shm-rib .lvm-bn-art{width:100px; height:100px} } :root{--lvm-price:var(--nw-brand); --lvm-sel:var(--nw-brand)} :root[data-theme="dark"]{--lvm-price:#ff6b5e; --lvm-sel:var(--nw-lime)} @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){--lvm-price:#ff6b5e; --lvm-sel:var(--nw-lime)} } html:root body.shell .app [data-screen="catalog"] h1{letter-spacing:-.04em} html:root body.shell .app [data-screen="catalog"] .tab{height:44px; min-height:44px; padding:0 16px 0 12px; border-radius:999px; font:700 14px/1 var(--font); color:var(--cream); background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam)} html:root body.shell .app [data-screen="catalog"] .tab.on, html body.shell .app [data-screen="catalog"] .yi-vid .tab.on{color:#fff!important; background:var(--nw-brand)!important; box-shadow:none} html:root body.shell .app [data-screen="catalog"] .tab.on .ic{color:#fff} :root[data-theme="dark"] body.shell .app [data-screen="catalog"] .tab.on, :root[data-theme="dark"] body.shell .app [data-screen="catalog"] .yi-vid .tab.on{color:var(--nw-on-lime)!important; background:var(--nw-lime)!important} :root[data-theme="dark"] body.shell .app [data-screen="catalog"] .tab.on .ic{color:var(--nw-on-lime)} html:root body.shell .app [data-screen="catalog"] .tabs .pill, html:root body.shell .app [data-screen="catalog"] .tab-pill{background:var(--nw-brand)!important} html:root body.shell .ore:not(.item){border-radius:22px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important; padding:10px 6px 11px} html:root body.shell .ore:not(.item) .line1 > b{font:850 19px/1.02 var(--font-display)!important; letter-spacing:-.03em!important; color:var(--cream)!important} html:root body.shell .ore:not(.item) .line1 > span{font:800 14px/1.1 var(--font)!important; color:var(--lvm-price)!important} html:root body.shell .ore:not(.item) .line1 > span.gone-цена{font:600 12px/1.2 var(--font)!important; color:var(--sand)!important} html:root body.shell .ore :is(.выгода, .акция-цена) s{font:500 12px/1 var(--font)!important; color:var(--sand)!important; opacity:.85; text-decoration-thickness:1px} html:root body.shell .ore .акция-цена b, html:root body.shell .ore .выгода b{padding:3px 7px!important; border-radius:999px!important; font:800 11.5px/1 var(--font)!important; color:var(--nw-on-lime)!important; background:var(--nw-lime)!important} html:root body.shell .ore:not(.item) .mark{border-radius:999px!important; color:var(--nw-on-lime)!important; background:var(--nw-lime)!important} html:root body.shell .ore:not(.incart):not(.spent) .take{background:var(--nw-brand)!important} html:root body.shell .ore:not(.incart):not(.spent) .take::before{color:#fff} :root[data-theme="dark"] body.shell .ore:not(.incart):not(.spent) .take{background:var(--nw-lime)!important} :root[data-theme="dark"] body.shell .ore:not(.incart):not(.spent) .take::before{color:var(--nw-on-lime)} html:root body.shell .ore.incart{background:color-mix(in oklab, var(--lvm-sel) 7%, var(--stone))!important; box-shadow:inset 0 0 0 2px var(--lvm-sel)!important} html:root body.shell .ore.incart:not(.item)::after{content:""; display:block!important; position:absolute; z-index:3; top:8px; right:8px; width:22px; height:22px; border-radius:50%; background:var(--lvm-sel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center / 15px no-repeat} :root[data-theme="dark"] body.shell .ore.incart:not(.item)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D1711' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E")} html:root body.shell .ore .take.picked{background:color-mix(in oklab, var(--lvm-sel) 12%, var(--stone))!important} html:root body.shell .ore .take.picked i, html:root body.shell .ore .take.picked b{color:var(--cream)!important} html:root body.shell .ore.spent{background:var(--stone-deep)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell .ore.spent :is(.yi-mound, .pic){opacity:.42; filter:grayscale(.7)} html:root body.shell .ore.spent .line1 > b{color:var(--sand)!important} html:root body.shell .ore.item.spent .cost{font:700 13px/1.2 var(--font)!important; color:var(--sand)!important} html:root body.shell .ore.spent :is(.выгода, .акция-цена) b{background:var(--seam)!important; color:var(--sand)!important} html:root body.shell :is(#dq-shelf, .row-in):has(> .ore.item){grid-template-columns:repeat(2, minmax(0, 1fr))!important; gap:10px!important} html:root body.shell .ore.item{border-radius:20px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important; overflow:hidden} html:root body.shell .ore.item .pic{width:100%; height:auto!important; aspect-ratio:1 / 1!important; border-radius:14px; background:var(--stone-deep)} html:root body.shell .ore.item .pic img{object-fit:contain!important} html:root body.shell .ore.item .name{font:700 13.5px/1.25 var(--font)!important; color:var(--cream)!important} html:root body.shell .ore.item .cost{font-weight:800!important; color:var(--lvm-price)!important} html:root body.shell .ore.item.incart{box-shadow:inset 0 0 0 2px var(--lvm-sel)!important} html:root body.shell .sh-gift{border-radius:20px; background:var(--stone); box-shadow:inset 0 0 0 1px var(--seam)} html:root body.shell [data-screen="order"] .yi-buy-total{border-radius:22px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell [data-screen="order"] .yi-basket-rows{padding-bottom:12px; border-bottom:1.5px dashed var(--seam-2)} html:root body.shell [data-screen="order"] .cart-line > b{font:800 16px/1.2 var(--font-display); letter-spacing:-.02em; color:var(--cream)} html:root body.shell [data-screen="order"] .cart-line .line-game{font:500 12.5px/1.25 var(--font); color:var(--sand)} html:root body.shell [data-screen="order"] .cart-line .sum{font:850 17px/1 var(--font-display); color:var(--cream); font-variant-numeric:tabular-nums} html:root body.shell [data-screen="order"] .cart-line .stepper{border-radius:999px; background:var(--stone-deep)!important} html:root body.shell [data-screen="order"] .cart-line .stepper button{min-width:40px; min-height:40px; border-radius:50%!important; color:var(--cream)!important; background:transparent!important} html:root body.shell [data-screen="order"] .cart-line .stepper button[data-do="plus"]{color:#fff!important; background:var(--nw-brand)!important} :root[data-theme="dark"] body.shell [data-screen="order"] .cart-line .stepper button[data-do="plus"]{color:var(--nw-on-lime)!important; background:var(--nw-lime)!important} html:root body.shell [data-screen="order"] .yi-slab{background:transparent!important} html:root body.shell [data-screen="order"] .yi-assure{color:var(--sand)} html:root body.shell [data-screen="order"] :is(.yi-login-tip, .yi-acc-alert, #dq-acc-fields > *, .sh-gift){border-radius:20px} html:root body.shell [data-screen="order"] .yi-login-tip{background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell [data-screen="order"] .yi-acc-alert{border-color:var(--seam-2)!important; background:color-mix(in oklab, var(--nw-lime) 14%, var(--stone))!important} html:root body.shell [data-screen="order"] :is(input, select, textarea){font-size:16px!important; min-height:48px; border-radius:14px!important} html:root body.shell [data-screen="order"] :is(input, textarea):focus-visible{outline:2px solid var(--nw-brand); outline-offset:1px} html:root body.shell [data-screen="order"] .способы-что{display:block; margin:6px 0 10px; font:850 22px/1.1 var(--font-display); letter-spacing:-.03em; color:var(--cream)} html:root body.shell [data-screen="order"] .способы-ряд{gap:8px} html:root body.shell [data-screen="order"] .способ{border-radius:18px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important; border:0!important; min-height:48px} html:root body.shell [data-screen="order"] .способ.on{background:color-mix(in oklab, var(--nw-brand) 6%, var(--stone))!important; box-shadow:inset 0 0 0 2px var(--nw-brand)!important} :root[data-theme="dark"] body.shell [data-screen="order"] .способ.on{background:color-mix(in oklab, var(--nw-lime) 8%, var(--stone))!important; box-shadow:inset 0 0 0 2px var(--nw-lime)!important} html:root body.shell [data-screen="order"] .способ-имя{font-weight:800!important; color:var(--cream)!important} html:root body.shell [data-screen="order"] .способ-про{color:var(--sand)!important} html:root body.shell [data-screen="order"] .способ-сумма{font-weight:850!important; color:var(--cream)!important} html:root body.shell [data-screen="order"] .yi-agree-line{margin-top:12px; padding:12px 14px; border-radius:16px; font:500 12.5px/1.45 var(--font); color:var(--sand); background:var(--stone-deep)} html:root body.shell [data-screen="order"] .yi-agree-line button{color:var(--cream); text-decoration:underline; text-underline-offset:3px} html:root body.shell .yi-go-btn{min-height:52px; border-radius:999px!important; font-weight:850!important; letter-spacing:-.01em} html:root body.shell [data-screen="track"] .yi-trackline{border-radius:22px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell [data-screen="track"] .sh-scale{--sh-acc:var(--nw-brand)} html:root body.shell [data-screen="track"] :is( .код, [class*="code"]) :is(b, code){font-variant-numeric:tabular-nums} html:root body.shell .sh-holo{background:linear-gradient(115deg, var(--nw-brand), color-mix(in oklab, var(--nw-brand) 80%, #ff5a3c))!important; color:#fff!important; border-radius:24px!important; box-shadow:none!important} html:root body.shell .sh-holo :is(b, h2, h3, .sh-holo-tier b){color:#fff!important} html:root body.shell .sh-holo :is(small, span:not(.sh-logo):not(.sh-holo-lock-ic), p){color:rgba(255,255,255,.9)!important} html:root body.shell .sh-holo .sh-logo{outline-color:#fff!important} html:root body.shell .sh-holo .sh-logo-metal, html:root body.shell .sh-holo .sh-logo::after{background:#fff!important} html:root body.shell .sh-holo::before, html:root body.shell .sh-holo::after{opacity:.35} html:root body.shell .sh-holo :is(.sh-lamp, .yi-go-btn){color:var(--nw-cta-ink)!important; background:var(--nw-cta)!important; border-radius:999px!important; box-shadow:none!important} html:root body.shell .sh-holo-lock-ic{background:rgba(255,255,255,.18)!important} html:root body.shell .sh-road.full .sh-step{border-radius:22px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell .sh-road.full .sh-step.now{box-shadow:inset 0 0 0 2px var(--nw-brand)!important} :root[data-theme="dark"] body.shell .sh-road.full .sh-step.now{box-shadow:inset 0 0 0 2px var(--nw-lime)!important} html:root body.shell .sh-road .sh-step-p{font:850 26px/1 var(--font-display)!important; letter-spacing:-.03em; color:var(--cream)!important} html:root body.shell .sh-road:not(.full) .sh-step-p{font-size:15px!important} html:root body.shell .sh-road .sh-step b{font-weight:800} html:root body.shell .sh-road .sh-step-edge{font-weight:700; color:var(--cream)} html:root body.shell :is(.sh-list-links, .sh-home-add, .sh-stats, .sh-inset){border-radius:20px!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell .sh-row-theme[aria-checked="true"] .sh-sw, html:root body.shell .sh-sw[aria-checked="true"]{background:var(--nw-brand)!important} html:root body.shell [data-screen="sh-catalog"] input, html:root body.shell #shSearch{font-size:16px!important; min-height:48px; border-radius:16px!important} html:root body.shell .sh-tile-all{border-radius:20px; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} html:root body.shell .shm-sheet-body{border-radius:24px 24px 0 0!important; background:var(--deep)!important; padding-bottom:max(16px, env(safe-area-inset-bottom, 0px))} html:root body.shell .shm-sheet-x{min-width:44px; min-height:44px} html:root body.shell :is( #dq-toast){border-radius:16px!important; color:var(--on-lamp)!important; background:var(--cream)!important} html:root body.shell .sh-skel i{background:var(--stone-deep)!important} html:root body.shell :is(input, textarea)[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--rust)!important} html:root body.shell .sh-tile.art.lvm-sq{--cover-aspect:1 / 1} html:root body.shell .sh-tile.art.lvm-sq > .sh-tile-art.lvm-tile-sq{aspect-ratio:1 / 1!important; padding:0!important; background:transparent!important} html:root body.shell .sh-tile-art.lvm-tile-sq > img{display:block; width:100%!important; height:100%!important; object-fit:contain!important; object-position:50% 50%!important} html:root body.shell :is(.sh-wall, .sh-pop-ribbon, .sh-grid-c):has(> .sh-tile.lvm-sq) > .sh-tile.art{align-self:stretch} html:root body.shell :is(.sh-wall, .sh-pop-ribbon, .sh-grid-c):has(> .sh-tile.lvm-sq) > .sh-tile.art > .sh-tile-art{flex:1 1 auto; min-height:0} html:root body.shell :is(.sh-wall, .sh-pop-ribbon, .sh-grid-c):has(> .sh-tile.lvm-sq) > .sh-tile.art:not(.lvm-sq) > .sh-tile-art > img{height:100%!important; object-fit:cover!important} :root{--lvm-sh-sm:0 2px 3px rgba(84,35,10,.012), 0 10px 24px rgba(84,35,10,.02); --lvm-sh-lift:0 4px 10px rgba(84,35,10,.024), 0 18px 38px rgba(84,35,10,.04); --lvm-hi:inset 0 1px 0 rgba(255,255,255,.85); --lvm-warm:linear-gradient(145deg, #FFFFFC, #FFFBF3); --lvm-ease:cubic-bezier(.23,1,.32,1)} :root[data-theme="dark"]{--lvm-hi:inset 0 1px 0 rgba(255,255,255,.05); --lvm-warm:linear-gradient(145deg, var(--stone), var(--stone-deep))} @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){--lvm-hi:inset 0 1px 0 rgba(255,255,255,.05); --lvm-warm:linear-gradient(145deg, var(--stone), var(--stone-deep))} } html:root body.shell{font-kerning:normal; text-rendering:optimizeLegibility} html:root body.shell :is(h1, h2, h3){text-wrap:balance} html:root body.shell :is(.ore, .cart-line .sum, .способ-сумма, .yi-buy-total, .rtg-timer-n, .rtg-place, .lvm-promo-time, .sh-step-p){font-variant-numeric:tabular-nums} html:root body.shell .lvm-hero{border-radius:24px; background:radial-gradient(ellipse at 80% 100%, #F74422 0, transparent 56%), linear-gradient(105deg, #B80413 0, var(--nw-brand) 55%, #EF2018 100%); box-shadow:inset 0 1px 0 rgba(255,129,123,.48), 0 12px 35px rgba(188,22,16,.045)} html:root body.shell .lvm-hero::before{opacity:.98; box-shadow:0 -2px 0 rgba(255,246,160,.17)} html:root body.shell .lvm-hero-h{font-weight:820; letter-spacing:-.04em; word-spacing:.08em; margin-bottom:14px} html:root body.shell .lvm-hero-note{color:#FFF5E8; font-weight:430; line-height:1.45; max-width:240px; margin-bottom:22px} html:root body.shell .lvm-hero-art img{filter:drop-shadow(0 10px 10px rgba(91,9,9,.1))} html:root body.shell .lvm-hero-cta{background:linear-gradient(180deg, #FFE95B, var(--nw-cta)); box-shadow:inset 0 1px 0 #FFF7B0, 0 4px 0 rgba(156,38,7,.05); transition:transform 160ms var(--lvm-ease), box-shadow 160ms var(--lvm-ease)} html:root body.shell .sh-find{min-height:52px; border-color:#E3D7C8; background:#FFFCF8; box-shadow:inset 0 1px 0 #FFF, 0 2px 3px rgba(103,67,21,.012)} :root[data-theme="dark"] body.shell .sh-find{border-color:var(--seam); background:var(--stone); box-shadow:none} html:root body.shell .lvm-promo{border:1px solid rgba(255,244,204,.56); box-shadow:var(--lvm-hi), var(--lvm-sh-sm); border-radius:21px; background:radial-gradient(ellipse at 10% 0, #FFF094 0, transparent 70%), linear-gradient(115deg, #FFE35A, #FFD436)} html:root body.shell .lvm-promo-art img{filter:drop-shadow(0 6px 6px rgba(74,25,13,.04))} html:root body.shell .shm-rib .me-bn{box-shadow:var(--lvm-hi), var(--lvm-sh-sm)} html:root body.shell .shm-rib .bn-night{background:linear-gradient(105deg, #FFF3E4 39%, #E6D8DC 78%, #8D738F)} html:root body.shell .shm-rib .bn-quests{--bn-bg:#FFF0E6; background:linear-gradient(115deg, #FFF0E6, #FFE8DC)} :root[data-theme="dark"] body.shell .shm-rib .bn-night{background:linear-gradient(105deg, var(--stone) 42%, #2c2236 76%, #3a2c4a)} :root[data-theme="dark"] body.shell .shm-rib .bn-quests{--bn-bg:color-mix(in oklab, var(--nw-brand) 9%, var(--stone)); background:var(--bn-bg)} html:root body.shell .lvm-gamespot{margin:28px 0 6px} html:root body.shell [data-screen="sh-home"] > .lvm-gamespot{order:0} html:root body.shell .lvm-spot-head{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px} html:root body.shell .lvm-eyebrow{display:block; margin-bottom:8px; font:800 12px/1 var(--font); letter-spacing:.13em; text-transform:uppercase!important; color:var(--sand)} html:root body.shell .lvm-spot-title{margin:0; font:800 26px/1.12 var(--font-display); letter-spacing:-.035em; color:var(--cream)} html:root body.shell .lvm-spot-link{display:inline-flex; align-items:center; gap:4px; flex:none; max-width:120px; min-height:44px; padding:0; border:0; background:none; cursor:pointer; font:700 12px/1.35 var(--font); text-align:right; color:var(--nw-brand)} html:root body.shell .lvm-spot-link .sh-ic{flex:none; width:15px; height:15px} :root[data-theme="dark"] body.shell .lvm-spot-link{color:var(--nw-lime)} html:root body.shell .lvm-spot-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px} html:root body.shell .lvm-spot{position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; min-height:190px; margin:0; padding:0; border:1px solid #E7DAC8; border-radius:23px; cursor:pointer; text-align:left; color:var(--cream); background:#FFFCF7; box-shadow:var(--lvm-hi), var(--lvm-sh-sm); transition:transform 180ms var(--lvm-ease), box-shadow 180ms var(--lvm-ease)} html:root body.shell .lvm-spot:active{transform:scale(.985)} html:root body.shell .lvm-spot:focus-visible{outline:3px solid var(--nw-brand); outline-offset:3px} html:root body.shell .lvm-spot-copy{position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; padding:19px 17px} html:root body.shell .lvm-spot-label{font:600 12px/1.2 var(--font); letter-spacing:.02em; color:var(--sand)} html:root body.shell .lvm-spot-h{margin:8px 0 10px; font:800 25px/1 var(--font-display); letter-spacing:-.045em} html:root body.shell .lvm-spot-note{margin:0 0 16px; font:500 12px/1.5 var(--font); color:var(--sand)} html:root body.shell .lvm-spot-cta{display:inline-flex; align-items:center; gap:8px; min-height:24px; font:700 12px/1 var(--font); color:var(--nw-brand)} html:root body.shell .lvm-spot-cta .sh-ic{width:15px; height:15px} html:root body.shell .lvm-spot-art{position:absolute; z-index:1; right:-8px; bottom:-2px; width:88%; height:62%; object-fit:contain; pointer-events:none} html:root body.shell .lvm-spot-go{position:absolute; z-index:3; left:16px; bottom:16px; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1px solid #D7C8B7; background:rgba(255,250,237,.7); color:var(--cream)} html:root body.shell .lvm-spot-go .sh-ic{width:14px; height:14px} html:root body.shell .lvm-spot-coins{grid-column:1 / -1; min-height:190px; background:radial-gradient(ellipse at 90% 80%, #FBE8A9 0, transparent 70%), #FFF8E4} html:root body.shell .lvm-spot-coins .lvm-spot-copy{max-width:60%; padding:23px} html:root body.shell .lvm-spot-coins .lvm-spot-h{font-size:33px} html:root body.shell .lvm-spot-coins .lvm-spot-art{top:auto; right:2px; bottom:-9px; width:51%; height:100%; filter:drop-shadow(0 13px 12px rgba(184,121,32,.12))} html:root body.shell .lvm-spot-skins{background:linear-gradient(130deg, #FBF8EE, #E9E5D7)} html:root body.shell .lvm-spot-crates{background:linear-gradient(130deg, #F9ECE2, #F0DAC8)} html:root body.shell .lvm-spot-crates .lvm-spot-art{right:-7px; width:90%; height:63%} :root[data-theme="dark"] body.shell .lvm-spot{border-color:var(--seam); background:var(--stone)} :root[data-theme="dark"] body.shell .lvm-spot-coins{background:radial-gradient(ellipse at 90% 80%, #4a3a12 0, transparent 70%), var(--stone)} :root[data-theme="dark"] body.shell .lvm-spot-skins{background:linear-gradient(130deg, var(--stone), #2c271c)} :root[data-theme="dark"] body.shell .lvm-spot-crates{background:linear-gradient(130deg, var(--stone), #33221a)} :root[data-theme="dark"] body.shell .lvm-spot-go{border-color:var(--seam-2); background:rgba(0,0,0,.25)} :root[data-theme="dark"] body.shell .lvm-spot-cta{color:var(--nw-lime)} html:root body.shell .ore:not(.item){background:var(--lvm-warm)!important; box-shadow:inset 0 0 0 1px #E4D7C7, var(--lvm-hi), 0 3px 7px rgba(119,56,9,.012)!important; transition:box-shadow 150ms ease, background-color 150ms ease} html:root body.shell .ore:not(.item) .yi-mound img, html:root body.shell .ore .пачка-вид{filter:drop-shadow(0 5px 4px rgba(186,136,25,.09))} html:root body.shell .ore:not(.item) .line1{gap:5px} html:root body.shell .ore:not(.item) .line1 > b{font-weight:750!important; letter-spacing:-.035em!important} html:root body.shell .ore:not(.item) .line1 > span:not(.gone-цена){font-weight:750!important; letter-spacing:-.01em} html:root body.shell .ore :is(.выгода, .акция-цена) s{color:#998672!important} html:root body.shell .ore .акция-цена b, html:root body.shell .ore .выгода b{background:#FFEB8E!important; color:#715212!important; box-shadow:inset 0 1px 0 #FFF2BE} html:root body.shell .ore.incart{background:radial-gradient(ellipse at 50% 18%, #FFFDF4, #FFF0DB)!important; box-shadow:inset 0 0 0 2px #C90818, inset 0 0 0 5px #FFFDF3, 0 5px 17px rgba(168,41,14,.03)!important} :root[data-theme="dark"] body.shell .ore:not(.item){box-shadow:inset 0 0 0 1px var(--seam)!important} :root[data-theme="dark"] body.shell :is(s, .ore :is(.выгода, .акция-цена) s){color:var(--sand)!important} :root[data-theme="dark"] body.shell .ore .акция-цена b, :root[data-theme="dark"] body.shell .ore .выгода b{background:var(--nw-lime)!important; color:var(--nw-on-lime)!important; box-shadow:none} :root[data-theme="dark"] body.shell .ore.incart{background:color-mix(in oklab, var(--nw-lime) 7%, var(--stone))!important; box-shadow:inset 0 0 0 2px var(--nw-lime)!important} html:root body.shell .ore.spent{background:repeating-linear-gradient(135deg, var(--stone-deep) 0 8px, color-mix(in oklab, var(--stone-deep) 70%, var(--stone)) 8px 16px)!important} html:root body.shell .ore:not(.item).spent .line1 > span.gone-цена{display:inline-block; margin-top:2px; padding:3px 8px; border-radius:999px; font:700 11px/1.2 var(--font)!important; color:var(--cream)!important; background:var(--deep)!important; box-shadow:inset 0 0 0 1px var(--seam-2)} html:root body.shell .ore.item{box-shadow:inset 0 0 0 1px #E5D7C5, var(--lvm-sh-sm)!important; border-radius:22px!important} html:root body.shell .ore.item .pic{background:radial-gradient(ellipse at 50% 25%, #FFFEF7, #F0E6D6)!important} html:root body.shell .ore.item .pic img{filter:drop-shadow(0 12px 10px rgba(81,48,18,.07))} :root[data-theme="dark"] body.shell .ore.item{box-shadow:inset 0 0 0 1px var(--seam)!important} :root[data-theme="dark"] body.shell .ore.item .pic{background:var(--stone-deep)!important} html:root body.shell [data-screen="order"] .yi-basket-rows{position:relative; border-top:3px solid #C90818!important; border-bottom:0!important; padding-bottom:4px!important; border-radius:22px!important; background:linear-gradient(145deg, #FFFFFC, #FFF9EC)!important; box-shadow:inset 0 0 0 1px #E8DCCD, 0 15px 36px rgba(110,63,16,.03)!important} html:root body.shell [data-screen="order"] .yi-basket-rows .cart-line + .cart-line{border-top:1px dashed #DECDB5} html:root body.shell [data-screen="order"] .cart-line .sum{font-weight:750; letter-spacing:-.03em} html:root body.shell [data-screen="order"] .cart-line .stepper{background:#FFFDF5!important; box-shadow:inset 0 0 0 1px #DFCFBA} :root[data-theme="dark"] body.shell [data-screen="order"] .yi-basket-rows{border-top-color:var(--nw-lime)!important; background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} :root[data-theme="dark"] body.shell [data-screen="order"] .yi-basket-rows .cart-line + .cart-line{border-top-color:var(--seam-2)} :root[data-theme="dark"] body.shell [data-screen="order"] .cart-line .stepper{background:var(--stone-deep)!important; box-shadow:none} html:root body.shell [data-screen="order"] .способ{background:#FFFDF7!important; box-shadow:inset 0 0 0 1px #E2D4C2!important} html:root body.shell [data-screen="order"] .способ.on{background:#FFF3DB!important; box-shadow:inset 0 0 0 2px #C90818, inset 0 0 0 4px #FFFDF4!important} :root[data-theme="dark"] body.shell [data-screen="order"] .способ{background:var(--stone)!important; box-shadow:inset 0 0 0 1px var(--seam)!important} :root[data-theme="dark"] body.shell [data-screen="order"] .способ.on{background:color-mix(in oklab, var(--nw-lime) 8%, var(--stone))!important; box-shadow:inset 0 0 0 2px var(--nw-lime)!important} html:root body.shell [data-screen="order"] :is(input, textarea){background:#FFFEFA!important; border-color:#DBCCB8!important; box-shadow:inset 0 2px 3px rgba(105,67,33,.012)!important} :root[data-theme="dark"] body.shell [data-screen="order"] :is(input, textarea){background:var(--stone-deep)!important; border-color:var(--seam-2)!important; box-shadow:none!important} html:root body.shell [data-screen="order"] .yi-acc-alert{border:1px solid #F0D89B!important; background:#FFF3D3!important} :root[data-theme="dark"] body.shell [data-screen="order"] .yi-acc-alert{border-color:var(--seam-2)!important; background:var(--stone)!important} html:root body.shell [data-screen="order"] .yi-agree-line{font-size:12px; line-height:1.6; color:#826D57; background:#F7F0E3; box-shadow:inset 0 0 0 1px #E6D8C4} :root[data-theme="dark"] body.shell [data-screen="order"] .yi-agree-line{color:var(--sand); background:var(--stone-deep); box-shadow:none} html:root body.shell .yi-go-btn:not(:disabled){background:linear-gradient(180deg, #FFE86A, var(--nw-cta))!important; color:var(--nw-cta-ink)!important; box-shadow:inset 0 1px 0 #FFF1A3, 0 3px 5px rgba(169,26,9,.024)!important; transition:transform 150ms var(--lvm-ease), box-shadow 150ms var(--lvm-ease)} html:root body.shell [data-screen="track"] .yi-trackline{background:var(--lvm-warm)!important} html:root body.shell .lvm-medal{display:block; flex:none; width:44px; height:51px; object-fit:contain; filter:drop-shadow(0 4px 3px rgba(131,87,20,.07))} html:root body.shell .sh-holo-tier{position:relative} html:root body.shell .sh-holo-tier .lvm-medal-card{float:left; width:46px; height:53px; margin:0 12px 0 0} html:root body.shell .sh-coin.lvm-coin{background:none!important; border:0!important; box-shadow:none!important; overflow:visible} html:root body.shell .sh-coin.lvm-coin .lvm-medal{width:100%; height:100%} html:root body.shell .sh-road.full .sh-coin.lvm-coin{width:56px!important; height:64px!important} html:root body.shell .sh-road.full .sh-step:nth-child(1){background:radial-gradient(ellipse at 90% 10%, rgba(237,213,181,.23) 0, transparent 60%), linear-gradient(140deg, #FFFDF7, #F8ECDA)!important} html:root body.shell .sh-road.full .sh-step:nth-child(2){background:radial-gradient(ellipse at 90% 10%, rgba(212,218,217,.31) 0, transparent 60%), linear-gradient(140deg, #FFFFFB, #F0F0E8)!important} html:root body.shell .sh-road.full .sh-step:nth-child(3){background:radial-gradient(ellipse at 90% 10%, rgba(255,224,143,.39) 0, transparent 60%), linear-gradient(140deg, #FFFDF1, #FFF0BC)!important} html:root body.shell .sh-road.full .sh-step.now{box-shadow:inset 0 0 0 2px #C90818, inset 0 0 0 5px #FFFDF6, 0 12px 35px rgba(134,44,20,.03)!important} :root[data-theme="dark"] body.shell .sh-road.full .sh-step:is(:nth-child(1), :nth-child(2), :nth-child(3)){background:var(--stone)!important} :root[data-theme="dark"] body.shell .sh-road.full .sh-step.now{box-shadow:inset 0 0 0 2px var(--nw-lime)!important} html:root body.shell .sh-road .sh-step-p{font-weight:700!important; letter-spacing:-.05em!important} html:root body.shell .rtg-step .lvm-place{display:block; width:52px; height:60px; margin:0 auto 6px; filter:drop-shadow(0 4px 3px rgba(118,81,27,.075))} html:root body.shell .rtg-step.p1 .lvm-place{width:62px; height:72px} html:root body.shell .rtg-step.lvm-medaled .rtg-ava-free{display:none} html:root body.shell .rtg-step .rtg-plinth{position:relative; border-radius:16px 16px 0 0!important; border:1px solid #D8D8CB; border-bottom:0; background:linear-gradient(155deg, #F5F4EB, #D7DAD0)!important; box-shadow:inset 0 1px 0 #FFF!important} html:root body.shell .rtg-step .rtg-plinth::before{content:""; position:absolute; left:10px; right:10px; top:7px; height:1px; background:rgba(255,255,255,.5)} html:root body.shell .rtg-step.p1 .rtg-plinth{background:linear-gradient(145deg, #FFE968, #FFD83D 70%)!important; border-color:#EBC233; box-shadow:inset 0 1px 0 #FFF6A3!important} html:root body.shell .rtg-step.p3 .rtg-plinth{background:linear-gradient(145deg, #F5DEC1, #DEB98C)!important; border-color:#DFC09A} html:root body.shell .rtg-step .rtg-step-pl{font-weight:650; letter-spacing:-.05em; color:#2D1711!important} html:root body.shell .rtg-step-nick{font-weight:600; letter-spacing:-.01em} html:root body.shell .rtg-row{border-bottom:1px solid #F0E7DA; min-height:59px} html:root body.shell .rtg-row:last-child{border-bottom:0} html:root body.shell .rtg-row.mine, html:root body.shell .rtg-me-row{position:relative; margin:3px 0; border:1px solid #F2DDA2; border-radius:12px; background:linear-gradient(90deg, #FFF1CB, #FFF8E6)!important} html:root body.shell .rtg-row.mine::before, html:root body.shell .rtg-me-row::before{content:""; position:absolute; left:0; top:14px; bottom:14px; width:3px; border-radius:9px; background:#C90818} html:root body.shell .rtg-row .rtg-ava{background:#F0E4D0; font-size:12px; font-weight:600} html:root body.shell .rtg-timer{border-top:3px solid #D5B36F; background:linear-gradient(145deg, #FFFDF7, #FAF0DF)!important} html:root body.shell .rtg-timer-n b{font-weight:620; letter-spacing:-.04em} :root[data-theme="dark"] body.shell .rtg-step .rtg-plinth{border-color:var(--seam-2)} :root[data-theme="dark"] body.shell .rtg-row{border-bottom-color:var(--seam)} :root[data-theme="dark"] body.shell :is(.rtg-row.mine, .rtg-me-row){border-color:var(--seam-2); background:color-mix(in oklab, var(--nw-lime) 10%, var(--stone))!important; color:var(--cream)} :root[data-theme="dark"] body.shell .rtg-row .rtg-ava{background:var(--stone-deep); color:var(--cream)} :root[data-theme="dark"] body.shell .rtg-timer{background:var(--stone)!important} html:root body.shell .sh-plat{font-size:11.5px!important; line-height:1.6!important; color:var(--sand)!important} html:root body.shell .sh-plat a{color:var(--cream); text-underline-offset:3px} html:root body.shell .sh-plat:first-of-type{margin-top:26px; padding-top:20px; border-top:1px solid var(--seam)} html:root body.shell .sh-drawer .sh-plat:first-of-type{margin-top:18px} @media (max-width:360px){ html:root body.shell .lvm-spot-title{font-size:24px} html:root body.shell .lvm-spot-coins .lvm-spot-copy{padding:22px 19px} html:root body.shell .lvm-spot-coins .lvm-spot-art{right:-5px; width:52%} html:root body.shell .lvm-spot-h{font-size:23px} html:root body.shell .lvm-spot{min-height:178px} html:root body.shell .lvm-spot-copy{padding:17px 14px} } @media (hover:hover) and (pointer:fine){ html:root body.shell :is(.lvm-spot, .lvm-promo):hover{transform:translateY(-2px); box-shadow:var(--lvm-hi), var(--lvm-sh-lift)} html:root body.shell .lvm-hero-cta:hover{transform:translateY(-1px); box-shadow:inset 0 1px 0 #FFF7B0, 0 5px 12px rgba(94,20,14,.1)} html:root body.shell .ore:not(.item):not(.spent):hover{box-shadow:inset 0 0 0 1px #E4D7C7, 0 6px 18px rgba(133,60,11,.03)!important} html:root body.shell .sh-plat a:hover{text-decoration-thickness:2px} } @media (prefers-reduced-motion:reduce){ html:root body.shell :is(.lvm-spot, .lvm-promo, .lvm-hero-cta, .ore, .yi-go-btn){transition:none!important} html:root body.shell :is(.lvm-spot, .lvm-promo, .lvm-hero-cta):hover{transform:none} } html:root body.shell .lvm-hero{flex-direction:row; align-items:stretch; min-height:0; height:164px; margin-top:2px; border-radius:20px} html:root body.shell .lvm-hero::before{left:28%; right:-40%; bottom:-118px; height:180px; border-width:14px; transform:rotate(-14deg)} html:root body.shell .lvm-hero-copy{flex:0 0 56%; min-width:0; z-index:3; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:14px 0 14px 18px} html:root body.shell .lvm-hero-h{margin:0 0 4px; font-size:27px; line-height:1.02; letter-spacing:-.04em; word-spacing:.04em} html:root body.shell .lvm-hero-note{max-width:100%; margin:0 0 10px; font-size:12px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} html:root body.shell .lvm-hero-cta{min-height:44px; padding:0 14px 0 16px; gap:10px; font-size:14px} html:root body.shell .lvm-hero-cta .sh-ic{width:15px; height:15px} html:root body.shell .lvm-hero-art{flex:1 1 auto; min-width:0; max-width:none; margin:0; padding:0; aspect-ratio:auto; align-self:stretch} html:root body.shell .lvm-hero-art img{width:100%; height:100%; object-fit:contain; object-position:60% 75%; transform:scale(1.28); transform-origin:60% 70%} html:root body.shell [data-screen="sh-home"] > .sh-find{min-height:48px; height:48px; margin-top:10px} html:root body.shell .lvm-gamespot{margin:10px 0 0} html:root body.shell .lvm-spot-head{align-items:center; gap:10px; min-height:28px; margin-bottom:8px} html:root body.shell .lvm-spot-head > div{min-width:0} html:root body.shell .lvm-spot-head .lvm-eyebrow{display:none} html:root body.shell .lvm-spot-title{font-size:18px; line-height:1.15; letter-spacing:-.02em; white-space:nowrap} html:root body.shell .lvm-spot-link{max-width:128px; min-height:44px; margin:-8px 0; font-size:12px; line-height:1.2; white-space:normal; text-align:right} html:root body.shell .lvm-spot-grid{grid-template-columns:repeat(var(--lvm-spot-n, 3), minmax(0, 1fr)); gap:8px} html:root body.shell .lvm-spot, html:root body.shell .lvm-spot-coins{grid-column:auto; min-height:0; height:86px; flex-direction:column; align-items:center; justify-content:flex-end; border-radius:18px} html:root body.shell .lvm-spot .lvm-spot-art, html:root body.shell .lvm-spot-coins .lvm-spot-art, html:root body.shell .lvm-spot-crates .lvm-spot-art{position:absolute; top:6px; left:50%; right:auto; bottom:auto; width:54px; height:54px; transform:translateX(-50%); filter:drop-shadow(0 4px 4px rgba(84,35,10,.06))} html:root body.shell .lvm-spot-copy, html:root body.shell .lvm-spot-coins .lvm-spot-copy{max-width:none; width:100%; align-items:center; padding:0 4px 8px; text-align:center} html:root body.shell :is(.lvm-spot-label, .lvm-spot-note, .lvm-spot-cta, .lvm-spot-go){display:none!important} html:root body.shell .lvm-spot-h, html:root body.shell .lvm-spot-coins .lvm-spot-h{margin:0; font:800 14px/1.1 var(--font-display); letter-spacing:-.02em; white-space:nowrap} html:root body.shell [data-screen="sh-home"] .sh-pop{margin-top:14px} html:root body.shell .sh-pop-h{margin-bottom:8px; font-size:19px; letter-spacing:-.02em; min-height:32px} html:root body.shell .sh-pop-h .sh-link{min-height:44px; margin:-6px 0} html:root body.shell .sh-wall-pop{gap:8px!important} html:root body.shell .sh-wall-pop > .sh-tile.art{min-height:0!important; border-radius:16px!important} html:root body.shell .sh-wall-pop > .sh-tile-all{grid-column:1 / -1!important; min-height:56px!important} @media (min-width:360px) and (max-width:743px){ html:root body.shell .sh-wall-pop{grid-template-columns:repeat(3, minmax(0, 1fr))!important} } html:root body.shell .lvm-cards{display:flex; gap:10px; min-height:120px; margin:14px -16px 0; padding:0 16px 4px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:16px; scrollbar-width:none; -webkit-overflow-scrolling:touch} html:root body.shell .lvm-cards::-webkit-scrollbar{display:none} html:root body.shell .lvm-cards:empty{display:none} html:root body.shell .lvm-cards > .lvm-sale{flex:0 0 272px; width:272px; height:120px; min-height:0; margin:0; grid-template-columns:minmax(0, 1fr) 88px; border-radius:20px; scroll-snap-align:start} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-copy{gap:4px; padding:12px 0 12px 14px} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-h{font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-note{display:none} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-row{margin-top:2px; gap:4px} html:root body.shell .lvm-cards > .lvm-sale .lvm-pill{min-height:26px; padding:0 10px; font-size:13px} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-time{min-height:24px; padding:0 8px; font-size:12px} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-art{padding:4px 6px 4px 0} html:root body.shell .lvm-cards > .lvm-sale .lvm-promo-art img{max-height:96px} html:root body.shell .lvm-cards > .shm-rib{flex:none; margin:0} html:root body.shell .lvm-cards .shm-rib .me-bns{flex-direction:row; gap:10px; margin:0; padding:0; overflow:visible} html:root body.shell .lvm-cards .shm-rib .me-bn{flex:0 0 272px; width:272px; height:120px; min-height:0; border-radius:20px; scroll-snap-align:start} html:root body.shell .lvm-cards .shm-rib .me-bn.me-sk{height:120px} html:root body.shell .lvm-cards .shm-rib .bn-t{position:absolute; inset:0 auto 0 0; min-height:0; max-width:calc(100% - 92px); padding:12px 0 12px 14px; gap:6px; justify-content:space-between} html:root body.shell .lvm-cards .shm-rib .bn-h{font-size:17px; white-space:nowrap} html:root body.shell .lvm-cards .shm-rib .bn-k{font-size:12px} html:root body.shell .lvm-cards .shm-rib .bn-n{font-size:24px} html:root body.shell .lvm-cards .shm-rib .bn-n.bn-mono{font-size:20px} html:root body.shell .lvm-cards .shm-rib .lvm-bn-art{width:88px; height:88px; right:6px; bottom:8px} html:root body.shell .lvm-cards .shm-rib .bn-top .bn-art{height:100%; right:-20px} @media (max-width:359px){ html:root body.shell .lvm-hero{height:132px} html:root body.shell .lvm-hero-copy{padding-top:10px; padding-bottom:10px} html:root body.shell [data-screen="sh-home"] > .sh-find{min-height:44px; height:44px; margin-top:8px} html:root body.shell .lvm-gamespot{margin-top:8px} html:root body.shell .lvm-spot-head{margin-bottom:6px} html:root body.shell [data-screen="sh-home"] .sh-pop{margin-top:10px} html:root body.shell .sh-pop-h{margin-bottom:6px; font-size:18px} html:root body.shell .lvm-hero-note{display:none} html:root body.shell .lvm-hero-h{font-size:22px; margin-bottom:8px} html:root body.shell .lvm-hero-copy{padding-left:14px} html:root body.shell .lvm-hero-cta{padding:0 12px; font-size:13px} html:root body.shell .lvm-spot-title{font-size:16px} html:root body.shell .lvm-spot-link{max-width:92px} html:root body.shell .lvm-spot, html:root body.shell .lvm-spot-coins{height:76px} html:root body.shell .lvm-spot .lvm-spot-art, html:root body.shell .lvm-spot-coins .lvm-spot-art, html:root body.shell .lvm-spot-crates .lvm-spot-art{width:46px; height:46px; top:4px} html:root body.shell .lvm-spot-h, html:root body.shell .lvm-spot-coins .lvm-spot-h{font-size:13px} html:root body.shell .lvm-cards > .lvm-sale, html:root body.shell .lvm-cards .shm-rib .me-bn{flex-basis:258px; width:258px} }