.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);gap:var(--spacing-xl);width:min(47rem,90vw);max-height:80vh;padding:var(--spacing-xl);border-radius:1rem;flex-direction:column;display:flex;box-shadow:0 8px 32px #00000029}@media (max-width:768px){.modal-overlay{align-items:flex-end}.modal{width:100%;max-height:90vh;padding:var(--spacing-lg);border-radius:1.5rem 1.5rem 0 0}}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.modal__header-content{align-items:flex-start;gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex}.modal__title-icon{justify-content:center;align-items:flex-start;display:inline-flex}.modal__title-icon>*{object-fit:contain;width:3.5rem;height:3.5rem}.modal__title{color:var(--color-neutral-10);text-align:start;margin:0}.modal__close{cursor:pointer;width:2rem;height:2rem;color:var(--color-neutral-30);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.modal__close:hover{background:var(--color-neutral-90)}.modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal__body{flex:1;min-height:0;overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--spacing-md);display:flex}