:root{--cs-input-radius:10px;--cs-input-radius-xs:2px;--cs-input-radius-sm:4px;--cs-input-radius-md:6px;--cs-input-radius-lg:8px;--cs-input-radius-xl:12px;--cs-input-radius-2xl:16px;--cs-input-h-xs:24px;--cs-input-h-sm:28px;--cs-input-h-md:36px;--cs-input-h-lg:44px;--cs-input-pad-x-sm:8px;--cs-input-pad-x-md:10px;--cs-input-pad-x-lg:12px;--cs-input-fs:var(--font-size-md);--cs-input-label-fs:var(--font-size-xs-sm);--cs-input-label-bg:var(--cs-bg-canvas);--cs-input-label-font-weight:var(--font-weight-semibold);--cs-input-label-color:var(--cs-text-primary);--cs-input-helper-fs:var(--font-size-xs-sm);--cs-input-label-inline-w:140px;--cs-input-over-label-fs:var(--font-size-xs);--cs-input-over-label-offset-x:8px;--cs-input-over-label-offset-y:8px;--cs-input-over-extra-pad-top:14px;--cs-input-suffix-w:28px;--cs-input-focus-color:var(--cs-focus);--cs-input-focus-width:1px;--cs-input-focus-offset:4px;--cs-input-fg:var(--cs-text-primary);--cs-input-bg:var(--cs-surface-raised);--cs-input-placeholder:var(--cs-text-secondary);--cs-input-icon:var(--cs-icon-secondary);--cs-input-label:var(--cs-text-primary);--cs-input-border:var(--cs-border-default);--cs-input-border-hover:var(--cs-border-hover);--cs-input-border-focus:var(--cs-focus);--cs-input-disabled-border:var(--cs-border-subtle);--cs-input-error-border:var(--cs-state-error);--cs-input-success-border:var(--cs-state-success);--cs-input-disabled-bg:var(--cs-accent-slate-fill-subtle);--cs-input-disabled-fg:var(--cs-text-muted);--cs-input-helper:var(--cs-text-secondary);--cs-input-error-helper:var(--cs-state-error);--cs-input-success-helper:var(--cs-state-success);--cs-input-icon-error:var(--cs-state-error);--cs-input-icon-success:var(--cs-state-success);--cs-input-icon-disabled:var(--cs-icon-muted);--cs-input-success-icon:var(--cs-state-success);--cs-input-error-icon:var(--cs-state-error)}.cs-input{min-width:0;font-size:var(--cs-input-fs);border-radius:var(--cs-input-radius);display:grid}.cs-input--block{width:100%}.cs-input--xs .cs-input__control{min-height:var(--cs-input-h-xs)}.cs-input--sm .cs-input__control{min-height:var(--cs-input-h-sm)}.cs-input--md .cs-input__control{min-height:var(--cs-input-h-md)}.cs-input--lg .cs-input__control{min-height:var(--cs-input-h-lg)}.cs-input__label{width:fit-content;font-size:var(--cs-input-label-fs);color:var(--cs-input-label-color);-webkit-user-select:none;user-select:none;line-height:1.2;font-weight:var(--cs-input-label-font-weight);margin-bottom:6px}.cs-input__label.is-non-clickable{pointer-events:none}.cs-input__req{color:var(--cs-state-error);margin-left:2px}.cs-input__helper{font-size:var(--cs-input-helper-fs);color:var(--cs-input-helper);margin:8px 0 0}.cs-input__field{background:var(--cs-input-bg);width:100%;min-width:0;color:var(--cs-input-fg);border:1px solid var(--cs-input-border);border-radius:inherit;align-items:center;transition:border-color .12s ease-in-out,box-shadow .12s ease-in-out,background-color .12s ease-in-out;display:flex;position:relative;overflow:hidden}.cs-input__control-wrap{flex:auto;min-width:0;display:flex;position:relative}.cs-input__control{appearance:none;color:inherit;width:100%;min-width:0;height:auto;padding-inline:var(--cs-input-pad-x-lg);font:inherit;border-radius:inherit;background:0 0;border:0;outline:0;flex:auto}.cs-input__control.cursor-pointer{cursor:pointer}.cs-input__control--with-readonly-overlay{color:#0000;caret-color:#0000;-webkit-text-fill-color:transparent}.cs-input__readonly-value{min-width:0;padding-inline:var(--cs-input-pad-x-lg);text-overflow:ellipsis;white-space:nowrap;color:inherit;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.cs-input__readonly-value.cursor-pointer{cursor:pointer}.cs-input--sm .cs-input__control,.cs-input--lg .cs-input__control{padding-inline:var(--cs-input-pad-x-lg)}.cs-input__control::placeholder{color:var(--cs-input-placeholder);font-weight:400}.cs-input__trailing{flex:none;align-self:stretch;align-items:stretch;display:inline-flex}.cs-input__suffix{pointer-events:none;justify-content:center;align-items:center;gap:4px;width:auto;height:100%;padding-inline:8px;display:inline-flex}.cs-input__clear{width:20px;height:20px;color:var(--cs-input-icon);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:opacity .12s ease-in-out,background-color .12s ease-in-out;display:inline-flex}.cs-input__clear.is-visible,.cs-input__clear:focus-visible{opacity:1;pointer-events:auto}.cs-input__clear:hover{background:var(--cs-interactive-hover)}.cs-input__clear:active{background:var(--cs-interactive-pressed)}.cs-input__clear-icon{width:12px;height:12px}.cs-input__field:has(.cs-input__suffix>*) .cs-input__control{border-radius:inherit;box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important;-moz-text-fill-color:var(--cs-input-fg,#111)!important}.cs-input__spinner{border:2px solid var(--cs-text-secondary);border-top-color:#0000;border-radius:9999px;flex:none;align-self:center;width:16px;height:16px;margin-inline:12px;animation:.8s linear infinite cs-input-spin;display:inline-flex}@keyframes cs-input-spin{to{transform:rotate(360deg)}}.cs-input__toggle{pointer-events:auto;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-self:stretch;align-items:center;height:100%;padding-inline:12px;display:inline-flex}.cs-input__password-icon{color:var(--cs-icon-secondary)}.cs-input__field:hover{border-color:var(--cs-input-border-hover)}.cs-input__field:focus-within{border-color:var(--cs-input-border-focus)}.cs-input.is-disabled .cs-input__field{background:var(--cs-input-disabled-bg);color:var(--cs-input-disabled-fg);border-color:var(--cs-input-disabled-border);cursor:not-allowed}.cs-input.is-disabled .cs-input__control{cursor:not-allowed;color:inherit;-webkit-text-fill-color:currentColor;opacity:1;background:0 0;box-shadow:none!important}.cs-input.is-disabled .cs-input__label{opacity:.8}.cs-input.is-disabled .cs-input__prefix,.cs-input.is-disabled .cs-input__suffix,.cs-input.is-disabled .cs-input__toggle,.cs-input.is-disabled .cs-input__label{cursor:not-allowed}.cs-input.is-error .cs-input__field{border-color:var(--cs-input-error-border)}.cs-input.is-error .cs-input__helper{color:var(--cs-input-error-helper)}.cs-input.is-success:not(.is-error) .cs-input__field{border-color:var(--cs-input-success-border)}.cs-input.is-success:not(.is-error) .cs-input__field:focus-within .cs-input__trailing>*+*{border-left-color:var(--cs-input-success-border)}.cs-input.is-success:not(.is-error) .cs-input__helper{color:var(--cs-input-success-helper)}.cs-input.is-error .cs-input__field:focus-within .cs-input__trailing>*+*{border-left-color:var(--cs-input-error-border)}.cs-input--label-left{grid-template-columns:var(--cs-input-label-inline-w) 1fr;align-items:center}.cs-input--label-left .cs-input__label{grid-column:1;margin-bottom:0}.cs-input--label-left .cs-input__field,.cs-input--label-left .cs-input__helper{grid-column:2}.cs-input--label-over{position:relative}.cs-input--label-over .cs-input__label{left:var(--cs-input-over-label-offset-x);top:calc(var(--cs-input-over-label-offset-y) * -1);font-size:var(--cs-input-over-label-fs);z-index:1;background:0 0;margin:0;padding:0 1px;position:absolute}.cs-input--label-over .cs-input__label:before{content:"";background:var(--cs-input-bg);z-index:-1;width:100%;height:2px;position:absolute;top:calc(50% + 1px);left:0;transform:translateY(-50%)}.cs-input--sm .cs-input__field,.cs-input--md .cs-input__field,.cs-input--lg .cs-input__field{border-radius:inherit}.cs-input__control:-webkit-autofill{caret-color:var(--cs-input-fg,#111);transition:background-color 99999s ease-out,color 99999s ease-out;-webkit-text-fill-color:var(--cs-input-fg,#111)!important;-webkit-box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important;box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important}.cs-input__control:-webkit-autofill:hover{caret-color:var(--cs-input-fg,#111);transition:background-color 99999s ease-out,color 99999s ease-out;-webkit-text-fill-color:var(--cs-input-fg,#111)!important;-webkit-box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important;box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important}.cs-input__control:-webkit-autofill:focus{caret-color:var(--cs-input-fg,#111);transition:background-color 99999s ease-out,color 99999s ease-out;-webkit-text-fill-color:var(--cs-input-fg,#111)!important;-webkit-box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important;box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important}.cs-input__control:-moz-autofill{box-shadow:0 0 0px 1000px var(--cs-input-bg,#fff) inset!important;-moz-text-fill-color:var(--cs-input-fg,#111)!important}.cs-input__prefix{align-items:center;gap:8px;display:inline-flex}.cs-input__field:has(.cs-input__prefix>*) .cs-input__control{border-radius:inherit;padding-left:12px}.cs-input--wrappable .cs-input__field{flex-wrap:wrap;align-content:flex-start;gap:8px;padding:8px 12px}.cs-input--wrappable .cs-input__prefix{flex-wrap:wrap;gap:8px;display:flex}.cs-input--wrappable .cs-input__control{flex:260px;min-width:240px}.fade-slide-enter-from{opacity:0;transform:translateY(-20%)}.fade-slide-enter-active{transition:transform .15s,opacity .15s}.fade-slide-leave-to{opacity:0;transform:translateY(20%)}.fade-slide-leave-active{transition:transform .15s,opacity .15s}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}