[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-images-change{position:relative;height:100vh}@media (min-width: 992px){.xo-images-change{width:100vw;min-height:650px;max-height:unset}}@media (min-width: 1600px){.xo-images-change{width:100vw;min-height:800px;max-height:unset}}.xo-images-change:before{content:"";width:100%;height:60%;position:absolute;top:0;left:0;background-color:#f9f9f9;height:50%}@media (min-width: 992px){.xo-images-change:before{background-color:#f2f2f2}}.xo-images-change:after{content:"";width:100%;height:50%;background-color:#fff;position:absolute;bottom:0;left:0}@media (min-width: 992px){.xo-images-change:after{background-color:#dfdfdf}}.xo-images-change--hero{margin-top:-48px}@media (min-width: 768px){.xo-images-change--hero{margin-top:-60px}}.xo-images-change__preview{width:100vw;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}.xo-images-change__preview img{width:100%}.xo-images-change__preview-img{width:100%;display:none}@media (min-width: 992px){.xo-images-change__preview-img{display:block}}.xo-images-change__preview-img--mobile{display:block}@media (min-width: 992px){.xo-images-change__preview-img--mobile{display:none}}.xo-images-change__main{position:absolute;top:0;right:0;bottom:0;left:0}.xo-images-change__inner{display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:.3s;z-index:1}.xo-images-change__inner[xo-visible]:not([xo-visible=false]){opacity:1}.xo-images-change__image-content{display:flex;flex-direction:column;position:absolute;width:100%;height:100%;z-index:2;top:0;left:0}.xo-images-change__viewer{width:100%;height:100%;z-index:1;transition:.5s;position:relative}.xo-images-change__viewer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:.5s}.xo-images-change__viewer[xo-changing]{transform:scale(1.05)}.xo-images-change__viewer[xo-changing]:after{background-color:#e6e6e652;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (min-width: 992px){.xo-images-change__viewer{height:100%}}.xo-images-change__viewer xo-360-viewer-content{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.xo-images-change__viewer[xo-loading]:not([xo-loading=false])~.xo-images-change__image-content .xo-images-change__pagination,.xo-images-change__viewer[xo-loading]:not([xo-loading=false])~.xo-images-change__image-content .xo-images-change__nav--next,.xo-images-change__viewer[xo-loading]:not([xo-loading=false])~.xo-images-change__image-content .xo-images-change__nav--prev{visibility:hidden;pointer-events:none;opacity:0}.xo-images-change__viewer img{width:100%;object-fit:cover}.xo-image-change__image-box{position:relative}.xo-images-change__nav{position:absolute;top:0;width:33.33%;height:100%;z-index:2;cursor:pointer;padding:43px var(--xo-container-gap) 0;overflow:hidden;display:flex}.xo-images-change__nav:hover .xo-images-change__magnetic-btn{opacity:1}@media (min-width: 768px){.xo-images-change__nav svg{display:none}}.xo-images-change__nav--prev{left:0}@media (max-width: 991px){.xo-images-change__nav--prev{width:25%}}.xo-images-change__nav--center{left:50%;transform:translate(-50%)}@media (max-width: 991px){.xo-images-change__nav--center{width:50%}}.xo-images-change__nav--next{justify-content:flex-end;right:0}@media (max-width: 991px){.xo-images-change__nav--next{width:25%}}.xo-image-change__content{position:absolute;top:40px;left:50%;width:calc(100% - 2 * var(--xo-container-gap));transform:translate(-50%);z-index:3}.xo-image-change__button{display:flex;align-items:center;gap:5px;color:#000;font-family:var(--font-body-2-family);font-size:18px;font-style:normal;font-weight:300;line-height:normal;transition:.3s}.xo-image-change__button:hover{color:var(--color-branding)}.xo-image-change__button svg{display:block}.xo-images-change__product-info{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center;opacity:1;transition:.3s;flex-shrink:0;padding:0 var(--xo-container-gap);padding-bottom:32px;min-height:175px}.xo-images-change__product-info[xo-changing]{opacity:0}@media (min-width: 768px){.xo-images-change__product-info{gap:12px;min-height:auto}}.xo-images-change__product-des{color:var(--Text-Text-1, #121212);text-align:center;font-family:var(--font-body-medium-family);font-size:20px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.4px}@media (min-width: 768px){.xo-images-change__product-des{font-size:26px;line-height:28px;letter-spacing:-.52px}}.xo-images-change__product-price{font-family:var(--font-body-medium-family);font-size:20px;font-style:normal;font-weight:500;line-height:normal;transition-delay:.15s;transition:.3s}.xo-images-change__product-price-del{color:#8d8d8d;margin-inline-end:5px;text-decoration:line-through}.xo-images-change__product-action{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%;gap:12px}@media (min-width: 768px){.xo-images-change__product-action{width:auto;flex-direction:column;justify-content:center}}.xo-images-change__product-button{min-width:182px;padding:8px;gap:30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;position:relative;background:transparent;transition:all .3s;border:1px solid rgba(0,0,0,.5);color:#000;font-family:var(--font-body-medium-family);font-size:20px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:-.4px}.xo-images-change__product-button:after{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background-color:#000;z-index:-1;transition:.3s}.xo-images-change__product-button svg{transition:.3s}.xo-images-change__product-button:hover:not(.xo-images-change__product-button--sold-out){color:#fff}.xo-images-change__product-button:hover:not(.xo-images-change__product-button--sold-out):after{width:100%}.xo-images-change__product-button:hover:not(.xo-images-change__product-button--sold-out) svg{rotate:360deg}.xo-images-change__product-button--sold-out{color:var(--Text-Text-4, #6b6d76);border-color:var(--Border-Border-3, #d0d0d0);background-color:#d0d0d0;cursor:not-allowed;justify-content:center}.xo-images-change__product-button--loading svg{opacity:0}.xo-images-change__nav-action{height:100%;overflow:hidden;position:relative}.xo-images-change__header{display:flex;flex-direction:column;width:100%;align-items:center;position:absolute;left:0;top:11.5%;z-index:2}@media (min-width: 992px){.xo-images-change__header{width:auto;left:var(--xo-container-gap);top:auto;bottom:32px}}.xo-images-change__heading{color:var(--Text-Text-1, #121212);font-family:var(--font-body-medium-family);font-size:26px;font-style:normal;font-weight:500;line-height:30px;letter-spacing:-.52px;text-align:left;margin-bottom:0}@media (min-width: 992px){.xo-images-change__heading{display:none;text-align:center;font-size:30px;line-height:34px;letter-spacing:-.6px}}.xo-images-change__button{color:var(--Black, #000);font-size:18px;font-family:var(--font-body-medium-family);font-weight:500;line-height:22px;letter-spacing:-.4px;margin-inline-start:-8px;padding:6px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;position:relative;transition:.3s}.xo-images-change__button:after{content:"";width:0px;height:1px;left:8px;bottom:8px;background-color:#000;position:absolute;transition:.3s}.xo-images-change__button svg{display:block}.xo-images-change__button:hover:after{width:calc(100% - 42px)}.xo-images-change__pagination{align-items:center;position:absolute;right:max(var(--xo-container-gap),(100vw - var(--xo-container-width)) / 2 + var(--xo-container-gap) - 10px);z-index:5;display:none}@media (min-width: 992px){.xo-images-change__pagination{display:flex;bottom:32px}}.xo-images-change__pagination-btn{padding:12px;color:#000;transition:.3s;cursor:pointer}.xo-images-change__pagination-btn svg{display:block}.xo-images-change__pagination-btn:hover{color:var(--color-branding)}.xo-images-change__pagination-number{color:var(--Text-Text-4, #8d8d8d);font-size:18px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:-.36px}.xo-images-change__pagination-current{color:var(--Text-Text-1, #121212)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-images-change.css.map */