:root{--kk-elevation-action:0px 1px 4px 0px #2632381f;--kk-elevation-fixed:0px 2px 24px 0px #2632381f;--kk-elevation-raised:0px 8px 24px 0px #252a313d}.kk-text-field{--layout-template-columns:minmax(0,1fr);--input-height:48px;align-items:center;background-color:#fff;border:1px solid #d5d6db;border-radius:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:var(--layout-template-columns);grid-template-rows:minmax(0,1fr);height:var(--input-height);padding:0 12px;position:relative;vertical-align:middle}.kk-text-field__leading-icon{color:#babbbe}.kk-text-field__native{background:none;border:none;box-sizing:border-box;color:#212121;cursor:inherit;font-size:14px;font-weight:400;line-height:20px;outline:none;padding:0}.kk-text-field__native::placeholder{color:#babbbe}.kk-text-field__native:-moz-placeholder{text-overflow:ellipsis}.kk-text-field__native:placeholder-shown{text-overflow:ellipsis}.kk-text-field__trailing-container{color:#9c9da0;display:grid;gap:12px;grid-auto-flow:column}.kk-text-field__delete-icon{cursor:pointer;padding:2px}.kk-text-field__delete-icon:hover{color:#727272}.kk-text-field__trailing-icon{cursor:pointer}.kk-text-field__trailing-icon:hover{color:#212121}@media (pointer:fine){.kk-text-field:not(.kk-text-field--disabled,.kk-text-field--search,.kk-text-field--error):hover{border-color:#212121;outline:#212121}}.kk-text-field:not(.kk-text-field--disabled,.kk-text-field--search,.kk-text-field--error):focus-within{border-color:#212121;outline:#212121}.kk-text-field--disabled{background-color:#f1f4f8;border-color:#e6e9ed;cursor:not-allowed}.kk-text-field--disabled .kk-text-field__native{color:#babbbe;-webkit-text-fill-color:#babbbe}.kk-text-field--disabled .kk-text-field__native::placeholder,.kk-text-field--disabled .kk-text-field__trailing-icon{color:#babbbe}.kk-text-field--error{border-color:#e65f50}.kk-text-field--search{--input-height:40px;background-color:#f7fafc;border:none;border-radius:calc(var(--input-height)/2);padding:0 16px}.kk-text-field--search .kk-text-field__native::-webkit-search-cancel-button,.kk-text-field--search .kk-text-field__native::-webkit-search-decoration{display:none}.kk-text-field--search .kk-text-field__leading-icon{color:#212121}.kk-text-field--trailing{--layout-template-columns:minmax(0,1fr) auto}.kk-text-field--leading{--layout-template-columns:auto minmax(0,1fr)}.kk-text-field--leading.kk-text-field--trailing{--layout-template-columns:auto minmax(0,1fr) auto}