.oj-ui-field{height:var(--ojui-input-h);background:var(--ojui-bg-field);border-radius:var(--ojui-radius);outline:var(--ojui-border-w) solid var(--ojui-field-border,#0000);outline-offset:-1px;box-shadow:var(--ojui-field-shadow,none);transition:outline var(--ojui-dur-base) var(--ojui-ease), box-shadow var(--ojui-dur-base) var(--ojui-ease);align-items:center;display:flex;position:relative}.oj-ui-field:hover{outline:var(--ojui-border-w) solid var(--ojui-outline)}.oj-ui-field:focus-within{outline:var(--ojui-border-w) solid var(--ojui-border-selected);box-shadow:var(--ojui-focus-halo,none)}.oj-ui-input{width:100%;min-width:0;height:var(--ojui-input-h);color:var(--ojui-text);font-family:var(--ojui-font);font-size:var(--ojui-input-fs);font-weight:var(--ojui-input-fw,400);line-height:var(--ojui-input-lh,16px);padding:0 var(--ojui-field-pad-x,8px);background:0 0;border:none;outline:none;flex:1}.oj-ui-field-has-clear .oj-ui-input{padding-right:0}.oj-ui-input::placeholder{color:var(--ojui-input-placeholder)}.oj-ui-field-leading{padding-left:var(--ojui-field-pad-x,8px);color:var(--ojui-icon);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.oj-ui-field-has-leading .oj-ui-input{padding-left:var(--ojui-icon-gap)}.oj-ui-field-search{border-radius:var(--ojui-radius-surface)}.oj-ui-field-search .oj-ui-input::-webkit-search-cancel-button{display:none}.oj-ui-input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer}.oj-ui-field-clear{width:22px;min-width:var(--ojui-touch-min);height:var(--ojui-input-h);color:var(--ojui-icon);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.oj-ui-field-clear:hover{color:var(--ojui-icon-hover)}.oj-ui-field-action{width:24px;min-width:var(--ojui-touch-min);height:var(--ojui-input-h);color:var(--ojui-icon);cursor:pointer;border-radius:var(--ojui-radius);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.oj-ui-field-action:hover{color:var(--ojui-accent)}.oj-ui-field-has-action .oj-ui-input{padding-right:0}.oj-ui-field-disabled{opacity:var(--ojui-disabled-opacity);pointer-events:none}.oj-ui-field-invalid{box-shadow:var(--ojui-focus-halo,none);outline:var(--ojui-border-w) solid var(--ojui-danger,#f14c4c)!important}.oj-ui-field-invalid:focus-within{outline:var(--ojui-border-w) solid var(--ojui-danger,#f14c4c)!important}@layer ojui.default,ojui.theme;@layer ojui.state{.oj-ui-field-invalid{--ojui-focus-ring-base:var(--ojui-danger)}}@layer ojui.adaptive;.oj-ui-field-error{font-family:var(--ojui-font);font-size:calc(var(--ojui-fs) - 1px);color:var(--ojui-danger,#f14c4c);white-space:nowrap;pointer-events:none;position:absolute;top:calc(100% + 2px);left:2px}.oj-ui-seg{height:var(--ojui-field-h);background:var(--ojui-seg-track-bg);border-radius:var(--ojui-radius);width:100%;box-shadow:0 0 0 var(--ojui-border-w) var(--ojui-seg-track-border);gap:1px;display:flex}.oj-ui-seg-btn{height:var(--ojui-field-h);background:var(--ojui-bg-field);color:var(--ojui-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--ojui-icon-gap);font-family:var(--ojui-font);font-size:var(--ojui-field-fs);white-space:nowrap;word-break:keep-all;transition:background-color var(--ojui-dur-base) var(--ojui-ease), color var(--ojui-dur-base) var(--ojui-ease);border:none;flex:1;padding:0 8px;display:flex}.oj-ui-seg-btn svg{width:var(--ojui-icon-size);height:var(--ojui-icon-size)}.oj-ui-seg-btn:first-child{border-radius:var(--ojui-radius) 0 0 var(--ojui-radius)}.oj-ui-seg-btn:last-child{border-radius:0 var(--ojui-radius) var(--ojui-radius) 0}.oj-ui-seg-btn:not(:first-child):not(:last-child){border-radius:0}.oj-ui-seg-btn:hover:not(.active):not(:disabled){background:var(--ojui-btn-bg-hover)}.oj-ui-seg-btn:focus-visible{outline:var(--ojui-focus-ring-width) solid var(--ojui-focus-ring);outline-offset:var(--ojui-focus-ring-offset);z-index:1;position:relative}.oj-ui-seg-btn:disabled{opacity:var(--ojui-disabled-opacity);cursor:default}.oj-ui-seg-btn.active{background:var(--ojui-toggle-selected-bg);color:var(--ojui-accent-fg-on-soft)}.oj-ui-seg--vertical{flex-direction:column;height:auto}.oj-ui-seg--vertical .oj-ui-seg-btn{flex:none;justify-content:flex-start}.oj-ui-seg--vertical .oj-ui-seg-btn:first-child{border-radius:var(--ojui-radius) var(--ojui-radius) 0 0}.oj-ui-seg--vertical .oj-ui-seg-btn:last-child{border-radius:0 0 var(--ojui-radius) var(--ojui-radius)}.oj-ui-seg--vertical .oj-ui-seg-btn:not(:first-child):not(:last-child){border-radius:0}.oj-ui-seg--vertical .oj-ui-seg-btn:only-child{border-radius:var(--ojui-radius)}.oj-ui-seg--vertical.oj-ui-seg--wrap .oj-ui-seg-btn{height:auto;min-height:var(--ojui-field-h);white-space:normal;word-break:normal;overflow-wrap:anywhere;text-align:left;padding-block:8px}.oj-ui-seg--fit{width:auto;display:inline-flex}.oj-ui-seg--grid{grid-template-columns:repeat(var(--_ojui-seg-cols), minmax(0, 1fr));gap:var(--ojui-icon-gap);height:auto;box-shadow:none;background:0 0;display:grid}.oj-ui-seg--grid .oj-ui-seg-btn,.oj-ui-seg--grid .oj-ui-seg-btn:first-child,.oj-ui-seg--grid .oj-ui-seg-btn:last-child,.oj-ui-seg--grid .oj-ui-seg-btn:not(:first-child):not(:last-child){border-radius:var(--ojui-radius)}@media (pointer:coarse){.oj-ui-seg{height:auto}.oj-ui-seg-btn{min-width:44px;min-height:44px}}html[data-oj-device=mobile] .oj-ui-seg{height:auto}html[data-oj-device=mobile] .oj-ui-seg-btn{min-width:44px;min-height:44px}