.cainte-2col{position:relative}.cainte-2col__viewport{overflow:hidden;position:relative}.cainte-2col__track{display:flex;gap:14px;will-change:transform;transition:transform .52s cubic-bezier(.22,1,.36,1)}.cainte-2col__slide{flex:0 0 calc(50% - 7px)}.cainte-2col__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:40px;border:1px solid rgba(255,255,255,0);background:#ffffff91;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .15s ease;opacity:1;pointer-events:auto}.cainte-2col__arrow:hover{background:#ffffffbf}.cainte-2col__arrow--left{left:0;border-left:0}.cainte-2col__arrow--right{right:0;border-right:0}.cainte-2col__arrow--left svg{transform:rotate(90deg);width:17px}.cainte-2col__arrow--right svg{transform:rotate(-90deg);width:17px}.cainte-2col__arrow[hidden]{display:none!important}.cainte-2col__viewport{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.cainte-2col__viewport.is-dragging{cursor:grabbing}.cainte-2col__track *{user-select:none;-webkit-user-select:none}.cainte-2col__viewport img{-webkit-user-drag:none;user-drag:none;pointer-events:none}[id^=MainProduct-] .cainte-2col__slide img,[id^=MainProduct-] .product__media-item .global-media-settings{background-color:#ffffff57}@media screen and (min-width:750px)and (max-width:989px){.cainte-2col__track{gap:10px}.cainte-2col__slide{flex:0 0 calc(50% - 5px)}.cainte-2col__arrow{width:38px;height:52px}}@media screen and (min-width:750px){.cainte-2col__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-top:30px;width:100%}.cainte-2col__thumb{position:relative;width:100%;padding:0;border:none;background-color:#ffffff57;cursor:pointer;transition:opacity .2s ease}.cainte-2col__thumb.is-active{opacity:1}.cainte-2col__thumb:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#202020;transform:scaleX(0);transform-origin:left;transition:transform .1s ease}.cainte-2col__thumb.is-active:after{transform:scaleX(1)}.cainte-2col__thumb img{display:block;width:100%;height:auto;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/component-cainte-carousel-2col.css.map */