.content-modal{border:none;padding:0;margin:auto;width:100%;max-width:var(--modal-max-width, 600px);max-height:var(--modal-max-height, 85dvh);background:var(--color-background);border-radius:var(--modal-radius, 12px);box-shadow:0 25px 50px -12px #00000040;overflow:hidden;opacity:0;transform:scale(.95) translateY(10px);transition:opacity .3s ease,transform .3s ease}.content-modal:not([open]){display:none}.content-modal[open]{opacity:1;transform:scale(1) translateY(0)}.content-modal__inner{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.content-modal::backdrop{opacity:0;transition:opacity .3s ease}.content-modal[open]::backdrop{opacity:1}.content-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.content-modal__title{margin:0;flex:1;color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);line-height:var(--font-heading--line-height);letter-spacing:var(--font-heading--letter-spacing);text-transform:var(--font-heading--text-transform)}.content-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--color-foreground);transition:background .2s ease;flex-shrink:0}.content-modal__close:hover{background:var(--color-background-alt)}.content-modal__close svg{width:20px;height:20px}.content-modal__body{flex:1;overflow-y:auto}.content-modal__footer{display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--color-border);flex-shrink:0}body.content-modal-open{overflow:hidden}.content-modal-trigger.link{background:none;border:none;padding:0;text-decoration:none;text-decoration-color:currentcolor;cursor:pointer;font:inherit;color:inherit}.content-modal-trigger.link:hover{color:var(--color-primary-hover);text-decoration-color:transparent}@media(max-width:640px){.content-modal{max-height:95vh;max-height:95dvh;max-width:calc(100% - 20px)}.content-modal__header,.content-modal__footer{padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom.modal.css.map */