.base-text-box .text-box-wrapper .caption{color:#4b5563;font-size:.82rem;font-weight:700;line-height:1.4em;margin-bottom:.4em;opacity:1}.base-text-box .text-box-wrapper .text-box-area{align-items:center;background:#fff;border:1px solid #d4d4d4;border-radius:7px;box-shadow:none;display:flex;font-size:max(100%,16px);font-weight:500;line-height:1.4em;padding:.2em .4em .2em .6em;text-wrap:nowrap;white-space:nowrap}.base-text-box .text-box-wrapper .text-box-area .append-icon,.base-text-box .text-box-wrapper .text-box-area .prepend-icon{color:#a3a3a3}.base-text-box .text-box-wrapper .text-box-area:focus-within{border-color:#2563ea80;box-shadow:0 0 0 2px #2563ea80}.base-text-box .text-box-wrapper .text-box-area>input{background:transparent;border-style:none;box-sizing:border-box;color:inherit;flex:auto 1 0;font-size:max(100%,16px);outline:none;padding:.4em}.base-text-box .text-box-wrapper .text-box-area>input::-moz-placeholder{color:#95a3b8;font-weight:300;opacity:.6}.base-text-box .text-box-wrapper .text-box-area>input::placeholder{color:#95a3b8;font-weight:300;opacity:.6}.base-text-box.invalid .text-box-area{border-color:red;border-style:dashed;color:red}.base-text-box.disabled .text-box-area{background:#f8fafc;border-color:#cbd5e1;color:#4e617d}.base-text-box.disabled .text-box-area .append-icon,.base-text-box.disabled .text-box-area .prepend-icon{color:#cbd5e1}.base-text-box.disabled .text-box-area input{pointer-events:none}