.hb{padding:24px 0;--hb-hero-h-max: 520px;--hb-hero-h-fluid: clamp(340px, 36vw, 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" "right"}.hb__center{grid-area:center}.hb__left{grid-area:left}.hb__right{grid-area:right}@media (min-width: 990px){.hb__grid{grid-template-columns:repeat(12,1fr);grid-template-areas:"left left left center center center center center center right right right";align-items:start}.hb__left{grid-column:span 3}.hb__center{grid-column:span 6}.hb__right{grid-column:span 3}.hb.hb--no-right .hb__grid{grid-template-areas:"left left left left center center center center center center center center"}.hb.hb--no-right .hb__left{grid-column:span 4}.hb.hb--no-right .hb__center{grid-column:span 8}.hb.hb--no-left .hb__grid{grid-template-areas:"center center center center center center right right right right right right"}.hb.hb--no-left .hb__center,.hb.hb--no-left .hb__right{grid-column:span 6}.hb.hb--no-center .hb__grid{grid-template-areas:"left left left left left left right right right right right right"}.hb.hb--no-center .hb__left,.hb.hb--no-center .hb__right{grid-column:span 6}.hb.hb--no-left.hb--no-right .hb__grid{grid-template-areas:"center center center center center center center center center center center center"}.hb.hb--no-left.hb--no-right .hb__center{grid-column:span 12}.hb.hb--no-center.hb--no-right .hb__grid{grid-template-areas:"left left left left left left left left left left left left"}.hb.hb--no-center.hb--no-right .hb__left{grid-column:span 12}.hb.hb--no-left.hb--no-center .hb__grid{grid-template-areas:"right right right right right right right right right right right right"}.hb.hb--no-left.hb--no-center .hb__right{grid-column:span 12}}.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:800;font-size:clamp(28px,3.2vw,44px);line-height:1.05;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:700;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;filter:blur(6px);transform:scale(1.01);transition:filter .6s ease,transform .6s ease}.hb-slide.is-active .hb-slide__img{filter:blur(0);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-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 .hb-dot{background-color:rgb(var(--color-secondary-background))!important;opacity:.3!important;border:1px solid rgb(var(--color-secondary-background))!important;flex:0 0 auto!important;width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;border-radius:999px!important;padding:0!important;margin:0!important;display:block!important;line-height:0!important;font-size:0!important;cursor:pointer!important;transition:width .2s ease,background .2s ease,opacity .2s ease!important}.hb .hb-dot[aria-current=true]{height:8px!important;background:rgb(var(--color-secondary-background))!important;opacity:1!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)}.hb-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;padding:18px;overflow:hidden;min-width:0}.hb-card__text{flex:1 1 auto;min-height:0;min-width:0;width:70%}.hb-card__content .hb-btn{position:relative;z-index:5;align-self:flex-start;width:auto;max-width:100%;max-width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-trending{border-radius:var(--hb-radius);border:1px solid rgb(var(--color-border));background:rgb(var(--color-background));padding:18px;height:var(--hb-trending-h);display:flex;flex-direction:column;min-height:0}.hb-trending__kicker{font-size:14px;opacity:.7;margin-bottom:6px;color:rgb(var(--color-foreground))}.hb-trending__title{font-size:clamp(24px,2.2vw,30px);font-weight:800;margin-bottom:10px;color:rgb(var(--color-foreground))}.hb-trending__sub{font-size:clamp(12px,1vw,14px);opacity:.7;margin-bottom:12px;color:rgb(var(--color-foreground))}.hb-trending__list{flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:grid;gap:12px;padding-right:4px}@media (min-width:990px){.hb-trending__list{grid-template-columns:1fr}}.hb-trending__list::-webkit-scrollbar{width:8px}.hb-trending__list::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.18);border-radius:999px}.hb-pill{display:flex;gap:10px;align-items:center;padding:1rem;border-radius:1rem;background:rgb(var(--color-secondary-background));text-decoration:none;color:rgb(var(--color-foreground))}.hb-pill:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-secondary-background))}.hb-pill__text{font-weight:500;font-size:clamp(14px,1.1vw,15px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;line-height:1.5;flex-basis:70%}.hb-trending__btn{margin-top:14px;width:100%;justify-content:center;padding:.8rem 1.5rem;font-size:clamp(15px,1.6vw,18px)}@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-trending{min-height:var(--hb-hero-h-fluid)!important;height:var(--hb-hero-h-fluid)}.hb-card__media{top:0;right:0;bottom:0;left:0}}@media (max-width: 989px){.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,.hb-slide__content{width:61%}.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:1rem}.hb-pill__thumb img{border-radius:1rem;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%}
/*# sourceMappingURL=/cdn/shop/t/65/assets/hero-banners.css.map */