.content-popup-modal{opacity:1;z-index:10;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.3);height:100%;opacity:0;position:fixed;visibility:hidden}.content-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.content-popup-modal__wrapper{--modal-padding: 2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));max-width:var(--page-width);width:calc(100% - 3rem);height:fit-content;max-height:calc(100dvh - 3rem);overflow:hidden;overflow-y:auto;padding:var(--modal-padding);border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);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))}.content-popup-modal__wrapper>div{overflow-x:auto;scroll-padding:0 1rem}@media screen and (min-width: 750px){.content-popup-modal__wrapper{max-height:calc(100dvh - 6rem)}}@media screen and (min-width: 990px){.content-popup-modal__wrapper{max-height:calc(100dvh - 9rem)}}.content-popup-modal--full-size .content-popup-modal__wrapper{height:100dvh}.content-popup-modal--no-margins .content-popup-modal__wrapper{max-height:100%;width:100%;max-width:100%}.content-popup-modal .content-popup-modal__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;padding:1.2rem;z-index:5;width:4rem;margin-left:auto;min-width:unset;min-height:unset}.content-popup-modal .content-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background))}.content-popup-modal .content-popup-modal__toggle:after{content:none}.content-popup-modal .content-popup-modal__toggle .icon{height:auto;margin:0;width:2.2rem}.content-popup-modal__wrapper>div *:first-child{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/31/assets/component-content-popup-modal.css.map */