.article-card__zoom{position:absolute;top:1.2rem;left:1.2rem;z-index:2}.article-card__zoom-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:transparent;border:0;border-radius:50%;color:rgb(var(--color-foreground));cursor:zoom-in}.article-card__zoom-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%}.article-card__zoom-icon .icon{width:1.6rem;height:1.6rem}.article-card__zoom-button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.article-card__zoom--full{top:0;right:0;bottom:0;left:0}.article-card__zoom--full .article-card__zoom-button{align-items:flex-start;justify-content:flex-start;width:100%;height:100%;border-radius:0}.article-card__zoom--full .article-card__zoom-icon{margin:1.2rem}.article-card__zoom--full .article-card__zoom-button:focus-visible{outline-offset:-.2rem}.pk-image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-background));visibility:hidden;opacity:0;z-index:-1}.pk-image-modal[open]{visibility:visible;opacity:1;z-index:101}.pk-image-modal__dialog{display:flex;align-items:center;height:100vh}.pk-image-modal__content{width:100%;max-height:100vh;overflow:auto}.pk-image-modal__item{display:block;margin:auto}.pk-image-modal__item>img{display:block;width:100%;height:auto;max-width:100%}.pk-image-modal__item+.pk-image-modal__item{margin-top:2rem}.pk-image-modal__toggle{position:fixed;top:2rem;right:2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;padding:1.2rem;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);cursor:pointer}.pk-image-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.pk-image-modal__toggle .icon{width:2.2rem;height:auto;margin:0}@media screen and (min-width:750px){.pk-image-modal__content{padding:2rem 11rem}.pk-image-modal__toggle{top:2.2rem;right:5rem}}@media screen and (min-width:990px){.pk-image-modal__item+.pk-image-modal__item{margin-top:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-pk-article-zoom.css.map */