.swatch-zoom-trigger{cursor:pointer;background:none;border:none;position:absolute;right:0;bottom:0}.swatch-zoom-trigger svg{width:100%;height:100%;display:block}.swatch-zoom-trigger .svg-wrapper{position:absolute;z-index:1;height:20px;width:20px;right:8px;bottom:8px;margin-right:0}.swatch-zoom-modal{padding:0;border:none;background:rgba(0,0,0,0);max-width:90vw;max-height:90vh;overflow:visible;border-radius:8px}.swatch-zoom-modal::backdrop{background:rgba(55,39,39,.3);animation:fadeIn .25s ease forwards}.swatch-zoom-modal__container{position:relative;max-width:76.4rem;height:auto}.swatch-zoom-modal__image{display:block;max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .15s ease}.swatch-zoom-modal__image.loaded{opacity:1}.swatch-zoom-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:none;opacity:0;pointer-events:none;transition:none}.swatch-zoom-modal__close.is-visible{opacity:1;pointer-events:auto}.swatch-zoom-modal__close:focus,.swatch-zoom-modal__close:focus-visible{outline:none}.swatch-zoom-modal__close:hover{opacity:.7}.swatch-zoom-modal__close svg{width:32px;height:32px;display:block}