.native-banner-slider{background:#fff;color:#111}.native-banner-slider *{box-sizing:border-box}.native-banner-slider__container{width:min(100%,1180px);margin-inline:auto;padding:56px 24px}.native-banner-slider__viewport{position:relative;overflow:hidden;border-radius:12px;background:#f5f6f7}.native-banner-slider__track{display:flex;width:100%;transition:transform .45s ease;will-change:transform}.native-banner-slider__slide{flex:0 0 100%;width:100%}.native-banner-slider__banner{display:block;width:100%;aspect-ratio:16 / 9;color:inherit;text-decoration:none;overflow:hidden}.native-banner-slider__image{display:block;width:100%;height:100%;object-fit:cover}.native-banner-slider__placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:320px;color:#999;background:#eee;font-size:16px;font-weight:800;letter-spacing:.08em}.native-banner-slider__arrow{position:absolute;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#111;background:#ffffffeb;border:none;border-radius:999px;font-size:34px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.native-banner-slider__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.04)}.native-banner-slider__arrow--prev{left:18px}.native-banner-slider__arrow--next{right:18px}.native-banner-slider__thumbs{display:none}@media screen and (max-width:749px){.native-banner-slider__container{padding:44px 18px}.native-banner-slider__viewport{border-radius:10px}.native-banner-slider__banner{aspect-ratio:16 / 9}.native-banner-slider__arrow{display:none}.native-banner-slider__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.native-banner-slider__thumb{position:relative;display:block;width:100%;padding:0;aspect-ratio:16 / 9;overflow:hidden;background:#eee;border:2px solid transparent;border-radius:7px;cursor:pointer}.native-banner-slider__thumb.is-active{border-color:#00a9e0}.native-banner-slider__thumb-image{display:block;width:100%;height:100%;object-fit:cover}.native-banner-slider__thumb-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#999;font-size:11px;font-weight:800}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/native-banner-slider.css.map */