.swatches-gallery{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1000;animation:fadeIn .3s ease-in-out;display:none;align-items:center;flex-direction:column;justify-content:space-between;gap:1rem}.swatches-gallery__open{display:flex}.swatches-gallery__header{flex-shrink:1;height:10%;width:100%;display:block!important}.swatches-gallery__footer{display:block!important;height:20%;width:100%;flex-shrink:1}.swatches-gallery__body{flex-grow:1;display:flex;align-items:center;justify-content:center;width:100%}.swatches-gallery__swiper{width:100%}.swatches-gallery__swiper-slide-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%}.swatches-gallery__swiper-colour-title{display:block!important;width:100%;text-align:center}.swatches-gallery__swiper-colour-title,.swatches-gallery__swiper-button-container{opacity:0;transition:opacity .3s ease-out}.swiper-slide-active .swatches-gallery__swiper-colour-title,.swiper-slide-active .swatches-gallery__swiper-button-container{opacity:1}.swatches-gallery__swiper-button-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:3rem}.swatches-gallery__swiper-button-container button{font-size:3rem;background-color:transparent;border:none;cursor:pointer}.swatches-gallery__swiper-button-container button:hover{color:#333}.swatches-gallery__reverse-button{transform:rotate(-360deg);transition:transform .5s ease-out}.swiper-slide-active .swatches-gallery__reverse-button{transform:rotate(0)}.swatches-gallery__swiper-image-container{position:relative;width:100%;transform:scale(.6);transition:transform .2s ease-in-out}.swiper-slide-active .swatches-gallery__swiper-image-container{transform:scale(1)}.swatches-gallery__swiper-image{width:100%;object-fit:cover}.swatches-gallery__swiper-image-back{position:absolute;top:0;left:0;width:100%;object-fit:cover;opacity:0;pointer-events:none}.swatches-gallery__swiper-image__reverse.swatches-gallery__swiper-image-back{opacity:1;pointer-events:auto}.swatches-gallery__swiper-image__reverse.swatches-gallery__swiper-image-front{opacity:0;pointer-events:none}.swatches-gallery__close{position:absolute;top:10px;right:20px;color:#333;font-size:30px;font-weight:700;cursor:pointer;z-index:1000}.swatches-gallery__prev,.swatches-gallery__next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:auto;padding:16px;color:#000;font-weight:700;font-size:5rem;transition:.3s ease;-webkit-user-select:none;user-select:none;z-index:1000;background-color:transparent;border:none}.swatches-gallery__prev{left:13.5%}.swatches-gallery__next{right:13.5%}.swatches-gallery__prev--disabled,.swatches-gallery__next--disabled{display:none}.swatches-gallery__prev:hover,.swatches-gallery__next:hover{color:#333}@media (max-width: 750px){.swatches-gallery__zoom-button{opacity:0;pointer-events:none}.swatches-gallery__prev,.swatches-gallery__next{display:none}}.swatches-gallery__zoom-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1100;display:none;animation:fadeIn .3s ease-in-out;background-color:#fff}.swatches-gallery__zoom-container--open{display:block}.swatches-gallery__zoom-container--loading .swatches-gallery__zoom-loading-container{display:flex}.swatches-gallery__zoom-loading-container{width:100%;height:100%;display:none;align-items:center;justify-content:center}.swatches-gallery__zoom-loading-spinner{width:100px;height:100px;border:10px solid #333;border-top:10px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swatches-gallery__zoom-image-container{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.swatches-gallery__zoom-container--loading .swatches-gallery__zoom-image-container{display:none}.swatches-gallery__zoom-image{width:100%;object-fit:cover}.swatches-gallery__template{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/swatches-gallery.css.map */