.tk-field{--tf-radius:max(0px, calc(var(--radius) - 4px));--tf-pad-x:.75rem;--tf-pad-y:.6rem;--tf-icon-size:18px;--tf-action-size:40px;--tf-action-icon-size:18px;--tf-gap:8px;--tf-min-size:44px;--tf-shadow:inset 0 1px 0 #ffffff59;--tf-border:var(--border-width) solid var(--border-color);color:var(--ink);display:block}.tk-input-wrap{min-height:var(--tf-min-size);border:var(--tf-border);border-radius:var(--tf-radius);background:var(--surface);box-shadow:var(--tf-shadow);transition:border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:visible}.tk-input-wrap:hover:not(.is-disabled,.is-error){background:color-mix(in oklab, var(--surface) 96%, transparent);border-color:color-mix(in oklab, var(--ink) 18%, transparent)}.tk-input-wrap:has(.tk-input:focus-visible){box-shadow:0 0 0 1px color-mix(in oklab, var(--color-primary-500) 45%, transparent), 0 0 0 5px color-mix(in oklab, var(--color-primary-200) 40%, transparent);border-color:color-mix(in oklab, var(--color-primary-500) 55%, transparent)}.tk-field.is-error .tk-input-wrap{border-color:#d14343d9;border-color:lab(50.1567% 56.5074 33.2625/.85);box-shadow:inset 0 1px #fff3,0 0 0 1px #d1434380;box-shadow:inset 0 1px lab(100% 0 0/.2),0 0 0 1px lab(50.1567% 56.5074 33.2625/.5)}.tk-field.is-disabled .tk-input-wrap{opacity:.6;cursor:not-allowed}.tk-field.is-readonly .tk-input-wrap{background:color-mix(in oklab, var(--surface) 84%, var(--bg) 16%);border-style:dashed}.tk-field.is-readonly .tk-input-wrap:hover{border-color:color-mix(in oklab, var(--color-primary-500) 28%, var(--border-color))}.tk-input{appearance:none;z-index:1;width:100%;min-height:var(--tf-min-size);padding:var(--tf-pad-y) var(--tf-pad-x);border-radius:var(--tf-radius);color:var(--ink);font:inherit;background:0 0;border:0;outline:none;line-height:1.35;position:relative}.tk-input::placeholder{color:color-mix(in oklab, var(--ink) 55%, transparent)}.tk-input[readonly]{color:color-mix(in oklab, var(--ink) 80%, transparent);cursor:text;padding-inline-end:calc(var(--tf-pad-x) + var(--tf-action-size))}.tk-input:disabled{cursor:not-allowed}.tk-field-icon{z-index:2;inline-size:calc(var(--tf-icon-size) + 10px);block-size:calc(var(--tf-icon-size) + 10px);color:color-mix(in oklab, var(--ink) 70%, transparent);pointer-events:none;border-radius:0;place-items:center;display:grid;position:absolute;inset-block-start:50%;overflow:visible;transform:translateY(-50%)}.tk-field-icon>svg{width:var(--tf-icon-size);height:var(--tf-icon-size);display:block}.tk-field-icon.-start{inset-inline-start:14px}.tk-field-icon.-end{inset-inline-end:12px}.tk-input-wrap:has(.tk-field-icon.-start) .tk-input{padding-inline-start:calc(var(--tf-pad-x) + var(--tf-icon-size) + 20px)}.tk-input-wrap:has(.tk-field-actions:not(:empty)) .tk-input{padding-inline-end:calc(var(--tf-pad-x) + var(--tf-action-size))}.tk-input-wrap:has(.tk-field-icon.-end):not(:has(.tk-field-actions:not(:empty))) .tk-input{padding-inline-end:calc(var(--tf-pad-x) + var(--tf-icon-size) + 16px)}.tk-input-wrap:has(.tk-field-actions:empty):not(:has(.tk-field-icon.-end)) .tk-input{padding-inline-end:var(--tf-pad-x)}.tk-field-actions{z-index:2;align-items:center;gap:var(--tf-gap);display:inline-flex;position:absolute;inset-block:0;inset-inline-end:8px}.tk-readonly-indicator{width:var(--tf-action-size);height:var(--tf-action-size);color:color-mix(in oklab, var(--ink) 52%, transparent);pointer-events:none;place-items:center;display:inline-grid}.tk-readonly-indicator>svg{width:16px;height:16px}.tk-eye,.tk-clear{all:unset;width:var(--tf-action-size);height:var(--tf-action-size);cursor:pointer;color:color-mix(in oklab, var(--ink) 70%, transparent);font-size:var(--tf-action-icon-size);border-radius:999px;justify-content:center;align-items:center;line-height:0;transition:background .18s,transform 60ms,color .18s;display:inline-flex}.tk-eye:hover,.tk-clear:hover{background:color-mix(in oklab, var(--ink) 10%, transparent);color:var(--ink)}.tk-eye:active,.tk-clear:active{transform:scale(.96)}.tk-eye>svg,.tk-clear>svg{flex:none;display:block;width:1em!important;height:1em!important}.tk-eye:focus-visible,.tk-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--color-brand) 45%, transparent), 0 0 0 5px color-mix(in oklab, var(--color-brand) 18%, transparent);outline:none}.tk-field:not(.has-value) .tk-clear{display:none}.tk-field-help{min-block-size:1.2em;color:color-mix(in oklab, var(--ink) 70%, transparent);margin:6px 2px 0;font-size:.875rem;line-height:1.35}.tk-field-help.is-error{color:#c03235;color:lab(44.7074% 56.6132 34.0215);font-weight:600}.tk-input-wrap:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;opacity:.6;background:radial-gradient(120% 160% at 50% -40%,#ffffff38,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.tk-input-wrap:hover:before{opacity:.85}.tk-input-wrap:has(.tk-input:focus-visible):before{opacity:.85}.dark .tk-input-wrap,[data-theme=dark] .tk-input-wrap{background:color-mix(in oklab, var(--surface) 96%, black 6%);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f}.dark .tk-field.is-readonly .tk-input-wrap,[data-theme=dark] .tk-field.is-readonly .tk-input-wrap{background:color-mix(in oklab, var(--surface) 88%, black 12%);border-color:color-mix(in oklab, var(--border-color) 75%, var(--ink) 25%)}.dark .tk-input-wrap:hover:not(.is-disabled,.is-error),[data-theme=dark] .tk-input-wrap:hover:not(.is-disabled,.is-error){background:color-mix(in oklab, var(--surface) 92%, black 10%);border-color:#ffffff1f}.dark .tk-clear:hover,.dark .tk-eye:hover,[data-theme=dark] .tk-clear:hover,[data-theme=dark] .tk-eye:hover{background:#ffffff14}.dark .tk-field.is-error .tk-input-wrap,[data-theme=dark] .tk-field.is-error .tk-input-wrap{border-color:#ff6b6bd9;border-color:lab(64.7084% 57.4515 30.2552/.85);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ff8a8a80;box-shadow:inset 0 1px lab(100% 0 0/.0588235),0 0 0 1px lab(70.8777% 45.2268 21.0456/.5)}.dark .tk-field-help.is-error,[data-theme=dark] .tk-field-help.is-error{color:#ff9594;color:lab(73.2126% 41.5708 19.2083)}@media (prefers-reduced-motion:reduce){.tk-input-wrap,.tk-input,.tk-clear,.tk-eye{transition:none!important}}@media (forced-colors:active){.tk-input-wrap{box-shadow:none!important;background:canvas!important;border-color:canvastext!important}.tk-clear,.tk-eye{forced-color-adjust:none}}.tk-input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.tk-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tk-input[type=number]{appearance:textfield;cursor:text}