.popup{display:none;position:fixed;width:100%;height:100%;z-index:2000;top:0;left:0}.popup[open],.popup--open{display:block}.popup-opener *{pointer-events:none}.popup-background{width:100%;height:100%;opacity:.2;background-color:#000;pointer-events:auto}.popup-panel{z-index:2001;margin:1rem;top:0;left:0;position:absolute;width:calc(100% - 2rem);height:calc(100% - 2rem);background-color:rgb(var(--color-background));border:1px solid #ccc;overflow:scroll}.popup-panel__header{display:flex;border-bottom:1px solid #ccc;text-transform:uppercase;padding:1rem 2rem;font-size:1.2rem;align-items:center}.popup-close-button{pointer-events:auto;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;position:sticky;padding:1.2rem;z-index:2;top:1.5rem;width:4rem;margin:0 0 0 auto}.popup-close-button *{pointer-events:none}.popup-content{padding:2rem;text-align:left}@media screen and (min-width: 750px){.popup-panel{width:600px;height:calc(100vh - 10rem);left:calc(50vw - 300px);margin:5rem auto 0}}
/*# sourceMappingURL=/cdn/shop/t/192/assets/component-popup.css.map */