.input{flex-direction:column;gap:4px;width:100%;display:flex}.input__wrapper{position:relative}.input__control{color:gray;background-color:#f1f1f1;border:1px solid #d9d9d9;border-radius:16px;width:100%;padding:17px 36px 16px 10px}.input__control:hover{border-color:gray}.input__control:focus{border-color:#82cee6;outline:none}.input__control:-webkit-autofill{-webkit-text-fill-color:gray!important;-webkit-box-shadow:inset 0 0 0 30px #f1f1f1!important}.input__control:-webkit-autofill:hover{-webkit-text-fill-color:gray!important;-webkit-box-shadow:inset 0 0 0 30px #f1f1f1!important}.input__control:-webkit-autofill:focus{-webkit-text-fill-color:gray!important;-webkit-box-shadow:inset 0 0 0 30px #f1f1f1!important}.input__control:-webkit-autofill:active{-webkit-text-fill-color:gray!important;-webkit-box-shadow:inset 0 0 0 30px #f1f1f1!important}.input.--filled .input__control{color:#111}.input.--filled:not(.--has-error) .input__control:focus{box-shadow:0 0 0 4px #82cee640}.input.--has-error .input__control{border-color:#eb0a1e}.input.--has-error .input__assistive-text{color:#eb0a1e}.input.--disabled .input__control{cursor:default;color:gray;background-color:#d9d9d9;border-color:silver}.input__assistive-text{color:gray;margin-left:10px}.input__assistive-text__placeholder{height:14px}.input__label{color:#333}.input__label.--required:after{content:"*";color:#eb0a1e;margin-left:4px}.input__state-icon{width:24px;height:24px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.text-area{resize:vertical}.input-select .input__wrapper{position:relative}.input-select .input__control{color:gray;text-align:left;cursor:pointer;background-color:#f1f1f1;border:1px solid #d9d9d9;border-radius:16px;align-items:center;width:100%;padding:17px 76px 16px 10px;display:flex}.input-select .input__control:hover{border-color:gray}.input-select .input__control:focus{border-color:#82cee6;outline:none}.input-select .input__control-text.--placeholder{color:gray}.input-select.--filled .input__control,.input-select.--filled .input__control-text{color:#111}.input-select.--open .input__arrow-icon{transform:translateY(-50%)rotate(180deg)}.input-select .input__arrow-icon{pointer-events:none;transition:transform .2s}.input-select .input__error-icon,.input-select .input__success-icon{right:44px}.input-select .input__dropdown{z-index:100;background-color:#f1f1f1;border:1px solid #d9d9d9;border-radius:16px;width:100%;max-height:240px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.input-select .input__dropdown-option{color:#111;cursor:pointer;padding:12px 16px;transition:background-color .15s}.input-select .input__dropdown-option:first-child{border-radius:16px 16px 0 0}.input-select .input__dropdown-option:last-child{border-radius:0 0 16px 16px}.input-select .input__dropdown-option:hover,.input-select .input__dropdown-option.--highlighted{background-color:#e2e4e9}.input-select .input__dropdown-option.--selected{background-color:#cfe0e6;font-weight:600}.input-select .input__dropdown-option.--selected:hover,.input-select .input__dropdown-option.--selected.--highlighted{background-color:#b1d9e6}.selection-control{flex-direction:column;gap:4px;display:flex}.selection-control__wrapper{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:16px 10px;display:flex}.selection-control__wrapper:hover{background-color:#f1f1f1}.selection-control__input{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 4px #0000}.selection-control__input:focus-visible~.selection-control__icon{box-shadow:0 0 0 4px #82cee640}.selection-control__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .15s,box-shadow .2s;display:flex}.selection-control__label{color:#333;-webkit-user-select:none;user-select:none}.selection-control__assistive-text{color:gray;margin-left:36px}.selection-control.--disabled .selection-control__wrapper{cursor:default;opacity:.5}.selection-control.--disabled .selection-control__label{color:gray}.selection-control.--has-error .selection-control__assistive-text{color:#eb0a1e}