.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.modal[hidden]{display:none}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-black);opacity:0;transition:opacity .25s ease}.modal--open .modal__backdrop{opacity:.6}.modal__close{position:absolute;top:var(--space-5);right:var(--space-5);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;border:none;border-radius:var(--radius-default);background:transparent;color:var(--color-white);cursor:pointer;transition:color .2s ease}.modal__close .icon{width:var(--space-5);height:var(--space-5)}.modal__close:hover{color:var(--color-grey-on-light)}.modal__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:var(--space-96);max-height:calc(100dvh - var(--space-10));overflow:hidden;border-radius:var(--radius-default);background-color:var(--color-background);color:var(--color-white);box-shadow:var(--shadow-default);opacity:0;transform:translateY(var(--space-2));transition:opacity .25s ease,transform .25s ease}.modal--open .modal__panel{opacity:1;transform:translateY(0)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);padding-inline-end:var(--space-14);border-bottom:var(--space-px) solid color-mix(in srgb,var(--color-white) 10%,transparent)}.modal__title{margin:0;font-family:var(--font-family-title);font-size:var(--font-size-lg);font-weight:700;line-height:1.2;color:inherit}.modal__body{padding:var(--space-5);overflow:auto}.modal--form .modal__panel{width:auto;max-width:none;max-height:none;overflow:visible;background:transparent;color:inherit;box-shadow:none;border-radius:var(--radius-none)}.modal--form .modal__body{padding:0;overflow:visible}.modal--form .form-card{min-height:0;padding-block:0;flex:none}body.modal-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.modal__backdrop,.modal__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/modal.css.map */