custom-popup{display:contents}.custom-popup{width:calc(100% - 3rem);max-width:var(--custom-popup-max-width, 500px);max-height:calc(100% - 3rem);padding:0;overflow:auto;color:rgb(var(--color-foreground));border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:var(--popup-corner-radius);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))}.custom-popup:not([open]){display:none}.custom-popup__inner{position:relative}.custom-popup__close{position:absolute;top:.8rem;right:.8rem;z-index:1;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:none;border-radius:50%;cursor:pointer}.custom-popup__close svg{width:1.6rem;height:1.6rem;transition:transform var(--duration-short) ease}.custom-popup__close:hover{background-image:linear-gradient(rgba(var(--color-foreground),.12),rgba(var(--color-foreground),.12))}.custom-popup__close:hover svg{transform:scale(1.15)}.custom-popup__media a{display:block}.custom-popup__image{display:block;width:100%;height:auto}.custom-popup__content{display:flex;flex-direction:column;gap:1.6rem;padding:5.6rem 3rem 3rem}.custom-popup__media+.custom-popup__content{padding-top:3rem}.custom-popup__content.left{align-items:flex-start;text-align:left}.custom-popup__content.center{align-items:center;text-align:center}.custom-popup__content.right{align-items:flex-end;text-align:right}.custom-popup .custom-popup__button{color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));transition:transform var(--duration-short) ease,background-color var(--duration-short) ease}.custom-popup .custom-popup__button:hover{transform:translateY(-1px);background-color:rgba(var(--color-foreground),.1)}@media(prefers-reduced-motion:reduce){.custom-popup .custom-popup__button:hover,.custom-popup__close:hover svg{transform:none}}.custom-popup__heading,.custom-popup__text>:first-child{margin-top:0}.custom-popup__text>:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/21/assets/custom-popup.css.map */