:root{--s-input-padding-y:5px;--s-input-padding-y-borderless:6px;--s-input-padding-x:var(--s-size-sm);--s-input-gap:var(--s-size-xs);--s-input-border-radius:var(--s-border-radius);--s-input-border-color:var(--s-border-color);--s-input-border-color-focused:var(--s-color-primary);--s-input-bg:rgba(0,0,0,0);--s-input-bg-disabled:var(--s-bg-color-disabled);--s-input-duration:var(--s-duration);--s-input-control-height:24px;--s-input-control-font-size:var(--s-font-size);--s-input-control-line-height:var(--s-line-height-normal);--s-input-control-color-disabled:var(--s-text-color-disabled);--s-input-placeholder-color:var(--s-text-color-fourth);--s-input-append-gap:var(--s-size-xs);--s-input-clear-font-size:var(--s-size);--s-input-clear-color:var(--s-text-color-fourth);--s-input-eye-font-size:var(--s-size);--s-input-eye-color:var(--s-text-color-fourth);--s-input-count-font-size:var(--s-font-size-sm);--s-input-count-line-height:var(--s-line-height-tight);--s-input-count-color:var(--s-text-color-tertiary);--s-input-count-margin-top:var(--s-size-2xs)}.s-input{position:relative;display:flex;align-items:center;gap:var(--s-input-gap);padding:var(--s-input-padding-y) var(--s-input-padding-x);border:1px solid var(--s-input-border-color);border-radius:var(--s-input-border-radius);font-size:var(--s-input-control-font-size);line-height:var(--s-input-control-line-height);transition:var(--s-input-duration)}.s-input--borderless{padding-top:var(--s-input-padding-y-borderless);padding-bottom:var(--s-input-padding-y-borderless);border-width:0}.s-input--inlaid{padding:0;border-width:0}.s-input--inlaid .s-input__tools{min-width:0;margin-inline-end:0}.s-input--inlaid .s-input__append{margin-inline-end:0}.s-input:is(.is-focused){border-color:var(--s-input-border-color-focused);z-index:1}.s-input:is(.is-disabled){background:var(--s-input-bg-disabled)}.s-input__control{flex:1;width:100%;max-width:100%;min-width:0;margin:0;padding:0;border-width:0;font-size:inherit;line-height:inherit;background:var(--s-input-bg);appearance:none;outline:none;text-align:inherit;color:inherit}.s-input__control:is(input){height:var(--s-input-control-height)}.s-input__control:is(input)::-ms-reveal{display:none}.s-input__control:is(input)::-webkit-search-cancel-button{display:none}.s-input__control:is(textarea){min-height:var(--s-input-control-height);resize:none}.s-input__control::placeholder{color:var(--s-input-placeholder-color)}.s-input__prepend,.s-input__append{display:flex;align-items:center;align-self:stretch;flex:none;line-height:1}.s-input__append{gap:var(--s-input-append-gap)}.s-input__clear{position:relative;z-index:2;display:flex;align-self:stretch;justify-content:center;align-items:center;font-size:var(--s-input-clear-font-size);color:var(--s-input-clear-color);cursor:pointer}.s-input__clear::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5, 1)}.s-input__eye{position:relative;display:flex;align-self:stretch;justify-content:center;align-items:center;font-size:var(--s-input-eye-font-size);color:var(--s-input-eye-color);cursor:pointer}.s-input__eye::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.5, 1)}.s-input__count{display:flex;align-items:center;font-size:var(--s-input-count-font-size);line-height:var(--s-input-count-line-height);color:var(--s-input-count-color);white-space:nowrap;pointer-events:none}.s-input--textarea .s-input__count{position:absolute;top:100%;margin-top:var(--s-input-count-margin-top);inset-inline-end:0}.s-input:is(.is-disabled) .s-input__control{color:var(--s-input-control-color-disabled)}.s-input:is(.is-readonly) .s-input__control{pointer-events:none}.s-input--compact-horizontal{width:auto;flex:0 1 auto}.s-input--compact-horizontal:not(:first-child){margin-inline-start:-1px}:root:not([dir=rtl]) .s-input--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-input--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-input--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-input--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-input--compact-block{flex:1 1 auto}