.x-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:400;text-transform:capitalize;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));opacity:.8}.x-label:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-input{position:relative;display:flex;align-items:center;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.x-input:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 50 52/var(--tw-bg-opacity))}.x-input .input-icon,.x-input .input-img{display:inline-flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center}.x-input .input-icon img,.x-input .input-img img{height:1.5rem}.x-input .input{width:100%;flex-grow:1;resize:none;border-style:none;background-color:transparent;padding:.65rem .75rem;font-size:.875rem;line-height:1.25rem;color:#000000cc;outline:2px solid transparent;outline-offset:2px}.x-input .input:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-input.has-start-icon .input{padding-inline-start:0}.x-input.has-end-icon .input{padding-inline-end:0}.x-input:before{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;border-width:.0625rem;border-color:#00000033;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.x-input:is(.dark *):before{--tw-border-opacity:1;border-color:rgb(98 89 92/var(--tw-border-opacity))}.x-input:before{content:""}.x-input:hover:before{border-color:#00000099}.x-input:hover:is(.dark *):before{--tw-border-opacity:1;border-color:rgb(78 77 80/var(--tw-border-opacity))}.x-input:focus-within{--tw-shadow:0px 0px 0px 0.281rem #85b21121;--tw-shadow-colored:0px 0px 0px 0.281rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.x-input:focus-within:before{border-width:.094rem;--tw-border-opacity:1;border-color:rgb(178 226 71/var(--tw-border-opacity))}.x-input:focus-within:is(.dark *):before{--tw-border-opacity:1;border-color:rgb(178 226 71/var(--tw-border-opacity))}.x-input.error-state:before{--tw-border-opacity:1;border-color:rgb(228 50 50/var(--tw-border-opacity))}.x-input.design-outlined{background-color:transparent}.x-input.design-outlined:before{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.x-input.design-outlined:is(.dark *):before{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.x-input.design-outlined input:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}