.ntop-hero{padding-block:0 12px}.ntop-hero__viewport{position:relative;display:flex;align-items:stretch;width:100%;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.ntop-hero__viewport.is-dragging{cursor:grabbing}.ntop-hero__side{position:relative;flex:0 0 16%;aspect-ratio:1810 / 1256;overflow:hidden;will-change:transform,opacity;cursor:pointer}.ntop-hero__side img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ntop-hero__side[data-hero-side=prev] img{object-position:right center}.ntop-hero__side[data-hero-side=next] img{object-position:left center}.ntop-hero__main{position:relative;flex:0 0 calc(68% - 10px);margin-inline:5px;aspect-ratio:1810 / 1256;overflow:hidden;display:block;will-change:transform,opacity}.ntop-hero__main img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ntop-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:150px;padding:0;background:#000000b8;border:none;display:flex;align-items:center;justify-content:center;z-index:5}.ntop-hero__arrow:before{content:"";position:absolute;top:50%;width:10px;height:10px;border-top:2px solid #ffffff;border-right:2px solid #ffffff;transform-origin:center}.ntop-hero__arrow--prev{left:0;border-radius:0 10px 10px 0}.ntop-hero__arrow--prev:before{left:calc(50% + 2px);transform:translate(-50%,-50%) rotate(-135deg)}.ntop-hero__arrow--next{right:0;border-radius:10px 0 0 10px}.ntop-hero__arrow--next:before{left:calc(50% - 2px);transform:translate(-50%,-50%) rotate(45deg)}.ntop-hero__dots{display:flex;justify-content:center;gap:5.33px;margin-top:20px}.ntop-hero__dot{position:relative;width:16px;height:4.27px;border-radius:2.67px;background:#d1d5db;border:none;padding:0;overflow:hidden}.ntop-hero__dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:#000;transform:scaleX(0);transform-origin:left center}.ntop-hero__dot.is-active{background:#d1d5db;width:101.32px}@media(min-width:769px){.ntop-hero__viewport{--hero-max-h: max(400px, calc(100vh - 352px) )}.ntop-hero__main{flex-basis:min(calc(68% - 10px),calc(var(--hero-max-h) * 1810 / 1256))}.ntop-hero__side{flex:1 1 0;aspect-ratio:auto}.ntop-hero__side img{position:absolute;top:0;right:0;bottom:0;left:0}}@media(max-width:768px){.ntop-hero{padding-bottom:12px}.ntop-hero__arrow{display:none}.ntop-hero__main{flex:0 0 calc(84% - 8px);margin-inline:4px;aspect-ratio:1810 / 1256}.ntop-hero__side{flex:1 1 0;aspect-ratio:auto}.ntop-hero__side img{position:absolute;top:0;right:0;bottom:0;left:0}}.ntop-hero__placeholder{width:100%;height:100%;background:#e9ecef}.ntop-hero__empty{padding:40px 20px;text-align:center;background:#f3f4f6}
/*# sourceMappingURL=/cdn/shop/t/96/assets/ntop-hero.css.map */