.c-carousel--product-d-vertical{display:flex;flex-direction:row;gap:20px;height:900px}.c-carousel--product-d-vertical .c-carousel__thumbnails{width:120px;order:-1;height:900px}.c-carousel--product-d-vertical .c-carousel__thumbnails-slider{display:flex;flex-direction:column;gap:10px;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#63745b #ededed;padding-right:10px;scrollbar-width:none}.c-carousel--product-d-vertical .c-carousel__thumbnails-slider::-webkit-scrollbar{width:6px}.c-carousel--product-d-vertical .c-carousel__thumbnails-slider::-webkit-scrollbar-track{background:#ededed}.c-carousel--product-d-vertical .c-carousel__thumbnails-slider::-webkit-scrollbar-thumb{background-color:#63745b;border-radius:3px}.c-carousel--product-d-vertical .c-carousel__thumbnail{width:100%;aspect-ratio:3/4;cursor:pointer;border:2px solid transparent;transition:border-color .3s ease}.c-carousel--product-d-vertical .c-carousel__thumbnail img{width:100%;height:100%;object-fit:cover}.c-carousel--product-d-vertical .c-carousel__thumbnail.is-active{border-color:#63745b}.c-carousel--product-d-vertical .c-carousel__thumbnail:hover{border-color:#63745b;opacity:.9}.c-carousel--product-d-vertical .c-carousel__main-display{flex:1;height:900px;position:relative}.c-carousel--product-d-vertical .c-carousel__main-image-container{width:100%;height:100%;position:relative}.c-carousel--product-d-vertical .c-carousel__main-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.c-carousel--product-d-vertical .c-carousel__main-image.is-active{opacity:1}.c-carousel--product-d-vertical .c-carousel__main-image img{width:100%;height:100%;object-fit:cover}.c-carousel--product-d-vertical .c-carousel__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;pointer-events:none;z-index:10}.c-carousel--product-d-vertical .c-carousel__nav-btn{width:44px;height:44px;background-color:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.c-carousel--product-d-vertical .c-carousel__nav-btn:hover{background-color:#fff;box-shadow:0 4px 12px #00000026}.c-carousel--product-d-vertical .c-carousel__nav-btn .c-icon{width:18px;height:18px;color:#63745b}@media screen and (max-width: 819px){.c-carousel--product-d-vertical{display:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/product-vertical.css.map */