.base-input{-webkit-box-flex:0;display:flex;flex-direction:column;position:relative;transition:margin .2s}.base-input__cross-clear{cursor:pointer;font-size:0;opacity:0;pointer-events:none;transition:opacity .2s}.base-input__cross-clear img{width:100%}.base-input__cross-clear--vis{opacity:1;pointer-events:auto}.base-input input{background:transparent;border:none;font-family:Inter-SemiBold,sans-serif;font-size:14px;height:100%;letter-spacing:-.35px;line-height:18px;outline:none;text-transform:uppercase;transition:color .2s;width:100%}.base-input__field{flex:1;padding:0}.base-input__caption{margin-bottom:4px}.base-input__caption span{font-family:Inter-SemiBold,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:18px;text-transform:uppercase;transition:color .2s}.base-input__blk{height:100%;padding-bottom:8px;position:relative;transition:border-color .2s}.base-input__blk,.base-input__wrapper{width:100%;-webkit-box-flex:0;display:flex}.base-input__wrapper{height:26px}.base-input__plh{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;-webkit-box-flex:0;align-items:center;display:flex;opacity:0;padding-bottom:8px;transition:opacity .2s}.base-input__plh span{font-family:Inter-SemiBold,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:18px;opacity:.4;text-transform:uppercase;transition:color .2s}.base-input__plh--vis{opacity:1}.base-input__btn{height:calc(100% + 2px);padding-left:12px;padding-right:12px;position:relative}.base-input__error-message{font-family:Inter-SemiBold,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:18px;position:absolute;text-transform:uppercase;top:calc(100% + 8px)}.base-input--black .base-input__caption span{color:var(--black)}.base-input--black .base-input__wrapper{position:relative}.base-input--black .base-input__wrapper:after{background:var(--black);content:"";height:1px;left:0;position:absolute;top:100%;width:100%}.base-input--black .base-input__plh span{color:var(--black)}.base-input--black .base-input__error-message{color:#0f0f0f66}.base-input--black .base-input__field{color:var(--black)}.base-input--white .base-input__caption span{color:var(--white)}.base-input--white .base-input__wrapper{position:relative}.base-input--white .base-input__wrapper:after{background:var(--white);content:"";height:1px;left:0;position:absolute;top:100%;width:100%}.base-input--white .base-input__plh span{color:var(--white)}.base-input--white .base-input__error-message{color:#fcfcfc66}.base-input--white .base-input__field{color:var(--white)}.base-input--gradient .base-input__field{background:linear-gradient(270deg,#3a00fa,#a733ff 92.58%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.base-input--gradient .base-input__wrapper:after{background:linear-gradient(270deg,#3a00fa,#a733ff 92.58%)}.base-input--sm .base-input__cross-clear{height:16px;width:16px}.base-input--xl .base-input__cross-clear{height:32px;margin-right:16px;margin-top:16px;width:32px}@media only screen and (max-width:1279px){.base-input--xl .base-input__cross-clear{height:24px;width:24px}}@media only screen and (max-width:767px){.base-input--xl .base-input__cross-clear{height:16px;margin-right:4px;margin-top:4px;width:16px}}.base-input--xl .base-input__wrapper{height:auto}.base-input--xl .base-input__wrapper:after{height:4px;opacity:.4}@media only screen and (max-width:1279px){.base-input--xl .base-input__wrapper:after{height:2px}}@media only screen and (max-width:767px){.base-input--xl .base-input__wrapper:after{height:1px}}.base-input--xl.base-input--is-value .base-input__wrapper:after{opacity:1}@media only screen and (max-width:767px){.base-input--xl .base-input__plh{padding-bottom:0}}.base-input--xl .base-input__blk{height:auto}@media only screen and (max-width:767px){.base-input--xl .base-input__blk{padding-bottom:0}}.base-input--xl .base-input__field{height:auto}@media only screen and (min-width:1280px){.base-input--xl .base-input__field{line-height:66px}}@media only screen and (max-width:1279px) and (min-width:768px){.base-input--xl .base-input__field{line-height:49px}}.base-input--xl .base-input__error-message{color:var(--black);font-family:Inter-SemiBold,sans-serif;font-size:17px;letter-spacing:-.34px;line-height:22px;text-transform:uppercase}@media only screen and (max-width:767px){.base-input--xl .base-input__error-message{font-family:Inter-SemiBold,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:18px;text-transform:uppercase}}.base-input--xl .base-input__field,.base-input--xl .base-input__plh span{font-family:GraphikLCG-Medium,sans-serif;font-size:64px;letter-spacing:-2.56px;line-height:64px;text-transform:none}@media only screen and (max-width:1279px){.base-input--xl .base-input__field,.base-input--xl .base-input__plh span{font-family:GraphikLCG-Medium,sans-serif;font-size:48px;letter-spacing:-1.92px;line-height:48px;text-transform:none}}@media only screen and (max-width:767px){.base-input--xl .base-input__field,.base-input--xl .base-input__plh span{font-family:GraphikLCG-Medium,sans-serif;font-size:20px;letter-spacing:-.6px;line-height:22px;text-transform:uppercase;text-transform:none}}.base-input--error{margin-bottom:18px}.base-input--error .base-input__field{color:var(--error)}.base-input--error .base-input__wrapper:after{background:var(--error)}.base-input--error .base-input__caption span,.base-input--error .base-input__plh span{color:var(--error)}.base-input--disable .base-input__field{pointer-events:none}
