.popup-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;padding:16px}.popup-wrapper[open]{opacity:1;visibility:visible}.popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}.popup-card{position:relative;z-index:1;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--popup-radius);box-shadow:0 10px 40px #00000040;display:flex;flex-direction:column;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.popup-wrapper[open] .popup-card{transform:translateY(0)}.popup-media{width:100%;height:220px;flex-shrink:0;position:relative;background-color:#0000000d}.popup-image{width:100%;height:100%;object-fit:cover;display:block}.popup-content{padding:24px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.text-center{text-align:center;align-items:center}.text-left{text-align:left;align-items:flex-start}.text-right{text-align:right;align-items:flex-end}@media screen and (min-width:750px){.popup-card{max-width:var(--popup-width)}.popup-layout--left{flex-direction:row!important}.popup-layout--left .popup-media{width:50%!important;height:auto!important;min-height:350px;flex-basis:50%}.popup-layout--left .popup-content{width:50%!important;flex-basis:50%}.popup-layout--top .popup-media{width:100%;height:280px}}.popup-heading{margin:0 0 12px;color:rgb(var(--color-foreground));line-height:1.2}.popup-text{margin-bottom:24px;color:rgba(var(--color-foreground),.8);font-size:1.5rem;line-height:1.5}.popup-text p{margin-top:0;margin-bottom:10px}.popup-actions,.popup-actions .button{width:100%}@media screen and (min-width:750px){.popup-actions .button{width:auto;min-width:160px}}.popup-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:rgba(var(--color-background),.8);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .2s,background .2s}.popup-close-btn:hover{transform:scale(1.1);background:rgb(var(--color-background))}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map?subset=AAAAAABA */