.lale-modal{z-index:var(--lale-z-overlay);opacity:0;background:#00000059;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.lale-modal--open{opacity:1}.lale-modal__panel{background:var(--lale-white);border-radius:var(--lale-radius);flex-direction:column;width:100%;max-height:90vh;transition:transform .3s;display:flex;transform:translateY(1rem)}.lale-modal--open .lale-modal__panel{transform:translateY(0)}.lale-modal__header{background:var(--lale-white);border-bottom:1px solid var(--lale-gray-200);border-radius:var(--lale-radius);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.lale-modal__title{color:var(--lale-gray-900)}.lale-modal__close{cursor:pointer;color:var(--lale-gray-700);background:0 0;border:none;padding:0;font-size:1.25rem}.lale-modal__body{padding:1.5rem;overflow-y:auto}.lale-modal__footer{background:var(--lale-white);border-top:1px solid var(--lale-gray-200);border-radius:0 0 var(--lale-radius) var(--lale-radius);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.lale-modal__panel:focus{outline:none}.lale-modal__close:focus-visible{outline:2px solid var(--lale-gray-900);outline-offset:2px;border-radius:.25rem}.lale-modal__footer>*{min-width:7.5rem}@media (prefers-reduced-motion:reduce){.lale-modal,.lale-modal__panel{transition:none}}