.direct-input-controls_dateControl__8yCEd,.direct-input-controls_numberControl__suA2x{position:relative;display:block;width:100%}.direct-input-controls_dateControl__8yCEd>input,.direct-input-controls_numberControl__suA2x>input{width:100%;box-sizing:border-box}.direct-input-controls_numberControl__suA2x>input{font-variant-numeric:tabular-nums}.direct-input-controls_numberControl__suA2x>input::-webkit-inner-spin-button,.direct-input-controls_numberControl__suA2x>input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.direct-input-controls_dateControl__8yCEd>input{padding-right:46px}.direct-input-controls_dateControl__8yCEd>input::-webkit-calendar-picker-indicator{opacity:0;width:0;margin:0}.direct-input-controls_calendarButton__ng2EQ{position:absolute;right:4px;top:50%;translate:0 -50%;display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:10px;background:transparent;color:inherit;font-size:21px;cursor:pointer}.direct-input-controls_calendarButton__ng2EQ:focus-visible,.direct-input-controls_calendarButton__ng2EQ:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.direct-input-controls_keypad__MngQD{position:fixed;z-index:1000;display:grid;grid-template-columns:repeat(3,minmax(48px,1fr));gap:7px;width:min(248px,calc(100vw - 40px));padding:10px;border:1px solid var(--ws-line,var(--ui-line));border-radius:16px;background:var(--ui-panel);color:var(--ui-ink);box-shadow:var(--ui-shadow)}.direct-input-controls_keypad__MngQD button{display:grid;place-items:center;min-width:48px;min-height:44px;padding:8px;border:1px solid var(--ws-line,var(--ui-line));border-radius:10px;background:var(--ui-panel);color:var(--ui-accent);font:inherit;font-weight:700;cursor:pointer}.direct-input-controls_keypad__MngQD button:focus-visible,.direct-input-controls_keypad__MngQD button:hover{border-color:var(--ws-accent,var(--ui-accent));outline:2px solid color-mix(in srgb,var(--ws-accent,var(--ui-accent)) 35%,transparent);outline-offset:1px}.direct-input-controls_keypad__MngQD .direct-input-controls_backspace__1Ucj2{grid-column:1}.direct-input-controls_keypad__MngQD .direct-input-controls_confirm__nG4ui{grid-column:span 3;background:var(--ui-panel);color:var(--ui-ink);border-color:transparent}.direct-input-controls_keypad__MngQD .direct-input-controls_confirmWide__edoQT{grid-column:span 2}@media(max-width:520px){.direct-input-controls_keypad__MngQD{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;padding:12px;border-radius:20px}.direct-input-controls_keypad__MngQD button{min-height:50px}}