@layer base{._inputWrapper_1omku_2{position:relative;display:inline-block;width:100%}._input_1omku_2{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--foreground);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);width:100%;height:2.25rem;outline:none;position:relative;z-index:1;box-shadow:var(--shadow-xs),var(--shadow-inner);transition:border-color var(--animation-duration-normal) var(--ease-smooth),background-color var(--animation-duration-normal) var(--ease-smooth),box-shadow var(--animation-duration-normal) var(--ease-smooth),transform var(--animation-duration-fast) var(--ease-smooth),border-radius var(--animation-duration-fast) var(--ease-smooth),color var(--animation-duration-fast) var(--ease-smooth);will-change:transform,box-shadow,border-color}._inputWrapper_1omku_2:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--shine-gradient);border-radius:var(--radius);pointer-events:none;z-index:2;opacity:0;transition:opacity var(--animation-duration-fast) var(--ease-smooth)}._inputWrapper_1omku_2:hover:before{animation:_shimmer_1omku_1 1.5s var(--ease-smooth);opacity:1}._inputWrapper_1omku_2:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 20%,transparent);transform:translate(-50%,-50%);pointer-events:none;z-index:0;transition:width var(--animation-duration-slow) var(--ease-smooth),height var(--animation-duration-slow) var(--ease-smooth),opacity var(--animation-duration-slow) var(--ease-smooth);opacity:0}._input_1omku_2:active~._inputWrapper_1omku_2:after,._inputWrapper_1omku_2:has(._input_1omku_2:active):after{width:100%;height:100%;opacity:1}._input_1omku_2::placeholder{color:var(--muted-foreground);opacity:.7;transition:opacity var(--animation-duration-normal) var(--ease-smooth),transform var(--animation-duration-normal) var(--ease-smooth)}._input_1omku_2:hover{border-color:color-mix(in srgb,var(--primary) 60%,var(--border));background-color:color-mix(in srgb,var(--card) 97%,var(--primary) 3%);box-shadow:var(--shadow-sm),var(--shadow-inner);transform:translateY(-1px)}._input_1omku_2:focus{border-color:var(--primary);background-color:var(--card);box-shadow:0 0 0 1px var(--primary),0 0 8px color-mix(in srgb,var(--primary) 20%,transparent)}._input_1omku_2:focus::placeholder{opacity:.5;transform:translateY(-2px)}._input_1omku_2:not(:placeholder-shown){color:color-mix(in srgb,var(--foreground) 95%,var(--primary) 5%)}._input_1omku_2:disabled{background-color:var(--muted);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,color-mix(in srgb,var(--border) 30%,transparent) 10px,color-mix(in srgb,var(--border) 30%,transparent) 11px);color:var(--muted-foreground);cursor:not-allowed;opacity:.6;filter:grayscale(.8);box-shadow:var(--shadow-inner);transform:none;will-change:auto}._input_1omku_2:disabled::placeholder{opacity:.4}._input_1omku_2:-webkit-autofill,._input_1omku_2:-webkit-autofill:hover,._input_1omku_2:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--card) 95%,var(--primary) 5%) inset,var(--shadow-xs);transition:background-color 5000s ease-in-out 0s;border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.dark ._input_1omku_2{background-color:color-mix(in srgb,var(--background) 85%,black);box-shadow:var(--shadow-xs),var(--shadow-inner)}.dark ._input_1omku_2:hover{background-color:color-mix(in srgb,var(--background) 80%,black);border-color:color-mix(in srgb,var(--primary) 70%,transparent);box-shadow:var(--shadow-sm),var(--shadow-inner)}.dark ._input_1omku_2:focus{background-color:color-mix(in srgb,var(--background) 85%,black);box-shadow:0 0 0 1px var(--primary),0 0 8px color-mix(in srgb,var(--primary) 25%,transparent)}.dark ._input_1omku_2:-webkit-autofill,.dark ._input_1omku_2:-webkit-autofill:hover,.dark ._input_1omku_2:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px color-mix(in srgb,var(--background) 85%,var(--primary) 5%) inset,var(--shadow-xs)}}
