.popup-modal{background:rgb(var(--color-background));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));color:rgb(var(--color-foreground));max-width:52rem;width:90vw;padding:0}.popup-modal[open]{display:block}.popup-modal{border-color:rgba(var(--color-foreground),var(--popup-border-opacity))}.popup-modal:modal{margin:auto;max-width:52rem;width:90vw}.popup-modal::backdrop{background-color:rgba(var(--color-foreground),.6);-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.popup-content{padding:3rem 2rem 2rem;position:relative;text-align:center;background-color:#fff}.popup-close{background:transparent;border:none;color:rgba(var(--color-foreground),.7);cursor:pointer;height:4rem;padding:0;position:absolute;right:1rem;top:1rem;width:4rem;transition:color var(--duration-short) ease}.popup-close:hover,.popup-close:focus{color:rgb(var(--color-foreground))}.popup-close .icon{height:1.8rem;width:1.8rem}.popup-heading{margin:0 0 1.5rem;color:rgb(var(--color-foreground))}.popup-text{margin:0 0 2rem;line-height:1.6}.popup-text p{margin-bottom:1.5rem}.popup-text p:last-child{margin-bottom:0}.popup-text a{color:rgb(var(--color-link));text-decoration:underline;transition:color var(--duration-short) ease}.popup-text a:hover,.popup-text a:focus{color:rgba(var(--color-link),.8)}.popup-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.popup-buttons .button{flex:1;min-width:14rem;max-width:20rem}.popup-dismiss{border-top:.1rem solid rgba(var(--color-foreground),.1);margin-top:2rem;padding-top:2rem}.popup-dismiss-label{color:rgba(var(--color-foreground),.8);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;gap:.8rem;margin:0}.popup-dismiss-checkbox{margin:0}.popup-modal[open]{animation:popup-fade-in .3s ease-out}.popup-modal:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}@keyframes popup-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media screen and (max-width: 749px){.popup-modal{width:95vw;max-height:90vh;overflow-y:auto}.popup-content{padding:2.5rem 1.5rem 1.5rem}.popup-buttons{flex-direction:column}.popup-buttons .button{flex:none;min-width:auto;max-width:none}.popup-heading{font-size:2.4rem;margin-bottom:1rem}.popup-text{margin-bottom:1.5rem;font-size:1.4rem}}@media screen and (min-width: 750px){.popup-content{padding:4rem 3rem 3rem}.popup-buttons .button{flex:none}}@media (prefers-contrast: high){.popup-modal{border-width:.2rem}.popup-close{border:.1rem solid rgba(var(--color-foreground),.5);border-radius:var(--inputs-radius)}}@media (prefers-reduced-motion: reduce){.popup-modal[open]{animation:none}.popup-close,.popup-text a{transition:none}}.popup-modal.color-scheme-1{--color-background: var(--color-scheme-1-background);--color-foreground: var(--color-scheme-1-text);--color-link: var(--color-scheme-1-link);--color-shadow: var(--color-scheme-1-shadow)}.popup-modal.color-scheme-2{--color-background: var(--color-scheme-2-background);--color-foreground: var(--color-scheme-2-text);--color-link: var(--color-scheme-2-link);--color-shadow: var(--color-scheme-2-shadow)}.popup-modal.color-scheme-3{--color-background: var(--color-scheme-3-background);--color-foreground: var(--color-scheme-3-text);--color-link: var(--color-scheme-3-link);--color-shadow: var(--color-scheme-3-shadow)}.popup-modal.color-scheme-4{--color-background: var(--color-scheme-4-background);--color-foreground: var(--color-scheme-4-text);--color-link: var(--color-scheme-4-link);--color-shadow: var(--color-scheme-4-shadow)}.popup-modal.color-scheme-5{--color-background: var(--color-scheme-5-background);--color-foreground: var(--color-scheme-5-text);--color-link: var(--color-scheme-5-link);--color-shadow: var(--color-scheme-5-shadow)}@media print{.popup-modal{display:none!important}}@media (prefers-color-scheme: dark){.popup-modal::backdrop{background-color:#000c}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-popup.css.map */