.base-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-1000);display:flex;align-items:flex-end;justify-content:center}@media (min-width:640px){.base-modal{align-items:center;padding:1rem}}.base-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(17,24,39,.45);cursor:default}.base-modal__dialog{position:relative;display:flex;flex-direction:column;width:100%;max-height:92vh;background-color:var(--surface);border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;box-shadow:var(--shadow-md)}@media (min-width:640px){.base-modal__dialog{border-radius:var(--border-radius-base)}.base-modal__dialog--sm{max-width:26rem}.base-modal__dialog--md{max-width:36rem}.base-modal__dialog--lg{max-width:48rem}}.base-modal__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.base-modal__title{font-size:1.0625rem;font-weight:var(--font-semibold)}.base-modal__close{display:inline-flex;padding:.25rem;border-radius:var(--border-radius-sm);color:var(--gray-500)}.base-modal__close:hover{background-color:var(--gray-100)}.base-modal__body{padding:1.25rem;overflow-y:auto}.base-modal__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color)}