.image-preview-section{padding:3rem 0}.image-preview__heading{margin:0 0 1.5rem;text-align:center}.image-preview__description{margin:0 0 2rem;text-align:center;max-width:60rem;margin-left:auto;margin-right:auto}.image-preview__container{display:flex;justify-content:center;align-items:center;margin:0 auto}.image-preview__image-wrapper{position:relative;cursor:pointer;overflow:hidden;border-radius:.8rem;transition:transform .3s ease;width:100%;padding:0 20px}.image-preview__image-wrapper:hover{transform:scale(1.02)}.image-preview__image{display:block;width:100%;height:auto;max-width:100%;transition:opacity .3s ease}.image-preview__image--rounded{border-radius:.8rem}.image-preview__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;color:#fff;pointer-events:none}.image-preview__image-wrapper:hover .image-preview__overlay{opacity:1}.image-preview__zoom-icon{width:4rem;height:4rem;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.image-preview__zoom-icon svg{width:2rem;height:2rem;color:#333}.image-preview__click-text{font-size:1.4rem;font-weight:500;text-align:center;padding:0 1rem}.image-preview-modal{background:#000c;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.image-preview-modal[open]{display:flex}.image-preview-modal__content{position:relative;max-width:90vw;max-height:90vh;background:transparent;border-radius:.8rem;overflow:hidden}.image-preview-modal__close{position:absolute;top:1rem;right:0;background:#ffffffe6;border:none;border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:background-color .3s ease}.image-preview-modal__close:hover{background:#fff}.image-preview-modal__close svg{width:2rem;height:2rem;color:#333}.image-preview-modal__image-container{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.image-preview-modal__image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.8rem;box-shadow:0 2rem 4rem #0000004d}@media screen and (max-width: 749px){.image-preview-section{padding:2rem 0}.image-preview__heading{margin:0 0 1rem;font-size:2.4rem}.image-preview__description{margin:0 0 1.5rem;font-size:1.4rem}.image-preview__container{max-width:100%;padding:0 1.5rem}.image-preview__image-wrapper,.image-preview__image--rounded{border-radius:.6rem}.image-preview__zoom-icon{width:3.5rem;height:3.5rem}.image-preview__zoom-icon svg{width:1.8rem;height:1.8rem}.image-preview__click-text{font-size:1.2rem}.image-preview-modal{padding:1rem}.image-preview-modal__content{max-width:95vw;max-height:95vh}.image-preview-modal__close{top:-3.5rem;width:3.5rem;height:3.5rem}.image-preview-modal__close svg{width:1.8rem;height:1.8rem}.image-preview-modal__image{max-height:95vh}}@media screen and (max-width: 480px){.image-preview__container{padding:0 1rem}.image-preview__heading{font-size:2rem}.image-preview__description{font-size:1.3rem}.image-preview__zoom-icon{width:3rem;height:3rem}.image-preview__zoom-icon svg{width:1.5rem;height:1.5rem}.image-preview__click-text{font-size:1.1rem}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.image-preview-modal[open]{animation:modalFadeIn .3s ease-out}.image-preview-modal[open] .image-preview-modal__content{animation:modalSlideIn .3s ease-out}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-image-preview.css.map */