.variant-swipe-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab;z-index:1}.variant-swipe-container:active{cursor:grabbing}.variant-swipe-track{display:flex;width:100%;height:100%;transition:transform .475s cubic-bezier(.4,0,.2,1);will-change:transform;position:absolute;top:0;left:0;right:0;bottom:0}.variant-swipe-container:not([data-swipe-initialized]) .variant-swipe-track{transition:none!important;transform:translate(0)!important}.variant-slide{flex:0 0 100%;width:100%;height:100%;position:relative;opacity:0;visibility:hidden;transition:opacity .3s ease}.variant-slide.active{opacity:1;visibility:visible}.variant-swipe-container .variant-slide{background-color:#fff}.variant-swipe-container .variant-slide:first-child{background-color:#fbfbfb}.variant-slide img{display:block;position:absolute;top:0;left:50%;height:100%;padding-top:10px;width:100%;max-width:100%;transform:translate(-50%);object-fit:var(--product-cart-image-fit);object-position:center center;pointer-events:none;transition:transform .3s ease}.variant-swipe-container:not([data-swipe-initialized]) .variant-slide img{transition:none!important;transform:translate(-50%)!important}.variant-progress-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:2px;z-index:10;padding:0 4px;pointer-events:none}@media (max-width: 769px){.product-card-progress.viaroma-progress-bar{position:relative;bottom:auto;left:0;transform:none;margin-top:0;width:100%;height:2px;pointer-events:none}}@media (min-width: 789px){.product-card-progress.viaroma-progress-bar{position:relative;bottom:auto;left:0;transform:none;margin-top:0;width:100%;height:2px;pointer-events:none}}.product-card-progress .viaroma-progress-track{width:100%;height:100%;background:#0000001a;position:relative}.product-card-progress .viaroma-progress-fill{height:100%;background:#000;transition:width .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);will-change:width,transform;display:block;width:0%;transform:translate(0)}.variant-chevron{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;background:transparent;color:#111;display:none;align-items:center;justify-content:center;box-shadow:none;z-index:11;cursor:pointer;border:none;padding:0;outline:none;-webkit-appearance:none;appearance:none}.variant-chevron svg{width:16px;height:16px}.variant-chevron.prev{left:8px}.variant-chevron.next{right:8px}@media (hover: hover) and (pointer: fine){.variant-swipe-container{z-index:3;pointer-events:none}.variant-swipe-container .variant-swipe-track{pointer-events:none}.variant-swipe-container .variant-chevron{display:flex;opacity:0;transition:opacity .25s ease;pointer-events:none}.card-media:hover .variant-swipe-container .variant-chevron{opacity:1;pointer-events:auto}.product-card-progress.viaroma-progress-bar{opacity:0;transition:opacity .25s ease}.card-media:hover+.product-card-progress.viaroma-progress-bar:not(.single-slide){opacity:1}}@media (hover: none) and (pointer: coarse){.variant-swipe-container{pointer-events:auto;z-index:1}.variant-swipe-container .variant-swipe-track{pointer-events:auto}.product-card-progress.viaroma-progress-bar:not(.single-slide){opacity:1}}.card-media:hover .variant-swipe-container .variant-slide img{transform:translate(-50%)!important}.card-media:hover .variant-swipe-container .variant-slide.active img{transform:translate(-50%)}.card-media.media--hover-effect .variant-swipe-container~img{opacity:0!important}.progress-segment{height:2px;background-color:#fff6;border-radius:1px;transition:all .3s ease;flex:1;min-width:20px;max-width:40px}.progress-segment.active{background-color:#ffffffe6;transform:scaleY(1.5)}.variant-swipe-container.swiping .variant-swipe-track{transition:none}.variant-swipe-container.transitioning .variant-swipe-track{transition:transform .475s cubic-bezier(.4,0,.2,1)}.variant-swipe-container.single-slide-container .variant-slide{opacity:1;transition:none}@media (max-width: 767px){.variant-progress-bar{bottom:8px}.product-card-progress.viaroma-progress-bar{height:2px;margin-top:0}.progress-segment{height:3px;min-width:16px;max-width:32px}}@media (max-width: 768px){.product-item.is-left .product-card-progress.viaroma-progress-bar{width:99.5%;margin-right:auto;margin-left:0}.product-item.is-right .product-card-progress.viaroma-progress-bar{width:99.5%!important;margin-left:auto;margin-right:0}.product-card-progress.viaroma-progress-bar.single-slide{display:none!important}}@media (prefers-color-scheme: dark){.progress-segment{background-color:#0006}.progress-segment.active{background-color:#000c}}.variant-swipe-container:focus{outline:2px solid #0066cc;outline-offset:2px}.variant-swipe-container *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.variant-swipe-container:hover .variant-slide.active img{transform:translate(-50%)!important}.variant-swipe-container.loading .variant-slide{opacity:.7}.variant-swipe-container.loading .progress-segment{background-color:#fff3}@media screen{.variant-swipe-container{z-index:800;overflow:hidden!important}.card-media:not(:has(.variant-swipe-container)){position:relative;z-index:800;overflow:hidden!important}body.shimmer-disabled .product-item:not([data-shimmer-processed]){opacity:1!important;visibility:visible!important;transition:none!important}body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]){opacity:1;visibility:visible;transition:opacity .1s ease}body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .variant-swipe-container:before,body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .card-media:not(:has(.variant-swipe-container)):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .variant-swipe-container:after,body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .card-media:not(:has(.variant-swipe-container)):after{content:"";position:absolute;top:0;bottom:0;pointer-events:none}body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .variant-swipe-container:before,body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .card-media:not(:has(.variant-swipe-container)):before{background:#ddddda;z-index:1003!important;display:block!important;animation:vsFakeShimmerHide 1.6s ease forwards;animation-fill-mode:forwards}body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .variant-swipe-container:after,body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .card-media:not(:has(.variant-swipe-container)):after{background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);width:80%;height:100%;z-index:1004;display:block;opacity:1;visibility:visible;left:-40%;position:absolute;filter:blur(1px);will-change:left,opacity;animation:vsSweepLeft 1s ease-out .1s 1.5,vsFakeShimmerHideAfter 1.6s ease forwards;animation-fill-mode:forwards}@media (max-width: 768px){body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .variant-swipe-container:after,body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .card-media:not(:has(.variant-swipe-container)):after{animation:vsSweepLeft .9s ease-out 0s 1.5,vsFakeShimmerHideAfter 1.4s ease forwards}}body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .variant-swipe-container .variant-slide img,body:not(.shimmer-disabled) .product-item:not([data-shimmer-processed]) .card-media:not(:has(.variant-swipe-container)) img{animation:vsImageHideShow 1s steps(1,end) forwards}}@keyframes vsSweepLeft{0%{left:-40%}to{left:100%}}@keyframes vsFakeShimmerHide{0%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden;display:none}}@keyframes vsFakeShimmerHideAfter{0%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden;display:none}}@keyframes vsImageHideShow{0%{opacity:0;visibility:hidden}85%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.product-shimmer:before,.shimmer-title:before,.shimmer-price:before,.shimmer-swatch:before{animation:shimmerX 1.3s linear 1,shimmerDisable .1s linear 1.6s forwards!important;-webkit-animation:shimmerX 1.3s linear 1,shimmerDisable .1s linear 1.6s forwards!important}@media (prefers-reduced-motion: reduce){.product-shimmer:before,.shimmer-title:before,.shimmer-price:before,.shimmer-swatch:before{animation:shimmerX 1.3s linear 1,shimmerDisable .1s linear 1.6s forwards!important;-webkit-animation:shimmerX 1.3s linear 1,shimmerDisable .1s linear 1.6s forwards!important}}@keyframes shimmerDisable{to{opacity:0;visibility:hidden;display:none;transform:translate(-100%);-webkit-transform:translateX(-100%)}}.shimmer-disabled .product-shimmer:before,.shimmer-disabled .shimmer-title:before,.shimmer-disabled .shimmer-price:before,.shimmer-disabled .shimmer-swatch:before{animation:none!important;-webkit-animation:none!important;opacity:0!important;visibility:hidden!important;display:none!important}
/*# sourceMappingURL=/cdn/shop/t/148/assets/variant-swipe.css.map */