.c-common-modal-images{--base-delay:.05s}.c-common-modal-images .base-modal-backdrop{display:none}.page-single-collection .c-common-modal-images{--base-delay:.25s}.c-common-modal-images__scroller{background-color:#fff;color:#000;height:100%;overflow-y:auto;width:100%;z-index:20}@media(min-width:800px){.c-common-modal-images__close-button-wrap{padding-right:calc(var(--column)*1 + var(--gutter)*0)}}.c-common-modal-images__close-button{width:calc(var(--column)*1 + var(--gutter)*0)}@media(min-width:550px){.c-common-modal-images__close-button{width:50px}}@media(min-width:800px){.c-common-modal-images__close-button{width:calc(var(--column)*1 + var(--gutter)*0)}}@media(any-hover:hover)and (pointer:fine){.c-common-modal-images__close-button:hover svg{transform:scale(.85)}}.c-common-modal-images__close-button svg{transition:transform .3s cubic-bezier(.32,.94,.6,1)}.c-common-modal-images__left-column:before{border-right:1px solid #000;bottom:0;content:"";position:absolute;right:0;top:0}.c-common-modal-images__sticky-column{min-height:100vh;min-height:100svh}.c-common-modal-images__sticky-column:before{border-right:1px solid #000;bottom:2rem;content:"";position:absolute;right:0;top:2rem}.c-common-modal-images__thumbnail-list{width:calc(var(--column)*1 + var(--gutter)*0)}.c-common-modal-images__thumbnail-button:focus-visible img,.c-common-modal-images__thumbnail-button:focus-visible picture,.c-common-modal-images__thumbnail-button:hover img,.c-common-modal-images__thumbnail-button:hover picture{transform:scale(1.05)}.c-common-modal-images__thumbnail-button img,.c-common-modal-images__thumbnail-button picture{transform:scale(1);transition:transform .6s cubic-bezier(.32,.94,.6,1)}@media(prefers-reduced-motion:reduce){.c-common-modal-images__thumbnail-button img,.c-common-modal-images__thumbnail-button picture{transition:none}}.c-common-modal-images__left-column:before,.c-common-modal-images__sticky-column:before{transform:scaleY(0) translateZ(0);transform-origin:top;transition:transform .4s cubic-bezier(.32,.94,.6,1)}.c-common-modal-images__thumbnail-item{opacity:0;transform:translateY(30px) translateZ(0);transition:opacity .3s cubic-bezier(.32,.94,.6,1),transform .4s cubic-bezier(.32,.94,.6,1)}.c-common-modal-images__close-button-wrap,.c-common-modal-images__infos-container,.c-common-modal-images__right-column{opacity:0;transition:opacity .3s cubic-bezier(.32,.94,.6,1)}.c-common-modal-images__scroller{opacity:0}.-is-active .c-common-modal-images__scroller,.-was-active .c-common-modal-images__scroller{transition:opacity .5s cubic-bezier(.32,.94,.6,1)}.-is-active .c-common-modal-images__scroller{opacity:.999;transition-delay:var(--base-delay)}.-is-active .c-common-modal-images__scroller .c-common-modal-images__left-column:before,.-is-active .c-common-modal-images__scroller .c-common-modal-images__sticky-column:before{transform:scaleY(1) translateZ(0);transition-delay:calc(var(--base-delay) + .1s);transition-duration:.7s}.-is-active .c-common-modal-images__scroller .c-common-modal-images__left-column:before{transition-delay:calc(var(--base-delay) + .2s);transition-duration:.6s}.-is-active .c-common-modal-images__scroller .c-common-modal-images__thumbnail-item{opacity:1;transform:translateY(0) translateZ(0);transition-delay:calc(var(--base-delay) + .1s + .05s*var(--index));transition-duration:.55s}.-is-active .c-common-modal-images__scroller .c-common-modal-images__infos-container,.-is-active .c-common-modal-images__scroller .c-common-modal-images__right-column{opacity:1;transition-delay:calc(var(--base-delay) + .05s);transition-duration:.5s}@media(min-width:800px){.-is-active .c-common-modal-images__scroller .c-common-modal-images__infos-container,.-is-active .c-common-modal-images__scroller .c-common-modal-images__right-column{transition-delay:calc(var(--base-delay) + .2s)}}.-is-active .c-common-modal-images__close-button-wrap{opacity:1;transition-delay:calc(var(--base-delay) + .05s);transition-duration:.4s}
