.modal-overlay{z-index:1100;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;max-height:90dvh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#1f2937;margin:0;font-family:Kanit,sans-serif;font-size:20px;font-weight:600}.modal-close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:all .2s;display:flex}.modal-close-button svg{flex-shrink:0;width:1em;height:1em}.modal-close-button:hover{color:#1f2937;background-color:#f3f4f6}.modal-close-button:active{transform:scale(.95)}.modal-body{box-sizing:border-box;flex:1;min-width:0;padding:24px;overflow:hidden auto}.modal-footer{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;padding:16px 24px}.modal-drag-handle{display:none}@media (max-width:768px){.modal-overlay{padding:10px 10px calc(56px + env(safe-area-inset-bottom) + 10px)}.modal-container{max-height:calc(100vh - 56px - env(safe-area-inset-bottom) - 20px);max-height:calc(100dvh - 56px - env(safe-area-inset-bottom) - 20px)}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-small,.modal-medium,.modal-large{max-width:100%}}@media (max-width:767px){.modal-overlay--bottom-sheet{padding:0 0 calc(56px + env(safe-area-inset-bottom));align-items:flex-end}.modal-variant--bottom-sheet{width:100%;max-width:100%;max-height:calc(100vh - 56px - env(safe-area-inset-bottom));max-height:calc(100dvh - 56px - env(safe-area-inset-bottom));border-radius:var(--radius-sheet,20px)var(--radius-sheet,20px)0 0;animation:.3s ease-out slideUpSheet}.modal-variant--bottom-sheet .modal-drag-handle{background:#d4d4d4;border-radius:999px;flex-shrink:0;width:40px;height:5px;margin:8px auto 4px;display:block}.modal-variant--bottom-sheet .modal-header{z-index:1;background:#fff;position:sticky;top:0}.modal-variant--bottom-sheet .modal-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:sticky;bottom:0}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}