.modal{z-index:301;--modal-container-scale:0.8;--modal-padding:0 1rem 1rem;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease-out}@media(min-width:1024px){.modal{--modal-padding:0 4rem 4rem}}.modal.show{--modal-container-scale:1;opacity:1;visibility:visible}.modal__controls{display:flex;align-items:flex-start;justify-content:flex-end;position:sticky;top:0;z-index:2;padding:1rem}@media(min-width:1024px){.modal__controls{padding-right:.5rem}}.modal__bg{position:fixed;inset:0;background-color:var(--color-transparent-bg);z-index:0}.modal__container{position:fixed;z-index:1;background-color:var(--background-color);max-width:100vw;max-height:100vh;overflow:auto;transform:scale(var(--modal-container-scale));transition:transform .3s ease-out;inset:0;display:flex;flex-direction:column;gap:var(--modal-padding)}@media(min-width:1024px){.modal__container{position:relative;max-width:calc(100svw - 4rem);max-height:calc(100svh - 4rem);width:996px;inset:auto}}.modal__content{display:flex;flex-direction:column;background-color:var(--background-color);gap:calc(2*var(--spacing));padding:var(--modal-padding)}.modal__control-icon{cursor:pointer}.modal__section{border-bottom:1px solid var(--color-border);padding-bottom:calc(2*var(--spacing))}.modal__section--is-large{padding-top:calc(2*var(--spacing));padding-bottom:calc(4*var(--spacing))}.modal__section-header{margin-bottom:var(--spacing);font-weight:700}.modal__section-header--large{font-size:var(--m-font-size)}.modal__section-header--center{text-align:center}.modal--no-border .modal__section{border:none}.modal__text-button{display:none;appearance:none;border:none;background:none;padding:0;cursor:pointer;font-size:var(--s-font-size)}.modal__section-header-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing)}.modal__section-header-text{font-family:var(--typo-hx-font-family);font-weight:var(--typo-hx-font-weight);line-height:var(--typo-hx-line-height);font-style:var(--typo-hx-font-style);font-size:var(--typo-l-font-size);font-family:var(--typo-l-font-family,var(--typo-hx-font-family));font-weight:var(--typo-l-font-weight,var(--typo-hx-font-weight));line-height:var(--typo-l-line-height,var(--typo-hx-line-height));font-style:var(--typo-l-font-style,var(--typo-hx-font-style))}