.image-block__modal-button{width:100%;background:transparent;border:none;box-shadow:none;position:relative;cursor:pointer;padding:0}.image-block__modal-icon{background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;right:1.2rem;top:1.2rem;z-index:1;transition:color var(--duration-short) ease,opacity var(--duration-short) ease}.image-block__modal-icon .svg-wrapper{height:1.6rem;width:1.6rem}.modal-image{background:rgba(var(--color-foreground),.2);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.modal-image[open]{opacity:1;visibility:visible;z-index:101}.modal-image__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;right:2rem;padding:1.2rem;position:absolute;z-index:2;top:2rem;height:4rem;width:4rem}.modal-image__content{height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100%;background-color:rgb(var(--color-background))}.modal-image__content-info{margin:0 auto;padding-top:8rem;position:relative;text-align:center;width:calc(100% - 1rem);background-color:rgb(var(--color-background))}.modal-image__content-info img{width:100%;height:auto;max-width:100%;border-radius:1.5rem}@media screen and (min-width:750px){.modal-image__content-info{padding-top:9.5rem;width:calc(100% - 9.6rem)}}@media screen and (min-width:990px){.modal-image__content-info{height:auto;margin:3rem auto;padding:0;border-radius:2rem;padding-top:9rem;width:calc(100% - 10rem)}.modal-image__content{background:transparent}}@media screen and (min-width:1200px){.modal-image__content-info{height:auto;width:100rem;margin:3rem auto;padding:0;border-radius:2rem;background-color:rgb(var(--color-background))}.modal-image__content-inner{padding:7rem 10rem 2rem;cursor:auto}}
/*# sourceMappingURL=/cdn/shop/t/389/assets/component-modal-media.css.map */