.common-input__wrapper{color:#2b2d33;background-color:#fff;border-radius:.8rem;transition:background-color .15s ease-out;display:block;position:relative}.common-input__wrapper:hover .common-input__field{box-shadow:inset 0 0 0 2px #2b2d33}.common-input__field{background-color:#0000;border-radius:.8rem;outline:none;width:100%;min-width:5rem;font-family:inherit;transition:box-shadow .15s ease-out;box-shadow:inset 0 0 0 1px #d5d5d6}.common-input__field::placeholder{color:#aaabad;font-family:inherit}.common-input__field:placeholder-shown{text-overflow:ellipsis}.common-input__field:focus{box-shadow:inset 0 0 0 2px #2b2d33}.common-input__field:focus::placeholder{opacity:0}.common-input--error .common-input__wrapper:hover .comon-input__field{box-shadow:inset 0 0 0 2px #e31e25}.common-input--error .common-input__field{box-shadow:inset 0 0 0 1px #e31e25}.common-input--error .common-input__field:focus{box-shadow:inset 0 0 0 2px #e31e25}.common-input--readonly .common-input__wrapper,.common-input--readonly .common-input__wrapper:hover,.common-input--readonly .common-input__wrapper .common-input__field,.common-input--readonly .common-input__wrapper:hover .common-input__field{cursor:pointer}.common-input--readonly .common-input__field:focus::placeholder{opacity:1}.common-input--disabled .common-input__wrapper,.common-input--disabled .common-input__wrapper:hover{color:#c9c9c9;cursor:not-allowed;background-color:#f4f4f4}.common-input--disabled .common-input__wrapper .base-icon,.common-input--disabled .common-input__wrapper:hover .base-icon{opacity:.4}.common-input--disabled .common-input__wrapper .common-input__field,.common-input--disabled .common-input__wrapper:hover .common-input__field{cursor:not-allowed;box-shadow:inset 0 0 0 1px #f4f4f4}.common-input--disabled .common-input__wrapper .common-input__field::placeholder,.common-input--disabled .common-input__wrapper:hover .common-input__field::placeholder,.common-input--disabled .common-input__wrapper .common-input__append,.common-input--disabled .common-input__wrapper .common-input__prepend,.common-input--disabled .common-input__wrapper:hover .common-input__append,.common-input--disabled .common-input__wrapper:hover .common-input__prepend{color:#c9c9c9}.common-input--mode--read .common-input__wrapper{background-color:#0000}.common-input--mode--read .common-input__wrapper,.common-input--mode--read .common-input__wrapper:hover{cursor:text}.common-input--mode--read .common-input__wrapper .common-input__field,.common-input--mode--read .common-input__wrapper:hover .common-input__field{cursor:text;box-shadow:inset 0 0 0 1px #0000}.common-input--mode--read .common-input__field:focus::placeholder{opacity:1}.base-input__append,.base-input__prepend{z-index:1;color:#aaabad;position:absolute;top:50%;transform:translateY(-50%)}.base-input__append{right:1.2rem}.base-input__prepend{left:1.2rem}.base-input--size--xs .base-input__wrapper{border-radius:.4rem}.base-input--size--xs .base-input__field{border-radius:.4rem;padding:.3rem .8rem;font-size:1.2rem;font-weight:400;line-height:1.8rem}.base-input--size--xs .base-input__field::placeholder{font-size:1.2rem;font-weight:400;line-height:1.8rem}.base-input--size--s .base-input__field{padding:.7rem 1.2rem;font-size:1.4rem;font-weight:400;line-height:1.8rem}.base-input--size--s .base-input__field::placeholder{font-size:1.4rem;font-weight:400;line-height:1.8rem}.base-input--size--m .base-input__field{padding:.9rem 1.2rem;font-size:1.4rem;font-weight:400;line-height:1.8rem}.base-input--size--m .base-input__field::placeholder{font-size:1.4rem;font-weight:400;line-height:1.8rem}.base-input--size--l .base-input__field{padding:1.1rem 1.2rem;font-size:1.4rem;font-weight:400;line-height:1.8rem}.base-input--size--l .base-input__field::placeholder{font-size:1.4rem;font-weight:400;line-height:1.8rem}.base-input--size--xl .base-input__field{padding:1.2rem;font-size:1.6rem;font-weight:400;line-height:2.4rem}.base-input--size--xl .base-input__field::placeholder{font-size:1.6rem;font-weight:400;line-height:2.4rem}.base-input--with-append .base-input__field{padding-right:4rem}.base-input--with-prepend .base-input__field{padding-left:4rem}