.mx-control{position:relative;display:grid;min-width:0}.mx-control--datetime-local{grid-template-columns:minmax(0,1fr) minmax(112px,.55fr);gap:8px}.mx-native-control{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}.mx-control-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--color-line,#e4d8d9);border-radius:9px;color:var(--color-ink,#14213d);background:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.mx-control-trigger:hover{border-color:#c9adb1;background:#fffdfc}.mx-control-trigger:focus-visible{outline:0;border-color:var(--color-accent,#9a5d66);box-shadow:0 0 0 3px rgba(154,93,102,.14)}.mx-control-trigger.is-invalid{border-color:#bf655f;box-shadow:0 0 0 3px rgba(191,101,95,.1)}.mx-control-trigger:disabled{cursor:not-allowed;opacity:.55;background:#f4f1f1}.mx-control-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx-control-trigger svg{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.mx-popover{position:fixed;z-index:300;width:min(340px,calc(100vw - 32px));max-height:min(360px,calc(100vh - 24px));padding:7px;border:1px solid var(--color-line,#e4d8d9);border-radius:12px;color:var(--color-ink,#14213d);background:#fffdfc;box-shadow:0 18px 48px rgba(34,22,26,.18);overflow:auto;overflow-x:hidden;overscroll-behavior:contain}.mx-popover:popover-open{inset:auto;margin:0}.mx-popover-search{position:sticky;z-index:2;top:0;width:100%;min-height:40px;margin-bottom:6px;padding:8px 11px;border:1px solid var(--color-line,#e4d8d9);border-radius:8px;background:#fff;font:inherit}.mx-popover-search:focus{outline:0;border-color:var(--color-accent,#9a5d66);box-shadow:0 0 0 3px rgba(154,93,102,.12)}.mx-option-list{display:grid;gap:3px}.mx-option{display:grid;gap:2px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:8px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}.mx-option strong{font:inherit;font-weight:700}.mx-option small{color:#786b70;font-size:12px}.mx-option:hover,.mx-option:focus-visible{outline:0;background:#f7edef}.mx-option[aria-selected=true]{color:#713e48;background:#f3e3e6;font-weight:750}.mx-option:disabled{opacity:.45;cursor:not-allowed}.mx-empty{margin:0;padding:18px;color:#786b70;text-align:center}.mx-calendar-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:6px;margin-bottom:8px}.mx-calendar-head strong{text-align:center;text-transform:capitalize}.mx-calendar-head button,.mx-today{min-height:36px;border:1px solid var(--color-line,#e4d8d9);border-radius:8px;color:#713e48;background:#fff;cursor:pointer}.mx-date-popover{box-sizing:border-box;width:340px;min-width:min(300px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:12px}.mx-calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:3px;width:100%;min-width:0}.mx-weekday{padding:6px 0;color:#786b70;font-size:11px;font-weight:750;text-align:center}.mx-calendar-day{display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:1;border:0;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.mx-calendar-day.is-outside{color:#a79a9e}.mx-calendar-day:hover,.mx-calendar-day:focus-visible{outline:0;background:#f7edef}.mx-calendar-day.is-today{box-shadow:inset 0 0 0 1px #c999a0}.mx-calendar-day.is-selected{color:#fff;background:var(--color-accent,#9a5d66);font-weight:800}.mx-calendar-day:disabled{opacity:.3;cursor:not-allowed}.mx-today{width:100%;margin-top:8px}.mx-time-popover{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:min(300px,calc(100vw - 16px))}.mx-time-option{text-align:center;font-variant-numeric:tabular-nums}dialog .mx-popover{z-index:400}@media(max-width:640px){.mx-popover{max-height:calc(100dvh - 32px);border-radius:16px}.mx-date-popover{width:calc(100vw - 32px);min-width:0}.mx-time-popover{grid-template-columns:repeat(3,1fr)}.mx-control--datetime-local{grid-template-columns:1fr}.mx-control-trigger{min-height:46px}}
.mx-control--datetime-picker{display:grid;min-width:0}.mx-datetime-trigger>span{font-variant-numeric:tabular-nums}.mx-datetime-popover{width:360px}.mx-calendar-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-line,#e4d8d9)}.mx-calendar-time label{display:grid;gap:4px;color:#786b70;font-size:11px;font-weight:750}.mx-calendar-time select{width:100%;min-height:40px;padding:7px 10px;border:1px solid var(--color-line,#e4d8d9);border-radius:8px;color:var(--color-ink,#14213d);background:#fff;font:inherit;font-variant-numeric:tabular-nums}.mx-calendar-time select:focus-visible{outline:0;border-color:var(--color-accent,#9a5d66);box-shadow:0 0 0 3px rgba(154,93,102,.12)}.mx-calendar-footer{position:sticky;z-index:2;bottom:-12px;display:flex;align-items:center;gap:5px;margin:10px -12px -12px;padding:10px 12px;border-top:1px solid var(--color-line,#e4d8d9);background:#fffdfc}.mx-calendar-footer-spacer{flex:1}.mx-calendar-action{min-height:36px;padding:7px 9px;border:1px solid var(--color-line,#e4d8d9);border-radius:8px;color:#713e48;background:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.mx-calendar-action:hover,.mx-calendar-action:focus-visible{outline:0;border-color:#c999a0;background:#f7edef}.mx-calendar-confirm{border-color:var(--color-accent,#9a5d66);color:#fff;background:var(--color-accent,#9a5d66)}.mx-calendar-confirm:hover,.mx-calendar-confirm:focus-visible{color:#fff;background:#854c55}@media(max-width:640px){.mx-datetime-popover{width:calc(100vw - 32px)}.mx-calendar-footer{flex-wrap:wrap}.mx-calendar-footer-spacer{display:none}.mx-calendar-action{flex:1 1 auto;min-height:42px}}