@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-gradient{0%{--angle:0deg}to{--angle:360deg}}.gradient-border-animated .mantine-Input-wrapper{border-radius:var(--mantine-radius-default,.25rem);isolation:isolate;position:relative}.gradient-border-animated .mantine-Input-wrapper:before{content:"";border-radius:calc(var(--mantine-radius-default,.25rem) + 2px);z-index:-1;background:conic-gradient(from var(--angle), #ffa240, #ff714e, #b6336b, #ff714e, #ffa240);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-2px}.gradient-border-animated:focus-within .mantine-Input-wrapper:before{opacity:1;animation:6s linear infinite rotate-gradient}.gradient-border-animated .mantine-InputWrapper-label{color:#000;font-weight:500}.gradient-border-animated .mantine-InputWrapper-description{color:#4d4d4d}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.page-transition-enter{animation:.4s ease-out forwards fadeSlideIn}.page-transition-exit{animation:.3s ease-in forwards fadeSlideOut}