.generic-modal{box-sizing:border-box;opacity:0;visibility:hidden;z-index:-1;background:rgba(var(--color-foreground),.2);width:100%;height:100%;margin:0 auto;position:fixed;top:0;left:0;overflow:auto}.generic-modal[open]{opacity:1;visibility:visible;z-index:101}.generic-modal--padless .generic-modal__content{padding:0}.generic-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);width:92%;max-height:80%;box-shadow:var(--popup-shadow-horizontal-offset)var(--popup-shadow-vertical-offset)var(--popup-shadow-blur-radius)rgba(var(--color-shadow),var(--popup-shadow-opacity));margin:0 auto;padding:1.5rem;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.generic-modal__content.focused,.generic-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset)var(--popup-shadow-vertical-offset)var(--popup-shadow-blur-radius)rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (width>=750px){.generic-modal__content{width:70%;padding:3rem}.product-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}}.generic-modal__toggle{background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.55);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:2rem;padding:.5rem;display:flex;position:fixed;top:1rem;right:1rem}