@charset "UTF-8";.c-hero-ribbon{--stage-w: 1920;--pic-w: 1920px;--pic-h: 817;--fit: 1;--card-w: 220px;--card-h: 328px;--radius: 16.07px;--pitch: 224px;--ribbon-scale: .95;--ribbon-y: 440px;--warp-half: 1011px;--warp-k: 1;--persp: 520px;--pop: .3;--dim: .62;--photo-zoom: 1.02;--green: #3affb1;--core: #b5ffe0;--line-len: 1.268;--line-scale: 1;--wash: .3;--wash-fade: .62;--bloom: 1;--glass-a: .35;--glass-blur: 12px;--bstep: .2s;--mb-green: #39aa5d;--bk: .95;--badge-scale: 1.2;position:relative;z-index:1;width:100%;aspect-ratio:1920/817;max-height:817px;margin:max(-8.5417%,-164px) 0 calc(max(-4.8958%,-94px) + 24px);pointer-events:none;letter-spacing:-.02em}.c-hero-ribbon__fit{position:absolute;top:0;left:50%;width:calc(var(--stage-w) * 1px);height:calc(var(--pic-h) * 1px);transform:translate(-50%) scale(var(--fit));transform-origin:50% 0;opacity:0;transition:opacity .6s ease-out}.c-hero-ribbon._ready .c-hero-ribbon__fit{opacity:1}.c-hero-ribbon__skel{position:absolute;top:0;left:50%;width:calc(var(--stage-w) * 1px);height:calc(var(--pic-h) * 1px);transform:translate(-50%) scale(var(--fit));transform-origin:50% 0;transition:opacity .5s ease-out .3s,visibility 0s linear .8s}.c-hero-ribbon._ready .c-hero-ribbon__skel{opacity:0;visibility:hidden}.c-hero-ribbon._ready .c-hero-ribbon__skel .skel-card:after{animation-play-state:paused}.c-hero-ribbon .skel-glow{position:absolute;top:-7px;left:230px;width:1460px;height:1130px;background:radial-gradient(26% 13% at 46% 24%,rgba(120,245,225,.75),rgba(60,200,180,.35) 55%,transparent 80%),radial-gradient(34% 26% at 32% 44%,rgba(60,215,120,.8),rgba(30,150,85,.35) 55%,transparent 80%),radial-gradient(30% 26% at 58% 40%,rgba(40,175,140,.55),transparent 75%)}.c-hero-ribbon .skel-card{position:absolute;top:276px;width:220px;height:328px;overflow:hidden;border-radius:16.07px;background:linear-gradient(180deg,#17191e,#0f1013);box-shadow:inset 0 0 0 1.34px #ffffff14}.c-hero-ribbon .skel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.06) 42%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.06) 58%,transparent 80%);transform:translate(-100%);animation:hero-skel-shimmer 1.8s ease-in-out calc(var(--n) * 90ms) infinite}.c-hero-ribbon .skel-card--m{display:none}.c-hero-ribbon .skel-fade{position:absolute;top:0;left:-42px;z-index:200;width:618px;height:calc(var(--pic-h) * 1px);background:linear-gradient(to right,#070709 8.7%,#07070900)}.c-hero-ribbon .skel-card--lead{background:linear-gradient(180deg,#1b1d23,#111216)}.c-hero-ribbon .skel-card--lead:before{content:"";position:absolute;top:17px;left:16px;width:120px;height:60px;background:linear-gradient(#ffffff24,#ffffff24) 0 2px/96px 11px no-repeat,linear-gradient(#ffffff14,#ffffff14) 16px 25px/80px 7px no-repeat,linear-gradient(#ffffff14,#ffffff14) 16px 40px/66px 7px no-repeat,linear-gradient(#ffffff0d,#ffffff0d) 16px 55px/52px 7px no-repeat}@media(min-width:1921px){.c-hero-ribbon .pic,.c-hero-ribbon .sparks,.c-hero-ribbon__skel{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}}.c-hero-ribbon._paused *{animation-play-state:paused!important}.c-hero-ribbon .grad{position:absolute;top:-7px;left:230px;width:1460px;height:1130px;opacity:0;transition:opacity .6s ease-out}.c-hero-ribbon .grad._loaded{opacity:1}.c-hero-ribbon .pic{position:absolute;top:0;left:0;z-index:1;width:var(--pic-w);height:calc(var(--pic-h) * 1px)}.c-hero-ribbon .ribbon{position:absolute;inset:0;z-index:1}.c-hero-ribbon .sparks{position:absolute;top:0;left:0;z-index:0;width:1920px;height:calc(var(--pic-h) * 1px);mix-blend-mode:color-dodge;opacity:0;transition:opacity .8s ease-out}.c-hero-ribbon._grad .sparks{opacity:1}.c-hero-ribbon .sparks--front{z-index:2;mix-blend-mode:normal}.c-hero-ribbon .fade{position:absolute;top:0;left:-42px;z-index:3;width:618px;height:calc(var(--pic-h) * 1px);background:linear-gradient(to right,#070709 8.7%,#07070900)}.c-hero-ribbon .card{position:absolute;top:var(--ribbon-y);left:0;width:var(--card-w);height:var(--card-h);transform:translate(calc(var(--pic-w) / 2 - var(--card-w) / 2),-50%);opacity:0;transition:opacity .5s ease-out}.c-hero-ribbon .card._pix:not(.done),.c-hero-ribbon .card._col.done{opacity:1}.c-hero-ribbon .card__warp{position:absolute;inset:0;transform-origin:50% 50%}.c-hero-ribbon .card__box{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius);background:#0c0d10}.c-hero-ribbon .card__box:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.34px #ffffff26;opacity:0}.c-hero-ribbon .card.done .card__box:after{opacity:1}.c-hero-ribbon .lyr,.c-hero-ribbon .fx{position:absolute;inset:0;display:block;width:100%;height:100%;transform:scale(var(--photo-zoom))}.c-hero-ribbon .lyr--pixel{image-rendering:pixelated}.c-hero-ribbon .lyr--pixel._raw{filter:brightness(var(--dim)) contrast(1.04)}.c-hero-ribbon .lyr--color{opacity:0}.c-hero-ribbon .card.done .lyr--color{opacity:1}.c-hero-ribbon .focus{--k: 1;--p: 1;--line-op: 0;--focus: 0;position:absolute;top:var(--ribbon-y);left:50%;z-index:4;width:220px;height:328px;visibility:hidden;transform:translate(-50%,-50%) scale(var(--ribbon-scale));will-change:transform}.c-hero-ribbon .focus.on{visibility:visible}.c-hero-ribbon .fxbadges{--k: var(--bk);position:absolute;top:var(--ribbon-y);left:50%;z-index:5;width:calc(220px * var(--bk));height:calc(328px * var(--bk));margin:calc(-164px * var(--bk)) 0 0 calc(-110px * var(--bk));visibility:hidden}.c-hero-ribbon .fxbadges.on{visibility:visible}.c-hero-ribbon .fxbadges .badge:not(.badge--glass){will-change:transform}.c-hero-ribbon .focus.noanim,.c-hero-ribbon .focus.noanim *,.c-hero-ribbon .fxbadges.noanim,.c-hero-ribbon .fxbadges.noanim *,.c-hero-ribbon .glass.noanim,.c-hero-ribbon .glass.noanim *{transition:none!important}.c-hero-ribbon .focus .info{will-change:transform}.c-hero-ribbon .glass{--k: 1;position:absolute;z-index:5;visibility:hidden}.c-hero-ribbon .glass.on{visibility:visible}.c-hero-ribbon .glass .badge{position:absolute}.c-hero-ribbon .glass .badge.push{opacity:1!important;transform:none!important;transition:none!important}.c-hero-ribbon .glass .badge.in>*{animation:none}.c-hero-ribbon .focus__wrap{position:absolute;inset:0;will-change:transform}.c-hero-ribbon .focus__box{position:absolute;inset:0;overflow:hidden;border-radius:16.07px;background:#0c0d10}.c-hero-ribbon .focus__edge{position:absolute;inset:0;z-index:5;border-radius:inherit;box-shadow:inset 0 0 0 1.34px #ffffff26;opacity:calc(1 - var(--p, 1))}.c-hero-ribbon .fx-set{position:absolute;inset:0;display:none}.c-hero-ribbon .fx-set._on{display:block}.c-hero-ribbon .fx--pixel{image-rendering:pixelated}.c-hero-ribbon .fx--pixel._raw{filter:brightness(var(--dim)) contrast(1.04)}.c-hero-ribbon .fx--wash{image-rendering:pixelated;mix-blend-mode:plus-lighter;opacity:var(--line-op);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) calc((var(--p) - var(--wash)) * 100%),rgba(0,0,0,.12) calc((var(--p) - var(--wash) * .66) * 100%),rgba(0,0,0,.52) calc((var(--p) - var(--wash) * .28) * 100%),#000 calc(var(--p) * 100%),rgba(0,0,0,0) calc(var(--p) * 100%)),radial-gradient(ellipse 150% calc(var(--wash-fade) * 100%) at calc(var(--p) * 100%) 50%,#000 0%,rgba(0,0,0,.72) 48%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#0000 calc((var(--p) - var(--wash)) * 100%),#0000001f calc((var(--p) - var(--wash) * .66) * 100%),#00000085 calc((var(--p) - var(--wash) * .28) * 100%),#000 calc(var(--p) * 100%),#0000 calc(var(--p) * 100%)),radial-gradient(ellipse 150% calc(var(--wash-fade) * 100%) at calc(var(--p) * 100%) 50%,#000,#000000b8 48%,#0000);mask-composite:intersect;-webkit-mask-composite:source-in}.c-hero-ribbon .fx--wash._raw{filter:brightness(1.75)}.c-hero-ribbon .fx--color{clip-path:inset(0 0 0 calc(var(--p) * 100%))}.c-hero-ribbon .fx-canvas{position:absolute;inset:0;width:100%;height:100%}.c-hero-ribbon .fx-line{position:absolute;top:50%;left:calc(var(--p) * 100%);width:40px;height:calc(100% * var(--line-len));opacity:var(--line-op);transform:translate(-50%,-50%)}.c-hero-ribbon .fx-line b{position:absolute;top:50%;left:50%;display:block;border-radius:2px;transform:translate(-50%,-50%)}.c-hero-ribbon .fx-line .halo{width:calc(3px * var(--line-scale));height:100%;background:linear-gradient(to bottom,transparent,var(--green) 50%,transparent);filter:blur(calc(4.5px * var(--line-scale)));animation:hero-ribbon-pulse-a 2.3s ease-in-out infinite}.c-hero-ribbon .fx-line .mid{width:calc(3px * var(--line-scale));height:97.7%;background:linear-gradient(to bottom,transparent,var(--green) 50%,transparent);filter:blur(calc(2px * var(--line-scale)));animation:hero-ribbon-pulse-b 1.7s ease-in-out infinite}.c-hero-ribbon .fx-line .core{width:calc(2px * var(--line-scale));height:96.3%;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--core) 50%,rgba(255,255,255,0));filter:blur(calc(.5px * var(--line-scale)));mix-blend-mode:plus-lighter}.c-hero-ribbon .fx-line .shine{width:calc(2px * var(--line-scale));height:96.3%;background:linear-gradient(to bottom,transparent 34%,#fff 50%,transparent 66%);mix-blend-mode:plus-lighter;opacity:.85;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);animation:hero-ribbon-shine 3.1s ease-in-out infinite}.c-hero-ribbon .focus:not(._line) .fx-line b{animation-play-state:paused}.c-hero-ribbon .fx-bloom{position:absolute;top:50%;left:calc(var(--p) * 100%);z-index:-1;width:462px;height:462px;background:radial-gradient(circle,rgba(58,255,177,.3),rgba(58,255,177,.08) 28%,transparent 58%);mix-blend-mode:plus-lighter;opacity:calc(var(--line-op) * var(--bloom));transform:translate(-50%,-50%)}.c-hero-ribbon .badges,.c-hero-ribbon .glass{--s: calc(var(--k) * var(--badge-scale))}.c-hero-ribbon .badges{position:absolute;inset:0}.c-hero-ribbon .hr-set{position:absolute;inset:0;display:none}.c-hero-ribbon .hr-set._on{display:block}.c-hero-ribbon .badge{position:absolute;top:calc(var(--y) * 1px * var(--k));left:calc(var(--x) * 1px * var(--k));width:-moz-max-content;width:max-content;opacity:0;transform:rotate(var(--rot, 0deg)) translateY(calc(12px * var(--s))) scale(.86);transform-origin:50% 60%;transition:transform .68s cubic-bezier(.3,1.3,.5,1) calc(var(--i) * var(--bstep)),opacity .32s ease-out calc(var(--i) * var(--bstep))}.c-hero-ribbon .badge,.c-hero-ribbon .badge *{box-sizing:border-box}.c-hero-ribbon .badge.in{opacity:1;transform:rotate(var(--rot, 0deg)) translateY(0) scale(1)}@media(max-width:767px){.c-hero-ribbon .badge{top:calc((var(--my) - var(--lift, 0)) * 1px * var(--k));left:calc(var(--mx) * 1px * var(--k))}}.c-hero-ribbon .badge.out{opacity:0;transform:rotate(var(--rot, 0deg)) translateY(calc(5px * var(--s))) scale(.9);transition:transform .32s cubic-bezier(.45,0,.75,.4) calc((2 - var(--i)) * 70ms),opacity .26s ease-in calc((2 - var(--i)) * 70ms)}.c-hero-ribbon .push,.c-hero-ribbon .tg,.c-hero-ribbon .bn,.c-hero-ribbon .cart{--lift: 34}.c-hero-ribbon .badge__body{animation:hero-ribbon-bob var(--bdur, 6.4s) ease-in-out var(--bdel, 0s) infinite}.c-hero-ribbon .sheet{--bdur: 5.8s;--bdel: .8s}.c-hero-ribbon .st__box{display:flex;gap:calc(7px * var(--s));align-items:flex-start;max-width:calc(206px * var(--s));padding:calc(8px * var(--s)) calc(12px * var(--s)) calc(9px * var(--s)) calc(10px * var(--s));border:calc(1px * var(--s)) solid rgba(255,255,255,.09);border-radius:calc(8px * var(--s));background:#111215;box-shadow:0 calc(10px * var(--s)) calc(26px * var(--s)) #00000080}@media(max-width:767px){.c-hero-ribbon .st__box{max-width:calc(var(--mw, 206) * 1px * var(--s))}}.c-hero-ribbon .st__dot{flex:0 0 auto;width:calc(6px * var(--s));height:calc(6px * var(--s));margin-top:calc(4.5px * var(--s));border-radius:50%;background:#3fd17f;box-shadow:0 0 calc(6px * var(--s)) #3fd17fbf}.c-hero-ribbon .st__copy{min-width:0}.c-hero-ribbon .st__t{color:#fff;font-size:calc(12px * var(--s));font-weight:500;line-height:1.25;text-wrap:balance}.c-hero-ribbon .st__s{text-wrap:pretty;margin-top:calc(2px * var(--s));color:#ffffff9e;font-size:calc(10.5px * var(--s));line-height:1.3}.c-hero-ribbon .brand{display:grid;flex:0 0 auto;overflow:hidden;background:var(--brand-bg);color:var(--brand-fg);place-items:center}.c-hero-ribbon .brand svg{display:block;width:100%;height:100%}.c-hero-ribbon .brand__word{font-size:calc(15px * var(--s));font-weight:700;line-height:1;letter-spacing:-.04em}.c-hero-ribbon .brand__word--sm{font-size:calc(10.5px * var(--s));letter-spacing:-.02em}.c-hero-ribbon .push{width:calc(258px * var(--s))}.c-hero-ribbon .push__box{position:relative;border:calc(.8px * var(--s)) solid rgba(255,255,255,0);border-radius:calc(16px * var(--s));background:#fff0;box-shadow:0 calc(14px * var(--s)) calc(34px * var(--s)) #0000;visibility:hidden;transform:translateZ(0);backdrop-filter:blur(calc(16px * var(--s))) saturate(1.7);-webkit-backdrop-filter:blur(calc(16px * var(--s))) saturate(1.7)}.c-hero-ribbon .push__row{display:flex;gap:calc(9px * var(--s));align-items:flex-start;padding:calc(10px * var(--s)) calc(12px * var(--s)) calc(11px * var(--s)) calc(10px * var(--s));opacity:0;transition:opacity .3s ease-out calc(var(--i) * var(--bstep) + 90ms)}.c-hero-ribbon .push__icon{width:calc(30px * var(--s));height:calc(30px * var(--s));border-radius:calc(7.5px * var(--s))}.c-hero-ribbon .push__content{flex:1 1 auto;min-width:0}.c-hero-ribbon .push__head{display:flex;justify-content:space-between;gap:calc(8px * var(--s));color:#fff9;font-size:calc(9.5px * var(--s));line-height:1.2}.c-hero-ribbon .push__t1{margin-top:calc(2px * var(--s));color:#fff;font-size:calc(12px * var(--s));font-weight:600;line-height:1.25}.c-hero-ribbon .push__t2{text-wrap:pretty;margin-top:calc(1px * var(--s));color:#ffffffdb;font-size:calc(11px * var(--s));line-height:1.3}.c-hero-ribbon .push__link{color:#9fd0ff;overflow-wrap:anywhere}.c-hero-ribbon .badge--glass{opacity:1!important;transform:none!important}.c-hero-ribbon .badge--glass .push__box{transform:translateY(calc(12px * var(--s))) scale(.86) translateZ(0);transition:transform .68s cubic-bezier(.3,1.3,.5,1) calc(var(--i) * var(--bstep)),background-color .42s ease-out calc(var(--i) * var(--bstep)),border-color .42s ease-out calc(var(--i) * var(--bstep)),box-shadow .42s ease-out calc(var(--i) * var(--bstep)),visibility 0s linear .3s}.c-hero-ribbon .badge--glass.in .push__box{border-color:#ffffff38;background:#ffffff24;box-shadow:0 calc(14px * var(--s)) calc(34px * var(--s)) #00000059;visibility:visible;transform:translateY(0) scale(1) translateZ(0);transition-delay:calc(var(--i) * var(--bstep)),calc(var(--i) * var(--bstep)),calc(var(--i) * var(--bstep)),calc(var(--i) * var(--bstep))}.c-hero-ribbon .badge--glass.out .push__box{transform:translateY(calc(5px * var(--s))) scale(.9) translateZ(0);transition-delay:calc((2 - var(--i)) * 70ms),calc((2 - var(--i)) * 70ms),calc((2 - var(--i)) * 70ms),calc((2 - var(--i)) * 70ms + .26s);transition-duration:.32s,.26s,.26s,.26s,0s}.c-hero-ribbon .badge--glass.in .push__row{opacity:1}.c-hero-ribbon .badge--glass.out .push__row{opacity:0;transition-delay:0ms;transition-duration:.2s}.c-hero-ribbon .sheet{overflow:hidden;border-radius:calc(14px * var(--s));background:#fff;box-shadow:0 calc(16px * var(--s)) calc(38px * var(--s)) #00000080;color:#15171c;letter-spacing:-.01em}.c-hero-ribbon .sheet b{font-weight:600}.c-hero-ribbon .sheet p{margin:0}.c-hero-ribbon .tg__box{width:calc(232px * var(--s));padding:calc(9px * var(--s)) calc(9px * var(--s)) calc(8px * var(--s))}.c-hero-ribbon .tg__head{display:flex;align-items:center;gap:calc(6px * var(--s));font-size:calc(11.5px * var(--s));line-height:1.2}.c-hero-ribbon .tg__head span:last-child{color:#8b9099;font-size:calc(10px * var(--s))}.c-hero-ribbon .tg__avatar{width:calc(22px * var(--s));height:calc(22px * var(--s));border-radius:50%}.c-hero-ribbon .tg__msg{text-wrap:pretty;position:relative;margin-top:calc(7px * var(--s));padding:calc(8px * var(--s)) calc(10px * var(--s)) calc(16px * var(--s));border-radius:calc(4px * var(--s)) calc(12px * var(--s)) calc(12px * var(--s));background:#eef3f8;font-size:calc(10.5px * var(--s));line-height:1.3}.c-hero-ribbon .tg__msg p+p{margin-top:calc(4px * var(--s))}.c-hero-ribbon .tg__time{position:absolute;right:calc(8px * var(--s));bottom:calc(4px * var(--s));color:#8b9099;font-size:calc(8.5px * var(--s))}.c-hero-ribbon .tg__keys{display:flex;flex-wrap:wrap;gap:calc(4px * var(--s));margin-top:calc(5px * var(--s))}.c-hero-ribbon .tg__keys span{flex:1 1 auto;padding:calc(6px * var(--s)) calc(8px * var(--s));border-radius:calc(8px * var(--s));background:#e9eef4;color:#2a73c4;font-size:calc(10px * var(--s));font-weight:500;text-align:center;white-space:nowrap}.c-hero-ribbon .bn__box{display:flex;width:calc(262px * var(--s));border-radius:calc(17px * var(--s))}.c-hero-ribbon .bn__pic{flex:0 0 calc(84px * var(--s));background:linear-gradient(180deg,#f6e4df,#e9c9c0)}.c-hero-ribbon .bn__pic img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-hero-ribbon .bn__copy{flex:1 1 auto;padding:calc(9px * var(--s)) calc(11px * var(--s)) calc(10px * var(--s)) calc(10px * var(--s))}.c-hero-ribbon .bn__ad{display:flex;align-items:baseline;justify-content:space-between;color:#9a9ea6;font-size:calc(8.5px * var(--s))}.c-hero-ribbon .bn__ad b{color:#15171c;font-size:calc(9px * var(--s));font-weight:700;letter-spacing:.14em}.c-hero-ribbon .bn__t{margin-top:calc(6px * var(--s));font-size:calc(12.5px * var(--s));font-weight:520;line-height:1.2}.c-hero-ribbon .bn__s{text-wrap:pretty;margin-top:calc(2px * var(--s));color:#5d626b;font-size:calc(10.5px * var(--s));line-height:1.3}.c-hero-ribbon .bn__buy{display:flex;align-items:center;justify-content:space-between;margin-top:calc(8px * var(--s));font-size:calc(16px * var(--s));line-height:1.19}.c-hero-ribbon .bn__buy b{font-weight:520}.c-hero-ribbon .bn__btn{padding:calc(5px * var(--s)) calc(13px * var(--s));border-radius:calc(20px * var(--s));background:#15171c;color:#fff;font-size:calc(10.5px * var(--s));font-weight:500}.c-hero-ribbon .cart__box{width:calc(240px * var(--s));padding:calc(10px * var(--s)) calc(11px * var(--s)) calc(11px * var(--s))}.c-hero-ribbon .cart__head{display:flex;align-items:center;gap:calc(6px * var(--s));font-size:calc(12px * var(--s));line-height:1.2}.c-hero-ribbon .cart__head b{font-weight:520}.c-hero-ribbon .cart__logo{width:calc(18px * var(--s));height:calc(18px * var(--s));border-radius:calc(5px * var(--s))}.c-hero-ribbon .cart__head .cart__sum{margin-left:auto;font-size:calc(16px * var(--s))}.c-hero-ribbon .cart__t{margin-top:calc(8px * var(--s));font-size:calc(10.5px * var(--s));font-weight:520;line-height:1.24}.c-hero-ribbon .cart__goods{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(7px * var(--s));margin-top:calc(8px * var(--s))}.c-hero-ribbon .cart__goods b{display:block;margin-top:calc(4px * var(--s));font-size:calc(10px * var(--s));font-weight:700}.c-hero-ribbon .cart__art{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border-radius:calc(9px * var(--s));background:#f3f4ef}.c-hero-ribbon .cart__art img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-hero-ribbon .cart__add{position:absolute;right:calc(4px * var(--s));bottom:calc(4px * var(--s));width:calc(16px * var(--s));height:calc(16px * var(--s));border-radius:50%;background:#3e9b5f}.c-hero-ribbon .cart__add:before,.c-hero-ribbon .cart__add:after{content:"";position:absolute;top:50%;left:50%;width:calc(8px * var(--s));height:calc(1.6px * var(--s));border-radius:1px;background:#fff;transform:translate(-50%,-50%)}.c-hero-ribbon .cart__add:after{transform:translate(-50%,-50%) rotate(90deg)}.c-hero-ribbon .info{position:absolute;inset:0;z-index:2}.c-hero-ribbon .info__head{position:absolute;top:calc(17px * var(--k));left:calc(16.4px * var(--k));display:flex;align-items:center;gap:calc(4px * var(--k))}.c-hero-ribbon .info__logo{display:grid;flex:0 0 auto;width:calc(12px * var(--k));height:calc(12px * var(--k));border-radius:calc(2.25px * var(--k));background:var(--mb-green);place-items:center}.c-hero-ribbon .info__logo svg{display:block;width:100%;height:100%}.c-hero-ribbon .info__name{color:#fff;font-size:calc(12px * var(--k));font-weight:500;line-height:calc(16px * var(--k));letter-spacing:0;white-space:nowrap}.c-hero-ribbon .info__rail{position:absolute;top:calc(42px * var(--k));left:calc(22.4px * var(--k));width:1px;height:calc(48px * var(--k));background:linear-gradient(to bottom,#fff,#fff0);opacity:.35}.c-hero-ribbon .info__dot{position:absolute;top:calc(var(--top) * 1px * var(--k));left:calc(21.4px * var(--k));width:calc(3px * var(--k));height:calc(3px * var(--k));border-radius:50%;background:var(--fill, #b7270a);box-shadow:0 0 0 calc(.6px * var(--k)) var(--ring);transform-origin:50% 50%}.c-hero-ribbon .info__row{position:absolute;top:calc(var(--top) * 1px * var(--k));left:calc(32.4px * var(--k));color:#fff;font-size:calc(10px * var(--k));font-weight:400;line-height:calc(12px * var(--k));letter-spacing:-.01em;white-space:nowrap}.c-hero-ribbon .info__row--fade,.c-hero-ribbon .info__row--fade48{-webkit-background-clip:text;background-clip:text;color:transparent}.c-hero-ribbon .info__row--fade{background-image:linear-gradient(90deg,#fff,#fff0)}.c-hero-ribbon .info__row--fade48{background-image:linear-gradient(90deg,#ffffff7a,#fff0)}.c-hero-ribbon .info__head,.c-hero-ribbon .info__rail,.c-hero-ribbon .info__dot,.c-hero-ribbon .info__row{opacity:0;transform:translateY(calc(-7px * var(--k)));transition:transform .52s cubic-bezier(.22,.7,.25,1) calc(var(--i) * 95ms),opacity .43s ease-out calc(var(--i) * 95ms)}.c-hero-ribbon .info.in .info__head,.c-hero-ribbon .info.in .info__dot,.c-hero-ribbon .info.in .info__row{opacity:1;transform:translateY(0)}.c-hero-ribbon .info.in .info__rail{opacity:.35;transform:translateY(0)}.c-hero-ribbon .info.out .info__head,.c-hero-ribbon .info.out .info__rail,.c-hero-ribbon .info.out .info__dot,.c-hero-ribbon .info.out .info__row{opacity:0;transform:translateY(calc(-9px * var(--k)));transition:transform .28s ease-in calc((3 - var(--i)) * 45ms),opacity .24s ease-in calc((3 - var(--i)) * 45ms)}.c-hero-ribbon .scrim{position:absolute;inset:0 0 auto;height:34%;background:linear-gradient(to bottom,rgba(0,0,0,.42),rgba(0,0,0,.12) 60%,transparent);opacity:0;transition:opacity .5s ease-out}.c-hero-ribbon .scrim.in{opacity:1}@media(prefers-reduced-motion:reduce){.c-hero-ribbon .badge__body,.c-hero-ribbon .skel-card:after,.c-hero-ribbon .fx-line b{animation:none!important}}@media(max-width:767px){.c-hero-ribbon{--stage-w: 430;--pic-w: 1415px;--pic-h: 602;aspect-ratio:430/602;max-height:602px;margin:max(-21.628%,-93px) 0 calc(max(-18.372%,-79px) + 8px)}.c-hero-ribbon .grad{top:-21px;left:-289px;width:1008px;height:780px}.c-hero-ribbon .pic,.c-hero-ribbon .sparks{left:-493px}.c-hero-ribbon .sparks{width:1415px}.c-hero-ribbon .fade{left:0;width:455px}.c-hero-ribbon .skel-glow{top:-21px;left:-289px;width:1008px;height:780px}.c-hero-ribbon .skel-card{top:142px}.c-hero-ribbon .skel-card--d,.c-hero-ribbon .skel-fade{display:none}.c-hero-ribbon .skel-card--m{display:block}}@keyframes hero-skel-shimmer{0%{transform:translate(-100%)}65%,to{transform:translate(100%)}}@keyframes hero-ribbon-pulse-a{0%,to{opacity:.62}50%{opacity:1}}@keyframes hero-ribbon-pulse-b{0%,to{opacity:.78}45%{opacity:1}}@keyframes hero-ribbon-shine{0%{transform:translate(-50%,-92%)}to{transform:translate(-50%,-8%)}}@keyframes hero-ribbon-bob{0%,to{transform:translate(0)}50%{transform:translate(calc(1.4px * var(--k)),calc(-2.8px * var(--k)))}}