.card-zoom{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.card-zoom.is-active{display:flex;opacity:1}.card-zoom__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#110f0ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.card-zoom__content{position:relative;max-width:min(90vw,800px);max-height:min(90vh,800px);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 25px 50px #0009,0 0 0 1px #ffffff1a;transform:scale(.9);animation:zoomIn .3s ease forwards}.card-zoom__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease;cursor:zoom-in}.card-zoom__close{position:absolute;top:1.5rem;right:1.5rem;border:0;width:4rem;height:4rem;background:#fffffff2;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2.4rem;line-height:1;z-index:10;transition:all .2s ease;box-shadow:0 4px 12px #0000004d;color:#333}.card-zoom__close:hover{background:#fff;transform:scale(1.1)}.card-zoom__close:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.card__media.card__media--portrait:hover .card__media-image,.collection-card-wrapper .card__media:hover .card__media-image{transform:scale(1.05)}.card__media-trigger{position:relative;cursor:pointer}.card__media-trigger:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;background:#ffffffe6;border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2;box-shadow:0 4px 12px #0003}.card__media-trigger:before{content:"\1f50d";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}.card__media:hover .card__media-trigger:after,.card__media:hover .card__media-trigger:before{opacity:1}.card__media.card__media--portrait,.collection-card-wrapper .card__media{position:relative;background:#f8f8f8;overflow:hidden}.card__media.card__media--portrait .media,.collection-card-wrapper .card__media .media{position:relative;overflow:hidden}.card__media-image,.collection-card-wrapper .card__media img,.collection-card-wrapper .card__media video,.card__media.card__media--portrait video{display:block;transition:transform .3s ease,opacity .3s ease}.card__media-image[loading=lazy]{opacity:.7;transition:opacity .3s ease}.card__media-image[loading=lazy].loaded{opacity:1}@media (max-width: 768px){.card-zoom__content{max-width:95vw;max-height:85vh;margin:1rem}.card-zoom__close{width:3.2rem;height:3.2rem;font-size:2rem;top:1rem;right:1rem}.card__media-trigger:after{width:3rem;height:3rem}.card__media-trigger:before{font-size:1.2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}html.card-zoom-open,html.card-zoom-open body{overflow:hidden}@media (prefers-reduced-motion: reduce){.card-zoom,.card-zoom__backdrop,.card-zoom__content,.card__media-image,.card__media-trigger:after,.card__media-trigger:before{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/card-zoom-enhancements.css.map */