:export{tabletLandscape:"max-width: 1279px";tabletPortrait:"max-width: 992px";phone:"max-width: 576px"}.base-input label{position:absolute;z-index:2;top:-7rem;left:27rem;opacity:0;padding:0 4rem;background:linear-gradient(to bottom,var(--color-grey-100) 0,var(--color-grey-100) 50%,var(--color-grey-100) 50%,var(--color-white) 50%,var(--color-white) 100%);font-size:14rem;line-height:14rem;color:var(--color-grey-500);transition:opacity .2s,visibility .2s;visibility:hidden}.base-input label.show-label{visibility:visible;opacity:1}.base-input:focus-within label{visibility:visible;opacity:1}.base-input input{border:1px solid var(--color-grey-300);border-radius:40rem;width:100%;padding:20rem 30rem;background:var(--color-white);font-size:var(--body-font-size)}.base-input input::-moz-placeholder{-moz-transition:color .2s;transition:color .2s;color:var(--color-grey-500)}.base-input input::placeholder{transition:color .2s;color:var(--color-grey-500)}.base-input input:focus{border-color:var(--color-primary)}.base-input input:focus::-moz-placeholder{color:transparent}.base-input input:focus::placeholder{color:transparent}.base-input input:disabled{cursor:not-allowed}.base-input.autofill input{background:transparent}.base-input.autofill label{background:linear-gradient(to bottom,var(--color-grey-100) 0,var(--color-grey-100) 50%,var(--color-grey-100) 50%,var(--color-grey-100) 50%,var(--color-grey-100) 100%)}.base-input.error label{color:var(--color-red)}.base-input.error input{border-color:var(--color-red);animation:pulse-red 1s}@keyframes pulse-red{0%{box-shadow:0 0 #db4649b3}70%{box-shadow:0 0 0 10px #db464900}to{box-shadow:0 0 #db464900}}.base-input.valid label{color:var(--color-green)}.base-input.valid input{border-color:var(--color-green);animation:pulse-green 1s}@keyframes pulse-green{0%{box-shadow:0 0 #30af4cb3}70%{box-shadow:0 0 0 10px #30af4c00}to{box-shadow:0 0 #30af4c00}}.base-input .icon{cursor:pointer}.base-input .icon:hover path{fill:var(--color-green)}.base-input .icon.eye{position:absolute;top:20rem;right:30rem}.base-input .icon.clear{position:absolute;right:70rem;top:18rem;z-index:1}.base-input .icon.clear path{fill:var(--color-red)}.base-input .error-message{margin-top:10rem;padding-left:30rem;font-size:14rem;color:var(--color-red)}.base-input .warning-message{margin-top:10rem;padding-left:30rem;font-size:14rem;color:var(--color-green)}