.modal-overlay{z-index:2;background-color:#0009;flex-direction:column;justify-content:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal{contain:content;-webkit-overflow-scrolling:touch;background-color:var(--background);width:100%;max-width:calc(100vw - 40px);height:auto;max-height:calc(100vh - 120px);position:relative;overflow-y:auto}@media screen and (min-width:860px){.modal-overlay{align-items:center}.modal{max-width:800px}}.modal__header{padding:var(--space-h);justify-content:flex-end;align-items:center;padding-bottom:0;display:flex}.modal__header:has(h2){padding-bottom:var(--space-h);border-bottom:1px solid var(--border);justify-content:space-between}.modal__header h2{text-align:center;font-weight:600;font-size:var(--font-default);flex:auto;margin:0}.modal__back,.modal__close{flex:none;width:16px}.modal__header button{appearance:none;cursor:pointer;background:0 0;border:0;padding:0}.modal__content{padding:var(--space-v) var(--space-h);position:relative;inset:0}.modal:has(.modal__header) .modal__content{padding-top:0}.modal:has(.modal__header h2) .modal__content{padding-top:var(--space-h)}.modal:not(:has(footer)) .modal__content{padding-bottom:var(--space-h)}.modal__content h2{margin:var(--space-v-medium) 0 var(--space-v) 0;font-weight:600;font-size:var(--font-mediumplus)}.modal__content h2:first-child{margin-top:0}.modal__close{appearance:none;cursor:pointer;background:0 0;border:none;padding:0;display:block}