.axy-input-gradient{background:#fff;border-radius:.375rem;position:relative}.axy-input-gradient:before{background:linear-gradient(45deg,var(--axy-primary-deep-purple-hover) 35%,var(--axy-primary-light-blue-hover) 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:.375rem;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.axy-input-gradient:after{background-image:radial-gradient(circle at 50% 50%,transparent 0,hsla(0,0%,100%,.1) 1%,transparent 2%),radial-gradient(circle at 25% 25%,transparent 0,hsla(0,0%,100%,.05) 1%,transparent 2%),radial-gradient(circle at 75% 75%,transparent 0,hsla(0,0%,100%,.08) 1%,transparent 2%);background-position:0 0,2px 2px,4px 4px;background-size:4px 4px,6px 6px,8px 8px;border-radius:inherit;content:"";inset:0;opacity:.3;pointer-events:none;position:absolute}.axy-input-gradient:focus-within:before{background:linear-gradient(45deg,var(--axy-primary-deep-purple-focus) 0,var(--axy-primary-light-blue-focus) 100%)}.axy-input-gradient:focus-within{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(94,2,142,.2)}.axy-input-gradient:hover:before{background:linear-gradient(45deg,var(--axy-primary-deep-purple-hover) 0,var(--axy-primary-light-blue-hover) 100%)}.axy-input-gradient[data-disabled]{background:#f8fafc;cursor:not-allowed;opacity:.6}.axy-input-gradient[data-disabled]:before{background:linear-gradient(45deg,var(--axy-primary-deep-purple-disabled) 0,var(--axy-primary-light-blue-disabled) 100%)}.axy-input-gradient[data-error]:before{background:linear-gradient(45deg,var(--axy-primary-orange-red-active) 0,var(--axy-primary-orange-red-hover) 100%)}.axy-input-gradient>input{background:transparent;border:none}.axy-input-gradient .input-icon,.axy-input-gradient>input{position:relative;z-index:10}.axy-focus-ring{position:relative;transition:box-shadow .2s ease-in-out}.axy-focus-ring:focus-visible,.axy-focus-ring:focus-within,.axy-focus-ring[data-state=open]{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(94,2,142,.2);outline:none}