div.InputWrapper{color:var(--grey-600)}div.InputWrapper[disabled]{pointer-events:none}div.InputWrapper div.Input{align-items:stretch;background-color:var(--general-white);border-color:var(--grey-350);border-radius:10px;border-width:2px;display:flex;flex-direction:row;justify-content:space-between;padding:10px 16px 6px;position:relative}div.InputWrapper div.Input div.Icon{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:1}div.InputWrapper div.Input div.Icon.Left{margin-right:.5rem}div.InputWrapper div.Input div.Icon.Right{margin-left:.5rem}div.InputWrapper div.Input div.Icon i.icon-check{color:var(--success)}div.InputWrapper div.Input div.Inner{flex:1 1 0%;position:relative;z-index:1}div.InputWrapper div.Input div.Inner label{display:block;font-size:1.6rem;font-weight:500;margin-bottom:-4px;margin-top:-2px;pointer-events:none;position:absolute;--tw-translate-y:10px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}div.InputWrapper div.Input div.Inner input,div.InputWrapper div.Input div.Inner textarea{color:var(--general-black);font-size:1.4rem;line-height:2rem;padding-bottom:8px;padding-top:16px;width:100%}div.InputWrapper div.Input div.Inner input::-moz-placeholder,div.InputWrapper div.Input div.Inner textarea::-moz-placeholder{color:var(--grey-500)}div.InputWrapper div.Input div.Inner input::placeholder,div.InputWrapper div.Input div.Inner textarea::placeholder{color:var(--grey-500)}div.InputWrapper div.Input div.Inner input,div.InputWrapper div.Input div.Inner textarea{background-color:transparent;outline:none!important}div.InputWrapper div.Input:before{border-radius:8px;border-width:2px;content:"";top:-2px;right:-2px;bottom:-2px;left:-2px;opacity:0;pointer-events:none;position:absolute;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}div.InputWrapper div.Input[data-type=date] label{--tw-translate-y:0px!important;font-size:1rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}div.InputWrapper div.Input:focus-within:before{opacity:1;--outline-bg:#fff;background:linear-gradient(var(--outline-bg),var(--outline-bg)) padding-box,linear-gradient(60deg,var(--primary) 0,var(--accent-pink) 100%) border-box;border:var(--border-width) solid transparent}div.InputWrapper div.Input:focus-within label{--tw-translate-y:0px!important;font-size:1rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}div.InputWrapper div.Input:focus-within div.Icon{padding-bottom:4px}div.InputWrapper div.Input[filled=true] label{--tw-translate-y:0px!important;font-size:1rem!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}div.InputWrapper div.Input[filled=true] div.Icon{padding-bottom:4px}div.InputWrapper div.Input[has-errors]:before{border-color:var(--error);opacity:1}div.InputWrapper div.Helpers{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:4px;padding-left:18px;padding-right:18px;width:100%}div.InputWrapper div.Helpers div.Errors div.Inner{align-items:center;color:var(--error);display:flex;flex-direction:row;justify-content:flex-start}div.InputWrapper div.Helpers div.Errors div.Inner i{margin-right:4px}div.InputWrapper[data-mode=dark] div.Input{background-color:var(--grey-900);color:var(--grey-500)}div.InputWrapper[data-mode=dark] div.Input input,div.InputWrapper[data-mode=dark] div.Input textarea{color:var(--general-white)!important}div.InputWrapper[data-mode=dark] div.Input:focus-within:before{--outline-bg:#000}