.hb-section{display:block!important;position:relative;width:100%;line-height:0;font-size:0}.hb-outer{display:block!important;max-width:var(--hb-mw,100%);width:100%;margin:0 auto;box-sizing:border-box}.hb-outer *{box-sizing:border-box}.hb-vp{display:block!important;position:relative!important;overflow:hidden!important;width:100%!important;background-color:var(--hb-bg,#f0f0f0);border-radius:var(--hb-br,0px);box-shadow:var(--hb-shadow,none);min-height:200px!important;height:var(--hb-h,500px)!important}.hb-slide{position:absolute!important;top:0!important;left:var(--hb-sl,0px)!important;width:var(--hb-sw,100%)!important;height:100%!important;opacity:0;z-index:0;pointer-events:none;will-change:opacity,transform;transition:opacity var(--hb-ts,.6s) ease}.hb-slide.is-active{opacity:1!important;z-index:1!important;pointer-events:auto!important}.hb-slide.is-off{display:none!important}.hb-frame{display:block;width:100%;height:100%;text-decoration:none;-webkit-tap-highlight-color:transparent;line-height:0;font-size:0}.hb-slide picture{display:var(--hb-pic-d,block);align-items:center;justify-content:center;width:100%;height:100%}.hb-slide img{display:block;width:var(--hb-img-w,100%);height:var(--hb-img-h,100%);max-width:100%;max-height:100%;object-fit:var(--hb-fit,contain);object-position:center center}.hb-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2}.hb-blank{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e8e8e8;line-height:1;font-size:1px}.hb-blank svg{width:72px;height:72px;opacity:.14}.hb-ui{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;pointer-events:none}.hb-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none}.hb-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;border:none;padding:0;margin:0;background:#ffffffe6;box-shadow:0 2px 24px #00000024,0 1px 6px #00000014;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);color:#1a1a1a;cursor:pointer;outline:none;line-height:0;font-size:0;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.hb-btn:hover{background:#fff;box-shadow:0 4px 32px #0000002e;transform:scale(1.09)}.hb-btn:active{transform:scale(.93)}.hb-btn:focus-visible{outline:2px solid #06c;outline-offset:2px}.hb-pips{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:22px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.26),transparent);pointer-events:none}.hb-pip{pointer-events:auto;display:block;flex-shrink:0;height:4px;width:4px;border-radius:999px;border:none;padding:0;margin:0;background:#ffffff6b;cursor:pointer;outline:none;transition:width .36s cubic-bezier(.4,0,.2,1),background .3s ease}.hb-pip.is-active{width:26px;background:#fffffff2}.hb-pip:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media(max-width:767px){.hb-btn{width:38px;height:38px}.hb-nav{padding:0 10px}.hb-pip.is-active{width:18px}.hb-pips{padding:16px 12px 12px;gap:5px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/hero-banner.css.map */