.modal-form{background:rgb(var(--color-background));box-sizing:border-box;display:block;position:fixed;top:0;left:0;overflow:hidden;height:100%;width:100%;margin:0;z-index:-1}@media screen and (min-width: 750px){.modal-form{border-radius:2rem;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:min(80rem,calc(100vw - (var(--spacing-edge) * 2)));max-height:80vh}}details[open]>.modal-form{opacity:1;visibility:visible;z-index:101}body.has-open-modal details:not([open]) summary{z-index:-1}.modal-form__content{display:flex;flex-direction:column;height:100%}.modal-form__header{background-color:rgb(var(--color-modal-header));display:flex;align-items:center;justify-content:flex-start;text-align:left;position:relative;padding:1.8rem 6rem 1.8rem 2rem;width:100%}@media screen and (min-width: 750px){.modal-form__header{justify-content:center;text-align:center;padding:1.8rem 6rem}}.modal-form__heading{font-size:var(--font-size-modal-heading);line-height:min(1.4em,3rem);margin:0}.modal-form__header .modal__close{position:absolute;top:50%;right:2rem;transform:translateY(-50%);transition:transform var(--transition-hover);will-change:transform}.modal-form__header .modal__close:hover{transform:translateY(-50%) scale(1.08);transition:transform var(--transition-hover-out)}.modal-form__header .modal__close:active{transform:translateY(-50%) scale(1.02);transition:transform var(--transition-hover-out)}.modal-form__inner{display:flex;flex-direction:column;flex-grow:1;overflow:auto;padding:2rem}.modal-form__header+.modal-form__inner{padding-top:var(--spacing-edge)}.modal-form__description{text-align:center;margin-bottom:var(--spacing-edge)}.modal-form__form{display:flex;flex-direction:column;flex-grow:1}.modal-form__form form{margin-top:0}.modal-form__form .field:first-of-type{margin-top:0}.modal-form__buttons{display:flex;flex-direction:column;align-items:stretch;gap:1rem;padding-top:var(--spacing-edge);width:100%;margin-top:auto}@media screen and (min-width: 750px){.modal-form__buttons{flex-direction:row}.modal-form__buttons>*{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/756/assets/component-modal-form.css.map */