.kinput{align-items:center;background-color:var(--clr-surface-a10);border:1px solid var(--clr-surface-a30);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--md-sys-color-on-surface);display:flex;justify-content:center;padding:12px 16px;transition:outline .2s ease-in-out}.kinput:hover{cursor:text}.kinput__input{background-color:var(--clr-surface-a10);border:none;color:var(--clr-dark);font-size:var(--input-font-size);margin:0 8px;padding:0;width:100%}.kinput__input::-moz-placeholder{color:var(--clr-surface-a60);opacity:1}.kinput__input::placeholder{color:var(--clr-surface-a60);opacity:1}.kinput input:focus{outline:none}.kinput--focused{outline:2px solid var(--clr-primary-a10)}.kinput--error{outline:2px solid var(--clr-error)}