.by-uniframe-v2 .by-input{box-sizing:border-box;display:inline-flex;flex-direction:column;font-size:var(--font-size-12);height:auto;position:relative;width:100%}.by-uniframe-v2 .by-input__container{align-items:center;background-clip:padding-box;border:1px solid var(--color-transparent);border-radius:var(--size-4);color:var(--gray-08);display:inline-flex;height:var(--size-24);position:relative;transition:border-color .15s linear,background-color .15s linear;width:100%;will-change:border-color,background-color}.by-uniframe-v2 .by-input__wrapper{align-items:center;margin:var(--size-0) var(--size-10);position:relative;width:100%}.by-uniframe-v2 .by-input__mask{align-items:center;cursor:pointer;display:flex;height:100%;position:absolute;width:100%}.by-uniframe-v2 .by-input__inner{transition:color .15s linear;will-change:color}.by-uniframe-v2 .by-input__tips{margin-top:var(--size-4)}.by-uniframe-v2 .by-input.txt-align--center .by-input__inner{text-align:center}[dir=ltr] .by-uniframe-v2 .by-input.txt-align--right .by-input__inner{text-align:right}[dir=rtl] .by-uniframe-v2 .by-input.txt-align--right .by-input__inner{text-align:left}.by-uniframe-v2 .by-input--contained .by-input__container{background-color:var(--gray-01);border:none}.by-uniframe-v2 .by-input.by-input--outlined .by-input__container:focus-within{border-color:var(--brand-color-02)}.by-uniframe-v2 .by-input.by-input--outlined .by-input__container:focus-within .by-input__inner{color:var(--gray-07)}.by-uniframe-v2 .by-input--outlined .by-input__container{border:1px solid var(--gray-03)}.by-uniframe-v2 .by-input--outlined.by-input--gc-1 .by-input__container{border:1px solid var(--gray-04)}.by-uniframe-v2 .by-input--outlined.by-input--gc-2 .by-input__container{border:1px solid var(--gray-03)}.by-uniframe-v2 .by-input__tips--error{color:var(--f-danger-01)}.by-uniframe-v2 .by-input.by-input--outlined.by-input--error .by-input__container{border:1px solid var(--f-danger-01)}.by-uniframe-v2 .by-input--readonly .by-input__container{cursor:not-allowed}.by-uniframe-v2 .by-input--outlined.by-input--readonly .by-input__container{background-color:var(--gray-01)}.by-uniframe-v2 .by-input--readonly .by-input__inner{pointer-events:none}.by-uniframe-v2 .by-input--small .by-input__container{height:var(--size-20)}.by-uniframe-v2 .by-input--small .by-input__inner{font-size:var(--font-size-10)}.by-uniframe-v2 .by-input--brand .by-input__container{border-color:var(--brand-color-01)}.by-uniframe-v2 .by-input--brand .by-input__inner{color:var(--brand-color-01)}.by-uniframe-v2 .by-input--white .by-input__container{border-color:var(--color-white)}.by-uniframe-v2 .by-input--white .by-input__inner{color:var(--color-white)}.by-uniframe-v2 .by-input__inner{background-color:var(--color-transparent);border:none;color:var(--gray-09);font:inherit;line-height:var(--font-size-14);outline:none;width:100%}.by-uniframe-v2 .by-input--rounded.by-input--small .by-input__container{border-radius:var(--size-12)}.by-uniframe-v2 .by-input--small .by-input__left-icon,.by-uniframe-v2 .by-input--small .by-input__right-icon,.by-uniframe-v2 .by-input--small .by-input__tips{font-size:var(--size-10)}.by-uniframe-v2 .by-input--large .by-input__container{height:var(--size-40)}.by-uniframe-v2 .by-input--large .by-input__inner,.by-uniframe-v2 .by-input--large .by-input__tips{font-size:var(--font-size-12)}.by-uniframe-v2 .by-input--x-large .by-input__container{height:var(--size-36)}.by-uniframe-v2 .by-input--x-large .by-input__inner,.by-uniframe-v2 .by-input--x-large .by-input__tips{font-size:var(--font-size-14)}.by-uniframe-v2 .by-input--xx-large .by-input__container{height:var(--size-40)}.by-uniframe-v2 .by-input--xx-large .by-input__inner,.by-uniframe-v2 .by-input--xx-large .by-input__tips{font-size:var(--font-size-14)}.by-uniframe-v2 .by-input--xxx-large .by-input__container{height:var(--size-48)}.by-uniframe-v2 .by-input--xxx-large .by-input__inner,.by-uniframe-v2 .by-input--xxx-large .by-input__tips{font-size:var(--font-size-14)}.by-uniframe-v2 .by-input__left-icon,.by-uniframe-v2 .by-input__right-icon{flex-basis:var(--size-16);white-space:nowrap}[dir=ltr] .by-uniframe-v2 .by-input--outlined .by-input__left-icon{padding-left:var(--size-8)}[dir=ltr] .by-uniframe-v2 .by-input--outlined .by-input__right-icon,[dir=rtl] .by-uniframe-v2 .by-input--outlined .by-input__left-icon{padding-right:var(--size-8)}[dir=rtl] .by-uniframe-v2 .by-input--outlined .by-input__right-icon{padding-left:var(--size-8)}