.ezh-sec.ez-h-hero{--cw: 100vw;--sh: 340px;--int: 3.5s;--fade: .9s;--zoom: 1.085;position:relative;padding:0;background:#fff;container-type:inline-size}@supports (width: 1cqw){.ezh-sec.ez-h-hero{--cw: 100cqw}}.ezhh-stage{position:relative;height:var(--sh);overflow:hidden;background:#cfcfcf}.ezhh-slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity var(--fade) ease;--miw: max(var(--cw), calc(var(--sh) * var(--mr, 1)));--mih: max(calc(var(--cw) / var(--mr, 1)), var(--sh));--pl: calc(var(--mfx) * var(--miw) - (var(--miw) - var(--cw)) * .5);--pt: calc(var(--mfy) * var(--mih) - (var(--mih) - var(--sh)) * .5)}.ezhh-slide.is-on{opacity:1;z-index:2}.ezhh-slide.is-off{opacity:1;z-index:1}.ezhh-slide.is-leave{opacity:0;z-index:3}.ezhh-slide picture,.ez-h-hero .ezhh-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none}.ez-h-hero .ezhh-img{object-fit:cover;object-position:50% 50%;transform-origin:var(--pl) var(--pt);will-change:transform}.ezhh-img:not([src]){visibility:hidden}.ezhh-slide.is-on .ezhh-img,.ezhh-slide.is-off .ezhh-img,.ezhh-slide.is-leave .ezhh-img{animation:ezhh-kb calc(var(--int) + var(--fade) + .4s) linear both}@keyframes ezhh-kb{0%{transform:scale(1)}to{transform:scale(var(--zoom))}}.ezhh-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#11111161,#1110 22%)}.ez-h-hero.is-held .ezhh-i.is-on .ezhh-i__bar{background:var(--ezh-red)}.ez-h-hero.is-held .ezhh-i.is-on .ezhh-i__bar i{opacity:0}.ez-h-hero.is-paused .ezhh-img,.ez-h-hero.is-paused .ezhh-i.is-on .ezhh-i__bar i,.ez-h-hero.is-paused .ezhh-pin__dot:after{animation-play-state:paused}.ez-h-hero .ezhh-scrim{display:none}.ezhh-pin{--dr: 11px;--cg: 8px;--cmt: -11px;--l: 0;position:absolute;z-index:3;left:var(--pl);top:var(--pt);display:block;width:0;height:0;color:var(--ezh-ink);text-decoration:none;outline:none;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.ezhh-slide.is-on .ezhh-pin{opacity:1;transform:none;transition:opacity .45s var(--ezh-ease) .95s,transform .45s var(--ezh-ease) .95s}@media(max-width:749px){.ezhh-pin[data-m=l]{--l: 1}}.ezhh-pin__dot{position:absolute;left:calc(var(--dr) * -1);top:calc(var(--dr) * -1);width:calc(var(--dr) * 2);height:calc(var(--dr) * 2);border-radius:50%;background:#fff;box-shadow:0 2px 10px #00000040}.ezhh-pin__dot:before,.ezhh-pin__dot:after{content:"";position:absolute;left:calc(var(--dr) - 5px);top:calc(var(--dr) - 5px);width:10px;height:10px;border-radius:50%;background:var(--ezh-red)}.ezhh-pin__dot:after{animation:ezhh-ping 1.8s ease-out infinite}@keyframes ezhh-ping{0%{transform:scale(1);opacity:.65}to{transform:scale(3);opacity:0}}.ezhh-pin__card{position:absolute;top:var(--cmt);left:calc((1 - 2 * var(--l)) * (var(--dr) + var(--cg)));transform:translate(calc(var(--l) * -100%));display:flex;flex-direction:column;gap:1px;padding:7px 12px;border-radius:10px;background:#fff;box-shadow:0 10px 28px #0000002e;font:500 12px/1.2 var(--ezh-sans);white-space:nowrap}.ezhh-pin__name{font-weight:600}.ezhh-pin__price{color:var(--ezh-body)}.ezhh-pin__price b{color:var(--ezh-red);font-weight:700}.ezhh-pin:hover .ezhh-pin__name{text-decoration:underline;text-underline-offset:2px}.ez-h-hero .ezhh-pin:focus-visible{outline:none}.ezhh-pin:focus-visible .ezhh-pin__card{outline:2px solid #fff;outline-offset:2px;box-shadow:0 10px 28px #0000002e,0 0 0 6px #111111b3}.ez-h-hero .ezhh-bar :focus-visible{outline-color:#fff;box-shadow:0 0 0 7px #111111b3}.ezhh-bar{position:absolute;z-index:4;left:0;right:0;top:0;pointer-events:none}.ezhh-barin{position:relative;padding:0 12px}.ezhh-idx{display:grid;grid-template-columns:repeat(var(--n, 8),minmax(0,1fr));gap:4px;pointer-events:auto}.ez-h-hero .ezhh-i{display:block;width:100%;height:30px;padding:10px 0 0;text-align:left;color:#fff}.ezhh-i__bar{display:block;height:3px;border-radius:2px;background:#ffffff73;overflow:hidden}.ezhh-i__bar i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.ezhh-i.is-done .ezhh-i__bar i{transform:scaleX(1)}.ezhh-i.is-on .ezhh-i__bar i{animation:ezhh-fill var(--int) linear forwards}@keyframes ezhh-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ezhh-i__t,.ezhh-i__p,.ezhh-i__s{display:none}.ez-h-hero .ezhh-pause{position:absolute;right:10px;top:calc(var(--sh) - 46px);pointer-events:auto;height:34px;padding:0 12px 0 10px;font-size:12.5px}@media(max-width:989px){.ezhh-bar:before{content:"";position:absolute;left:0;right:0;top:0;height:72px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#1111115c,#11111129 55%,#1110)}.ezhh-i__bar{background:#ffffff8c;box-shadow:0 0 0 .5px #11111138,0 1px 3px #1116}.ez-h-hero .ezhh-pause{background:#1111119e;border-color:#ffffffb3;text-shadow:0 1px 2px rgb(0 0 0 / .45)}.ez-h-hero .ezhh-pause:hover{background:#fff;color:var(--ezh-ink);text-shadow:none}}.ezhh-chips{position:relative;height:49px;background:#fff}.ezhh-chips__list{display:flex;gap:8px;margin:0;padding:8px var(--ezh-pad);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ezhh-chips__list::-webkit-scrollbar{display:none}.ezhh-chips__list>li{flex:none}.ezhh-chip{display:block;padding:8px 14px;border:1px solid var(--ezh-rule);border-radius:999px;font:500 13.5px/14px var(--ezh-sans);color:var(--ezh-ink);white-space:nowrap;text-decoration:none;-webkit-font-smoothing:antialiased;transition:border-color .2s}.ezhh-chip:hover{border-color:var(--ezh-ink)}.ezhh-chip{position:relative}.ezhh-chip:after{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.ezhh-chip:focus-visible{outline:2px solid var(--ezh-red);outline-offset:-2px}.ezhh-chips:after{content:"";position:absolute;right:0;top:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff)}@media(min-width:1200px){.ezhh-chips{display:none}}.ezhh-copy{position:relative;z-index:5;padding:18px 0 20px}.ez-h-hero .ezhh-h1{display:flex;align-items:center;gap:10px;margin:0;font:600 10.5px/1.35 var(--ezh-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ezh-muted)}.ez-h-hero .ezhh-h1:before{content:"";flex:none;width:18px;height:2px;background:var(--ezh-red)}.ezhh-texts{display:grid;margin-top:10px}.ezhh-text{grid-area:1 / 1;min-width:0}.ezhh-text:not(.is-on):not(.is-out){visibility:hidden}.ez-h-hero .ezhh-head{font-size:clamp(33px,9vw,40px);line-height:1.02;letter-spacing:-.03em}.ezhh-ln{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.ezhh-ln>span{display:block;opacity:0;transform:translateY(105%)}.ezhh-ctas{display:flex;gap:8px;margin-top:16px;opacity:0;transform:translateY(8px)}.ezhh-text.is-on .ezhh-ln>span{opacity:1;transform:none;transition:transform .8s var(--ezh-ease) calc(.32s + var(--d, 0ms)),opacity .3s ease calc(.32s + var(--d, 0ms))}.ezhh-text.is-on .ezhh-ctas{opacity:1;transform:none;transition:opacity .5s var(--ezh-ease) .5s,transform .5s var(--ezh-ease) .5s}.ezhh-text.is-on:not(.is-first) .ezhh-ctas{animation:ezhh-noclick .5s step-end}.ezhh-slide.is-on .ezhh-pin{animation:ezhh-noclick .95s step-end}@keyframes ezhh-noclick{0%,to{pointer-events:none}}.ezhh-text.is-out .ezhh-ln>span{transform:translateY(-105%);opacity:0;transition:transform .28s cubic-bezier(.5,0,.9,.4),opacity .24s ease}.ezhh-text.is-out .ezhh-ctas{opacity:0;transform:none;transition:opacity .2s ease}.ezhh-text.is-first .ezhh-ln>span,.ezhh-text.is-first .ezhh-ctas{transition:none}.ez-h-hero .ezhh-hook{flex:none;padding:0 16px}.ez-h-hero .ezhh-hook .ezh-arr{display:none}.ez-h-hero .ezhh-ghost{flex:1 1 auto;min-width:0;padding:0 14px}.ezhh-rate{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;line-height:1.3;color:var(--ezh-body)}.ezhh-rate b{color:var(--ezh-ink);font-weight:600}.ez-h-hero .ezhh-rate .ezh-stars{--ezh-stars-w: 74px}@media(min-width:750px){.ezh-sec.ez-h-hero{--sh: calc(var(--cw) * .5625)}.ezhh-slide{--iw: max(var(--cw), calc(var(--sh) * var(--ar)));--pl: calc(var(--fx) * var(--iw) - (var(--iw) - var(--cw)));--pt: calc(var(--fy) * max(calc(var(--cw) / var(--ar)), var(--sh)) - (max(calc(var(--cw) / var(--ar)), var(--sh)) - var(--sh)) * .5)}.ez-h-hero .ezhh-img{object-position:100% 50%}.ez-h-hero .ezhh-pause{right:16px;top:calc(var(--sh) - 50px)}.ezhh-pin{--cmt: -18px;--cg: 10px}.ezhh-pin[data-d=l]{--l: 1}.ezhh-pin__card{flex-direction:row;align-items:baseline;gap:9px;padding:9px 14px;border-radius:999px;font-size:13px}.ez-h-hero .ezhh-ghost{flex:none;padding:0 24px}}@media(min-width:990px){.ezh-sec.ez-h-hero{--hh: clamp(560px, calc(100vh - 222px) , var(--hmax, 780px));--sh: var(--hh);height:var(--hh);background:var(--ezh-ink);overflow:hidden}.ezhh-stage{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.ezhh-slide{--iw: max(var(--cw), calc(var(--hh) * var(--ar)));--ih: max(calc(var(--cw) / var(--ar)), var(--hh));--pl: calc(var(--fx) * var(--iw) - (var(--iw) - var(--cw)) * var(--opx));--pt: calc(var(--fy) * var(--ih) - (var(--ih) - var(--hh)) * .5)}.ez-h-hero .ezhh-img{object-position:calc(var(--opx) * 100%) 50%}.ezhh-slide:after{background:linear-gradient(90deg,rgb(17 17 17 / var(--dark)),rgb(17 17 17 / calc(var(--dark) * .94)) 30%,rgb(17 17 17 / calc(var(--dark) * .78)) 42%,rgb(17 17 17 / calc(var(--dark) * .36)),#1110 70%)}.ez-h-hero .ezhh-scrim{display:block;position:absolute;left:0;right:0;bottom:0;height:280px;z-index:3;pointer-events:none;background:linear-gradient(0deg,#111111d6 0,#111111c7 84px,#11111180 140px,#1113 200px,#1110 280px)}.ezhh-pin{--dr: 13px;--cmt: -19px}.ezhh-pin__card{padding:10px 15px;font-size:13.5px}.ezhh-pin__dot:before,.ezhh-pin__dot:after{width:12px;height:12px;left:7px;top:7px}.ezhh-copy{position:absolute;left:0;right:0;bottom:116px;padding:0;color:#fff;pointer-events:none}.ez-h-hero .ezhh-copy :focus-visible{outline-color:#fff;box-shadow:0 0 0 7px #111111b3}.ezhh-in>*{pointer-events:auto}.ez-h-hero .ezhh-h1{font-size:12px;color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .35)}.ez-h-hero .ezhh-h1,.ezhh-rate,.ezhh-ln{width:fit-content}.ezhh-texts{margin-top:18px}.ez-h-hero .ezhh-head{max-width:9.6em;font-size:clamp(50px,5.1vw,80px);line-height:.97;letter-spacing:-.034em;color:#fff}.ezhh-ctas{gap:12px;margin-top:28px}.ez-h-hero .ezhh-hook{padding:0 24px;background:#fff;color:var(--ezh-ink)}.ez-h-hero .ezhh-hook b{color:var(--ezh-red)}.ez-h-hero .ezhh-hook .ezh-arr{display:block}.ez-h-hero .ezhh-hook:hover{background:var(--ezh-ink);color:#fff}.ez-h-hero .ezhh-hook:hover b{color:#fff}.ez-h-hero .ezhh-ghost{flex:none;padding:0 24px;border-color:#ffffffd9;background:#1111116b;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ez-h-hero .ezhh-ghost:hover{border-color:#fff;background:#fff;color:var(--ezh-ink)}.ezhh-rate{margin-top:20px;font-size:14px;color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .35)}.ezhh-rate b,.ez-h-hero .ezhh-rate .ezh-stars{color:#fff}.ez-h-hero .ezhh-rate .ezh-stars:before{background:#ffffff59}.ezhh-bar{top:auto;bottom:0}.ezhh-barin{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:28px;max-width:var(--ezh-max);margin:0 auto;padding:0 var(--ezh-pad)}.ezhh-barin>.ezhh-idx{grid-column:1;grid-row:1}.ezhh-barin>.ezhh-pause{grid-column:2;grid-row:1}.ezhh-idx{gap:18px}.ez-h-hero .ezhh-i{height:auto;padding:0 0 8px;margin-bottom:18px}.ezhh-i:hover .ezhh-i__l,.ezhh-i:hover .ezhh-i__s{text-decoration:underline;text-underline-offset:3px}.ezhh-i__bar{height:2px;border-radius:0;margin-bottom:11px;background:#ffffff57}.ezhh-i__bar i{background:var(--ezh-red)}.ezhh-i.is-done .ezhh-i__bar i{background:#ffffffe6}.ezhh-i__t{display:block;overflow:hidden;font:500 13px/1.3 var(--ezh-sans);color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px rgb(0 0 0 / .4)}.ezhh-i.is-on .ezhh-i__t{color:#fff}.ezhh-i__n{margin-right:2px;color:#fffc;font-variant-numeric:tabular-nums}.ezhh-i__p{display:block;overflow:hidden;font:600 13px/1.35 var(--ezh-sans);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 8px rgb(0 0 0 / .4);font-variant-numeric:tabular-nums}.ez-h-hero .ezhh-pause{position:static;margin-bottom:26px;height:34px;padding:0 13px 0 10px;font-size:12.5px}}@media(min-width:990px)and (max-width:1199px){.ezhh-idx{gap:8px}.ezhh-barin{column-gap:16px}.ezhh-i__n,.ezhh-i__l{display:none}.ezhh-i__s{display:inline}.ezhh-i__t,.ezhh-i__p{font-size:12.5px}.ez-h-hero .ezhh-h1{max-width:330px}}@media(min-width:1200px)and (max-width:1359px){.ezhh-i__l{display:none}.ezhh-i__s{display:inline}}@media(min-width:1440px){.ezhh-idx{gap:22px}}.ezhh-pin[data-side=l]{--l: 1}.ezhh-pin[data-side=r]{--l: 0}.ez-h-hero:not(.is-fitted) .ezhh-pin{visibility:hidden}.ez-h-hero.is-single .ezhh-i__bar i{animation:none}@media(prefers-reduced-motion:reduce){.ez-h-hero .ezhh-img{animation:none!important;transform:none}.ezhh-pin__dot:after{animation:none!important;opacity:0}.ezhh-ln>span,.ezhh-ctas,.ezhh-pin{transition-duration:.01s!important;transition-delay:0s!important}.ezhh-text.is-on .ezhh-ctas,.ezhh-slide.is-on .ezhh-pin{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/ez-h-hero.css.map */