.hb{padding:0;--hb-hero-h-max: 536px;--hb-hero-h-fluid: clamp(340px, 37.222vw, var(--hb-hero-h-max));--hb-logo-h-desktop: 30px;--hb-logo-h-mobile: 20px}.hb__wrap{width:100%}.hb__grid{display:grid;gap:16px;grid-template-columns:1fr;grid-template-areas:"center" "left"}.hb__center{grid-area:center}.hb__left{grid-area:left}@media(min-width:990px){.hb__grid{grid-template-columns:repeat(12,1fr);grid-template-areas:"left left left left center center center center center center center center";align-items:start}.hb__left{grid-column:span 4}.hb__center{grid-column:span 8}.hb.hb--no-left .hb__grid{grid-template-areas:"center center center center center center center center center center center center"}.hb.hb--no-left .hb__center{grid-column:span 12}.hb.hb--no-center .hb__grid{grid-template-areas:"left left left left left left left left left left left left"}.hb.hb--no-center .hb__left{grid-column:span 12}}.hb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.hb-tags .hb-tag{margin-bottom:0}.hb-tag{color:rgb(var(--color-secondary-background));border:1px solid rgb(var(--color-secondary-background));font-size:clamp(12px,1.1vw,16px);margin-bottom:6px;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;padding:.18rem 1.5rem;border-radius:999px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-title{color:rgb(var(--color-secondary-background));font-weight:500;font-size:clamp(28px,3.333vw,48px);line-height:1.208;margin-bottom:8px}.hb-title--sm{color:rgb(var(--color-secondary-background));font-size:clamp(20px,2vw,30px);line-height:1.1;font-weight:800;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hb-subtitle{color:rgb(var(--color-secondary-background));font-size:clamp(16px,1.6vw,22px);line-height:1.2;margin-bottom:10px;font-weight:500}.hb-subtitle--sm{color:rgb(var(--color-secondary-background));font-size:clamp(13px,1.2vw,16px);margin-bottom:8px;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hb-desc{color:rgb(var(--color-secondary-background));opacity:.85;font-size:clamp(12px,1.1vw,14px);line-height:1.2;margin-bottom:18px;font-weight:400}.hb-desc--sm{color:rgb(var(--color-secondary-background));font-size:clamp(12px,1.05vw,13px);line-height:1.45;margin-bottom:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hb-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.8rem 2rem;text-decoration:none;font-weight:500;transition:transform .15s ease,background-color .15s ease,color .15s ease;font-size:clamp(14px,1.6vw,16px)}.hb-btn:active{transform:scale(.98)}.hb-btn--light{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.hb-btn--light:hover{background:rgb(var(--color-foreground));color:rgb(var(--color-background));transform:scale(1.02)}.hb-btn--dark{background:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text))}.hb-btn--bottom{margin-top:auto}.hb-whole-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block!important}.hb-slider{position:relative;border-radius:var(--hb-radius);overflow:hidden;height:var(--hb-hero-h-fluid)}.hb-slider__track{position:relative;height:100%;display:block}.hb-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .6s ease;will-change:opacity}.hb-slide.is-active{opacity:1;pointer-events:auto}.hb-slide__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate}.hb-slide__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:scale(1.005);transition:transform .45s ease}.hb-slide.is-active .hb-slide__img{transform:scale(1)}.hb-slide__placeholder{width:100%;height:100%;background:#00000014}.hb-slide__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,#000000a6,#0000006b 30%,#00000038 55%,#0000001a 72%,#0000);opacity:var(--hb-grad, 1)}.hb-slide__brand-logo{position:absolute;top:20px;left:20px;z-index:5;line-height:0;max-width:min(42%,320px);pointer-events:none}.hb-slide__brand-logo-img{display:block;width:auto;height:var(--hb-logo-h-desktop, 30px);max-width:100%;object-fit:contain;object-position:left top}.hb-slide__brand-logo-mask{display:block;height:var(--hb-logo-h-desktop, 30px);width:calc(var(--hb-logo-h-desktop, 30px) * var(--hb-logo-ratio, 4));aspect-ratio:var(--hb-logo-ratio, 4);max-width:100%;background-color:rgb(var(--color-secondary-background));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}.hb-slide__content{position:absolute;left:20px;right:20px;bottom:20px;z-index:4;width:60%;--hb-slide-text: rgb(var(--color-secondary-background))}.hb-slide__content .hb-tag,.hb-slide__content .hb-title,.hb-slide__content .hb-subtitle,.hb-slide__content .hb-desc{color:var(--hb-slide-text)}.hb-slide__content .hb-tag{border-color:var(--hb-slide-text)}.hb-slide__content .hb-btn--light{background:var(--hb-btn-bg, rgb(var(--color-button)));color:var(--hb-btn-text, rgb(var(--color-button-text)))}.hb-slide__content .hb-btn--light:hover{background:var(--hb-btn-bg-hover, rgb(var(--color-foreground)));color:var(--hb-btn-text-hover, rgb(var(--color-background)));transform:scale(1.02)}.hb-slide__content .hb-btn{position:relative;z-index:5;margin-top:1rem}.hb-copy--mobile{display:none}.hb-copy--desktop,.hb-copy--mobile{white-space:normal}.hb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:4rem;height:4rem;aspect-ratio:1 / 1;border-radius:50%;padding:0;min-width:0;border:0;box-shadow:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-background),.5);color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-border));cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,transform .2s ease}.hb-slider:hover .hb-arrow{opacity:1}.hb-arrow--prev{left:12px}.hb-arrow--next{right:12px}.hb-arrow:hover{background:#ffffff52;transform:translateY(-50%) scale(1.05)}.hb-arrow:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:3px}.hb-arrow__ic{display:inline-flex;align-items:center;justify-content:center;line-height:0}.hb-arrow__ic svg{display:block;width:14px;height:14px}.hb-arrow__ic--prev{transform:rotate(180deg)}.hb .hb-dots{position:absolute!important;left:50%!important;transform:translate(-50%)!important;bottom:18px!important;z-index:6!important;display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:none!important;pointer-events:auto!important}.hb-promo-grid{display:grid;gap:16px;grid-template-columns:repeat(1,2fr)}@media(min-width:990px){.hb-promo-grid{grid-template-columns:1fr}}.hb-card{position:relative;border-radius:var(--hb-radius);overflow:hidden;height:var(--hb-promo-h)}.hb-card__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate}.hb-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hb-card__placeholder{width:100%;height:100%;background:#00000014}.hb-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to right,#000000a6,#0000006b 30%,#00000038 55%,#0000001a 72%,#0000);opacity:var(--hb-grad, 1)}.hb-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;padding:18px;pointer-events:none;overflow:hidden;min-width:0;--hb-slide-text: rgb(var(--color-secondary-background))}.hb-card__text{flex:1 1 auto;min-height:0;min-width:0;width:70%}.hb-card__content .hb-tag,.hb-card__content .hb-title,.hb-card__content .hb-subtitle,.hb-card__content .hb-desc{color:var(--hb-slide-text)}.hb-card__content .hb-tag{border-color:var(--hb-slide-text)}.hb-card__content .hb-btn{position:relative;z-index:5;pointer-events:auto;align-self:flex-start;width:auto;max-width:100%;max-width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--hb-btn-bg, rgb(var(--color-button)));color:var(--hb-btn-text, rgb(var(--color-button-text)))}.hb-card__content .hb-btn:hover{background:var(--hb-btn-bg-hover, rgb(var(--color-foreground)));color:var(--hb-btn-text-hover, rgb(var(--color-background)));transform:scale(1.02)}@media(min-width:990px){.hb__left{height:var(--hb-hero-h-fluid)}.hb-promo-grid{height:100%;grid-template-rows:1.5fr 1fr;grid-auto-rows:1fr;align-content:stretch}.hb.hb--promo-1 .hb-promo-grid{grid-template-rows:1fr}.hb-card{height:auto;min-height:0}.hb-card__media{top:0;right:0;bottom:0;left:0}}@media(max-width:989px){.hb-copy--desktop{display:none}.hb-copy--mobile{display:inline}.hb-slide__brand-logo{max-width:55%}.hb-slide__brand-logo-img{height:var(--hb-logo-h-mobile, 20px)}.hb-slide__brand-logo-mask{height:var(--hb-logo-h-mobile, 20px);width:calc(var(--hb-logo-h-mobile, 20px) * var(--hb-logo-ratio, 4))}.hb-slider{height:auto!important;aspect-ratio:1 / 1}.hb-card__text{width:80%}.hb-slide__content{width:70%}.hb-slide{height:100%}.hb-card{height:auto!important;aspect-ratio:2.7 / 1}.hb-card__content{padding:14px}.hb-subtitle--sm,.hb-desc--sm{display:none!important}}.hb-pill__thumb{border-radius:var(--onz-radius)}.hb-pill__thumb img{border-radius:var(--onz-radius);border:1px solid rgb(var(--color-border))}.hb-pill__num{flex-basis:4%;font-size:16px;font-weight:700}.hb-pill__thumb{flex-basis:19%}.hb .hb-slide__brand-logo{position:static;max-width:none;margin:0 0 12px}.hb__left{padding-inline:20px}@media(max-width:989px){.hb .hb-slide__content{bottom:56px}}@media(min-width:990px){.hb .hb-slide__content{left:64px;right:64px;top:17.2%;bottom:auto}.hb .hb-slide__brand-logo{margin:0 0 20px}.hb__left{padding-inline:64px 0}}.hb .hb-playpause{flex:0 0 auto;width:28px;height:28px;padding:0;border:0;background:transparent;color:rgb(var(--color-secondary-background));display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hb .hb-playpause svg{width:11px;height:12px;fill:currentColor;display:block}.hb .hb-playpause:hover{opacity:.75}.hb .hb-dots{gap:0!important}.hb .hb-dot{flex:0 0 auto;width:28px;height:28px;padding:0;margin:0;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:0;line-height:0}.hb .hb-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:rgb(var(--color-secondary-background));opacity:.3;transition:opacity .2s ease}.hb .hb-dot[aria-current=true]:before{opacity:1}.hb-tag,.hb-tags{display:none}.hb-btn,.hb-btn--light{background:transparent;color:var(--hb-slide-text, rgb(var(--color-background)));border:1.5px solid currentColor}.hb-btn:hover,.hb-btn--light:hover{background:var(--hb-slide-text, rgb(var(--color-background)));color:var(--hb-btn-text-hover, rgb(var(--color-foreground)));border-color:var(--hb-slide-text, rgb(var(--color-background)));transform:scale(1.02)}.hb-slide__content .hb-btn,.hb-card__content .hb-btn{background:transparent;color:var(--hb-slide-text, #fff);border:1.5px solid currentColor}.hb-slide__content .hb-btn:hover,.hb-card__content .hb-btn:hover{background:var(--hb-slide-text, #fff);color:var(--hb-btn-text-hover, rgb(var(--color-foreground)));border-color:var(--hb-slide-text, #fff);transform:scale(1.02)}.hb-slide__media:after,.hb-card__media:after{background:linear-gradient(to right,#000000a6,#0000006b 30%,#00000038 55%,#0000001a 72%,#0000)}@media(min-width:990px){.hb .hb-slide__content{top:50%;bottom:auto;transform:translateY(-50%)}}[data-hb-slider]{touch-action:pan-y}
/*# sourceMappingURL=/cdn/shop/t/93/assets/hero-banners.css.map */