.zoom-lightbox{position:fixed;z-index:100;top:0;right:0;left:0;display:flex;visibility:hidden;align-items:center;flex-flow:column;justify-content:center;width:100vw;opacity:0}.zoom-lightbox.js-modal-open{height:100%;opacity:1;background-color:#fffffffa!important}.zoom-lightbox__inner{display:flex;align-items:center;flex-flow:column;justify-content:flex-start;width:100%;height:100%;margin:0 16px!important;padding:0!important;transition:transform .3s .1s ease,background-color .3s ease;transform:translateY(100vh);border:none!important;background-color:transparent!important;box-shadow:none!important}.zoom-lightbox__inner .close-holder{position:absolute;top:var(--spacing-2x);right:var(--spacing-1x);height:56px;border:none!important;background-color:transparent!important}.zoom-lightbox__inner .close-holder button{height:56px!important;margin-left:auto;padding:20px!important;border-radius:4px!important}@media (min-width: 1028px){.zoom-lightbox__inner .close-holder button{border-radius:4px!important}}.zoom-lightbox__inner .close-holder button svg{width:28px;height:28px}.zoom-lightbox__inner .close-holder button:hover svg path{stroke:var(--color-white)}.zoom-lightbox__inner .content-holder{position:relative;overflow:hidden;width:100%;height:100%;padding-bottom:90px}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-column-gap:60px;padding-top:40px}}.zoom-lightbox__inner .content-holder swiper-slider{display:block;margin-bottom:32px}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder swiper-slider{align-self:center;max-width:450px;padding-top:40px;max-height:80vh;display:flex;margin-bottom:0;grid-column:1;justify-self:flex-end;grid-row:1/6}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows{display:none}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows{display:block}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows .button-holder{position:fixed;display:flex;align-items:center;justify-content:center;width:56px;height:56px}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows .button-holder--left{z-index:60;top:50%;left:0;transform:translateY(-50%)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows .button-holder--right{z-index:60;top:50%;right:0;transform:translateY(-50%)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows .button-holder--right svg{width:20px;height:20px}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slider__arrows .button-holder .button--arrow:hover{background-color:var(--color-main)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide{display:flex;padding:80px 0 20px;flex:0 0 100%;flex-flow:column;gap:var(--spacing-5x);height:100%;opacity:0;transition:opacity .3s ease;max-height:500px}@media (min-width: 768px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide{gap:var(--spacing-8x)}}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide{padding:20px 0}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide.swiper-slide-active{opacity:1}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide{justify-content:center;scroll-snap-align:start;padding:0;max-height:unset}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide img{width:100%;height:100%}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch-holder{display:flex;height:240px}@media (min-width: 768px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch-holder{height:340px}}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch-holder{max-height:340px}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch{width:auto;max-width:540px;height:100%;max-height:330px;display:grid;padding:0 86px}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch.open picture,.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch:hover picture{transform:translateY(-15%)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch.open picture:last-child,.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch:hover picture:last-child{transform:translateY(15%)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch picture{width:100%;height:100%;transform:translateY(-10%)}@media (min-width: 768px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch picture img{max-height:330px}}@media (min-width: 768px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch picture{width:120%}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-slide .color-swatch picture:last-child{transform:translateY(10%)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination{position:relative;height:4px!important;width:200px!important;left:0;margin:0 auto;transform:none;z-index:10;text-align:center;transition:.3s opacity;overflow:hidden;font-size:0;bottom:var(--swiper-pagination-bottom, 8px);white-space:nowrap;top:var(--swiper-pagination-top, auto)}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination{display:none}}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot{width:var(--spacing-2x);height:2px;transition:background-color .3s ease;margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px);position:relative;cursor:pointer;border-radius:2px;transform:scale(0);padding:0;box-shadow:none;border:none;background-color:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot.swiper-pagination-bullet-active-prev{transform:scale(.66)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot.swiper-pagination-bullet-active-next-next{transform:scale(.33)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot.swiper-pagination-bullet-active-next{transform:scale(.66)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot.swiper-pagination-bullet-active-main{transform:scale(1)}.zoom-lightbox__inner .content-holder swiper-slider .swiper-pagination .dot.swiper-pagination-bullet-active{background-color:var(--color-dark)!important;opacity:1}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder{max-width:500px}}.zoom-lightbox__inner .content-holder .text-holder.mobile-only{display:block}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder.mobile-only{display:none}}.zoom-lightbox__inner .content-holder .text-holder__title{font-family:MrGinto Nord,georgia;font-size:2.2rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}@media (min-width: 768px){.zoom-lightbox__inner .content-holder .text-holder__title{font-size:3rem;line-height:130%}}.zoom-lightbox__inner .content-holder .text-holder__title{font-size:3rem;font-weight:800;line-height:3.39rem;margin-bottom:12px;padding:0 32px;text-align:center;letter-spacing:-.02rem;color:var(--color-dark)}.zoom-lightbox__inner .content-holder .text-holder__title.mobile-only{display:block}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder__title.mobile-only{display:none}}.zoom-lightbox__inner .content-holder .text-holder__title.desktop-only{display:none}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder__title.desktop-only{display:block}}.zoom-lightbox__inner .content-holder .text-holder__finish{font-family:Poppins,georgia;font-size:1.2rem;font-weight:500;letter-spacing:.12rem;text-transform:uppercase;font-feature-settings:"ss06" on}.zoom-lightbox__inner .content-holder .text-holder__finish{font-size:1.2rem;font-weight:500;line-height:1.8rem;padding:0 32px;text-align:center;letter-spacing:.05rem;color:var(--color-dark)}.zoom-lightbox__inner .content-holder .text-holder__finish.mobile-only{display:block}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder__finish.mobile-only{display:none}}.zoom-lightbox__inner .content-holder .text-holder__finish.desktop-only{display:none}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder__finish.desktop-only{display:block}}.zoom-lightbox__inner .content-holder .text-holder__description{font-family:Poppins,georgia;font-size:1.6rem;font-weight:400;font-style:normal;line-height:2.24rem;font-feature-settings:"ss06" on}@media (min-width: 768px){.zoom-lightbox__inner .content-holder .text-holder__description{font-size:1.8rem;line-height:2.8rem}}.zoom-lightbox__inner .content-holder .text-holder__description{font-size:1.8rem;font-weight:400;line-height:2.2rem;padding:0 32px;text-align:center;color:var(--color-dark);max-width:550px;margin:0 auto}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder__description{font-size:2.2rem;font-weight:400;line-height:3rem;margin-top:var(--spacing-6x)}}.zoom-lightbox__inner .content-holder .text-holder__description .alert{font-size:10px;font-weight:500;line-height:1.6;display:block;margin-top:var(--spacing-4x);padding:var(--spacing-1x) var(--spacing-2x);text-transform:uppercase;border-radius:8px;background-color:var(--color-main-bright)}.zoom-lightbox__inner .content-holder .text-holder p{font-family:Poppins,georgia;font-size:1.4rem;font-weight:400;font-style:normal;line-height:2.24rem;font-feature-settings:"ss06" on}@media (min-width: 768px){.zoom-lightbox__inner .content-holder .text-holder p{font-size:1.4rem}}.zoom-lightbox__inner .content-holder .text-holder p{font-size:1.8rem;font-weight:400;line-height:2.2rem;padding:0 32px;text-align:center;color:var(--color-dark)}@media (min-width: 768px){.zoom-lightbox__inner .content-holder .text-holder p{font-size:1.8rem;font-weight:400;line-height:2.2rem}}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder .text-holder p{font-size:2.2rem;font-weight:400;line-height:3rem}}.zoom-lightbox__inner .content-holder thumbs-slider{width:100%;display:flex}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder thumbs-slider{width:unset;max-width:500px;margin:0;grid-column:2;grid-row:1/4;height:100%;max-height:800px}}.zoom-lightbox__inner .content-holder thumbs-slider .swiper-wrapper{display:flex;flex-flow:row}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder thumbs-slider .swiper-wrapper{max-width:500px;margin:0;flex-flow:column}}.zoom-lightbox__inner .content-holder thumbs-slider .swiper-wrapper .swiper-slide{flex:0 0 100%;height:100%;flex-flow:row}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder thumbs-slider .swiper-wrapper .swiper-slide{display:flex;flex-flow:column;justify-content:flex-end}}.zoom-lightbox__inner .content-holder thumbs-slider .swiper-wrapper .swiper-slide .desktop-only{display:none}@media (min-width: 1028px){.zoom-lightbox__inner .content-holder thumbs-slider .swiper-wrapper .swiper-slide .desktop-only{display:block}}.zoom-lightbox__inner .buttons-holder{position:fixed;z-index:40;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;padding:16px;gap:16px}@media (min-width: 1028px){.zoom-lightbox__inner .buttons-holder{position:relative;align-self:flex-start;justify-content:flex-start;width:unset;padding-left:65px;grid-column:2;grid-row:span 2}}.zoom-lightbox__inner .buttons-holder button{padding:14px 20px}.zoom-lightbox__inner .buttons-holder button:first-child{background-color:var(--color-white)}.zoom-lightbox__inner .buttons-holder button:first-child:hover{color:var(--color-white);background-color:var(--color-dark)}.zoom-lightbox__inner .buttons-holder button:last-child{padding-left:30px}.zoom-lightbox__inner .color-title span{text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/77/assets/snippets-zoom-lightbox.css.map */