.gigi-collection-image-modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#00000029;height:100%;left:0;opacity:0;overflow-x:hidden;position:fixed;top:0;transition:opacity .22s ease,visibility .22s ease;visibility:hidden;width:100%;z-index:-1}html.gigi-collection-modal-open,body.gigi-collection-modal-open{overflow:hidden;overscroll-behavior:none}body.gigi-collection-modal-open{left:0;position:fixed;right:0;width:100%}.gigi-collection-image-modal[open]{opacity:1;overscroll-behavior:none;visibility:visible;z-index:10000}.gigi-collection-image-modal__dialog{align-items:center;background:transparent;display:flex;height:100vh;overflow-x:hidden;justify-content:center}.gigi-collection-image-modal__content{align-items:center;background:transparent;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:6rem 1.8rem 2rem;width:100%}.gigi-collection-image-modal__shell{align-items:center;display:flex;flex-direction:column;gap:2.4rem;max-width:min(100%,120rem);width:100%}.gigi-collection-image-modal .gigi-collection-image-modal__content>.gigi-collection-image-modal__shell{display:flex}.gigi-collection-image-modal__stage-wrap{align-items:center;display:flex;gap:0;justify-content:center;width:100%}.gigi-collection-image-modal__stage{align-items:center;display:flex;flex:1 1 auto;justify-content:center;min-width:0}.gigi-collection-image-modal__frame{border-radius:8px;display:block;margin:0 auto;max-width:100%;overflow:hidden;position:relative}.gigi-collection-image-modal__loader{height:100%;top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .28s ease;width:100%;z-index:2}.gigi-collection-image-modal__loader.is-fading-out{opacity:0}.gigi-collection-image-modal__loader[hidden]{display:none}.gigi-collection-image-modal__preview{border-radius:inherit;display:block;filter:blur(10px);height:100%;object-fit:cover;object-position:center;transform:scale(1.04);width:100%}.gigi-collection-image-modal__skeleton{border-radius:inherit;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute}.gigi-collection-image-modal__skeleton:after{animation:gigi-collection-modal-shimmer 1.15s ease-in-out infinite;background:linear-gradient(90deg,#fff0,#8cd20147,#fff0);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translate(-100%)}.gigi-collection-image-modal__image{background:transparent;border-radius:inherit;display:block;height:100%;top:0;right:0;bottom:0;left:0;margin:0;object-fit:contain;object-position:center;opacity:0;position:absolute;transition:opacity .28s ease;width:100%;z-index:1}.gigi-collection-image-modal__image.is-visible{opacity:1;z-index:3}@keyframes gigi-collection-modal-shimmer{to{transform:translate(100%)}}.gigi-collection-image-modal__nav{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;border:.1rem solid rgba(0,0,0,.08);border-radius:50%;box-shadow:0 .4rem 1.6rem #0000001f;color:#000;cursor:pointer;display:inline-flex;flex-shrink:0;height:4.4rem;isolation:isolate;justify-content:center;padding:0;position:relative;transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,transform .18s cubic-bezier(.2,0,0,1);transform:scale(1);transform-origin:center;width:4.4rem;z-index:2}.gigi-collection-image-modal__nav .svg-wrapper{display:none}.gigi-collection-image-modal__nav:before{border-color:currentColor;border-style:solid;border-width:.18rem .18rem 0 0;content:"";height:.9rem;left:50%;pointer-events:none;position:absolute;top:50%;transition:none;width:.9rem}.gigi-collection-image-modal__nav--prev:before{transform:translate(-42%,-50%) rotate(-135deg)}.gigi-collection-image-modal__nav--next:before{transform:translate(-58%,-50%) rotate(45deg)}.gigi-collection-image-modal__nav:hover,.gigi-collection-image-modal__nav:focus-visible{background:#8cd2018c;border-color:#8cd2017a;box-shadow:0 .4rem 1.6rem #00000029;color:#000}.gigi-collection-image-modal__nav:not([disabled]):active,.gigi-collection-image-modal__nav.is-keyboard-pressed{transform:scale(.96)}.gigi-collection-image-modal__thumbs{--gigi-modal-thumb-edge-fade: 2.6rem;--gigi-modal-thumb-mask: linear-gradient( 90deg, transparent 0, #000000 var(--gigi-modal-thumb-edge-fade), #000000 calc(100% - var(--gigi-modal-thumb-edge-fade)), transparent 100% );flex:0 1 auto;display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:flex-start;max-width:min(100%,54rem);min-width:0;overflow-x:auto;padding:.2rem;scroll-behavior:smooth;scrollbar-width:none;-webkit-mask-image:var(--gigi-modal-thumb-mask);mask-image:var(--gigi-modal-thumb-mask)}.gigi-collection-image-modal__thumbs::-webkit-scrollbar{display:none}.gigi-collection-image-modal__thumbs[data-gigi-thumb-edge=start]{--gigi-modal-thumb-mask: linear-gradient( 90deg, transparent 0, #000000 var(--gigi-modal-thumb-edge-fade), #000000 100% )}.gigi-collection-image-modal__thumbs[data-gigi-thumb-edge=end]{--gigi-modal-thumb-mask: linear-gradient( 90deg, #000000 0, #000000 calc(100% - var(--gigi-modal-thumb-edge-fade)), transparent 100% )}.gigi-collection-image-modal__thumbs[data-gigi-thumb-edge=none]{-webkit-mask-image:none;mask-image:none}.gigi-collection-image-modal__thumb-row{align-items:center;display:flex;gap:1rem;isolation:isolate;justify-content:center;max-width:100%;padding-top:20px;position:relative;width:100%}.gigi-collection-image-modal__thumb-row[hidden]{display:none}.gigi-collection-image-modal__thumb{align-items:center;aspect-ratio:1 / 1;background:#fff;border:.2rem solid rgba(0,0,0,.12);border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 5.6rem;height:5.6rem;justify-content:center;overflow:hidden;padding:0;transition:border-color .22s ease,transform .22s ease;width:5.6rem}.gigi-collection-image-modal__thumb:hover,.gigi-collection-image-modal__thumb:focus-visible{border-color:#8cd201;transform:translateY(-.2rem)}.gigi-collection-image-modal__thumb[aria-current=true]{border-color:#8cd201}.gigi-collection-image-modal__thumb-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.gigi-collection-image-modal__close{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:50%;color:#000;cursor:pointer;display:inline-flex;height:4rem;justify-content:center;padding:0;position:fixed;right:1.8rem;top:1.8rem;transition:background-color .22s ease,border-color .22s ease,color .22s ease;width:4rem;z-index:2}.gigi-collection-image-modal__close:hover,.gigi-collection-image-modal__close:focus-visible{background:#8cd201;border-color:#8cd201;color:#000}.gigi-collection-image-modal__close .svg-wrapper{height:1.6rem;width:1.6rem}@media screen and (min-width:750px){.gigi-collection-image-modal__content{padding:7rem 4rem 3rem}.gigi-collection-image-modal__image{max-height:calc(100vh - 20rem)}.gigi-collection-image-modal__close{right:2rem;top:2rem}}@media screen and (max-width:749px){.gigi-collection-image-modal__stage-wrap{gap:0}.gigi-collection-image-modal__thumb-row{gap:.8rem}.gigi-collection-image-modal__nav{height:3.8rem;width:3.8rem}.gigi-collection-image-modal__image{max-height:calc(100vh - 20rem)}.gigi-collection-image-modal__thumb{flex-basis:4.8rem;height:4.8rem;width:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-gigi-image-modal.css.map */