@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.y-input{--y-input-padding-block:4px;--y-input-padding-block-sm:0px;--y-input-padding-block-lg:7px;--y-input-padding-inline:11px;--y-input-padding-inline-sm:7px;--y-input-padding-inline-lg:11px;--y-input-input-font-size:14px;--y-input-input-font-size-lg:16px;--y-input-input-font-size-sm:14px;--y-input-text-color:var(--y-color-text);--y-input-border-color:var(--y-color-border);--y-input-hover-border-color:var(--y-color-primary-8);--y-input-focus-border-color:var(--y-color-primary-8);--y-input-focus-shadow-color:var(--y-color-primary-1);--y-input-disabled-opacity:var(--y-disabled-opacity);--y-input-font-size:var(--y-font-size);--y-input-clear:var(--y-color-text-quaternary);--y-input-clear-hover:var(--y-color-text-tertiary);display:inline-flex;width:100%}.y-input__wrapper{display:flex;box-sizing:border-box;align-items:center;flex:1}.y-input__input{padding:var(--y-input-padding-block) var(--y-input-padding-inline);display:block;flex:1;align-items:center;line-height:1.5714;outline:0;border:none;font-size:var(--y-input-font-size);color:var(--y-input-text-color);background-color:transparent}.y-input__input:focus{outline:0;outline:0}.y-input__input.is-small{padding:var(--y-input-padding-block-sm) var(--y-input-padding-inline-sm);font-size:var(--y-input-input-font-size-sm)}.y-input__input.is-large{padding:var(--y-input-padding-block-lg) var(--y-input-padding-inline-lg);font-size:var(--y-input-input-font-size-lg)}.y-input__input-outlined{border-width:1px;border-style:solid;border-radius:6px;border-color:var(--y-input-border-color)}.y-input__input-outlined.is-disabled{cursor:not-allowed;opacity:var(--y-input-disabled-opacity)}.y-input__input-outlined.is-disabled *{cursor:not-allowed}.y-input__input-outlined.is-focus{border-color:var(--y-input-focus-border-color);box-shadow:0 0 0 2px var(--y-input-focus-shadow-color)}.y-input__input-outlined:not(.is-disabled):hover{border-color:var(--y-input-hover-border-color)}.y-input__textarea{padding:var(--y-input-padding-block) var(--y-input-padding-inline);display:block;outline:0;border:none;flex:1;max-width:100%;background-color:transparent;line-height:1.5;font-size:var(--y-input-font-size);color:var(--y-input-text-color);scrollbar-width:none;overflow-y:auto;overflow-x:hidden;resize:none}.y-input__textarea:focus{outline:0;outline:0}.y-input__textarea::-webkit-scrollbar{display:none}.y-input__password{margin-right:8px}.y-input__prefix-text{display:flex;align-items:center;height:100%;padding:0 8px;border-right:1px solid var(--y-input-border-color);background-color:var(--y-color-fill-tertiary)}.y-input__suffix-text{display:flex;align-items:center;height:100%;padding:0 8px;border-left:1px solid var(--y-input-border-color);background-color:var(--y-color-fill-tertiary)}.y-input__clear{margin-right:8px;width:10px;height:10px;border-radius:50%;background-color:var(--y-input-clear);position:relative;display:inline-flex;cursor:pointer}.y-input__clear::after,.y-input__clear::before{content:"";position:absolute;left:50%;top:50%;width:1px;height:50%;background-color:rgba(255,255,255,.7)}.y-input__clear::before{transform:translate(-50%,-50%) rotate(-45deg)}.y-input__clear::after{transform:translate(-50%,-50%) rotate(45deg)}.y-input__clear:hover{background-color:var(--y-input-clear-hover)}.y-input__prefix{display:inline-flex;align-items:center}.y-input__suffix{display:inline-flex;align-items:center}@keyframes y-shake-enter{0%,100%{right:0}12.5%,62.5%{right:-.3rem}37.5%,87.5%{right:.3rem}}.y-input-shake-enter-active{animation:y-shake-enter .2s}