.os-input{font-size:var(--os-input-font-size)}.os-input input,.os-input select,.os-input textarea{font-size:inherit;color:var(--os-input-color);border-radius:var(--os-input-border-radius);outline:none;-webkit-appearance:none;display:block;width:100%;padding:.6em 1em;height:2.2em;background-color:transparent;border:1px solid;border-color:var(--os-input-border-color);background-color:var(--os-input-background-color)}.os-input input:focus,.os-input select:focus,.os-input textarea:focus{border-color:var(--os-input-focus-border-color);box-shadow:var(--os-input-focus-shadow)}.os-input input::placeholder,.os-input select::placeholder,.os-input textarea::placeholder{color:var(--os-input-placeholder-color)}.os-input input:disabled,.os-input select:disabled,.os-input textarea:disabled{cursor:not-allowed;border-color:var(--os-input-disabled-border-color);background-color:var(--os-input-disabled-background-color)}.os-input textarea{height:auto}.os-input-box{display:block;line-height:1;outline:none;transition:.1s}.os-input-group{display:flex;align-items:center;justify-content:center}.os-input-group .os-input-box{flex:1}.os-input-group>div:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.os-input-group>div:not(:first-child)>input{border-top-left-radius:0;border-bottom-left-radius:0}.os-input-group>div:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.os-input-group>div:not(:last-child)>input{border-top-right-radius:0;border-bottom-right-radius:0}.os-input{--os-shadow-base: 0 0px 4px rgba(61, 158, 255, .2);--os-input-font-size: var(--os-heading8);--os-input-color: var(--os-color-neutral-9);--os-input-border-radius: var(--os-border-radius-base);--os-input-border-color: var(--os-color-neutral-3);--os-input-background-color: var(--os-color-neutral-0);--os-input-focus-border-color: var(--os-color-primary);--os-input-focus-shadow: var(--os-shadow-base);--os-input-placeholder-color: var(--os-color-neutral-3);--os-input-disabled-border-color: var(--os-color-neutral-2);--os-input-disabled-background-color: var(--os-color-neutral-1);--os-input-prevend-background-color: var(--os-color-neutral-1);--os-input-append-background-color: var(--os-color-neutral-1)}.os-input-large{--os-input-font-size: var(--os-heading7)}.os-input-mini{--os-input-font-size: var(--os-heading9)}.os-input-prefix{position:relative}.os-input-prefix input,.os-input-prefix select{padding-left:2em}.os-input-prefix .os-input-prefix-icon{position:absolute;top:0;bottom:0;left:.5em;display:flex;align-items:center;justify-content:center;color:var(--os-color-neutral-5)}.os-input-suffix{position:relative}.os-input-suffix input,.os-input-suffix select{padding-right:2em}.os-input-suffix .os-input-suffix-icon{position:absolute;top:0;bottom:0;right:.5em;display:flex;align-items:center;justify-content:center;color:var(--os-color-neutral-5)}.os-input-suffix .os-input-clear{display:none;background-color:var(--os-input-background-color)}.is-clear:hover .os-input-clear{display:inline}.os-input-prevend{padding:.6em 1em;height:2.2em;border:1px solid;border-right-width:0;border-radius:var(--os-input-border-radius);border-color:var(--os-input-border-color);display:flex;align-items:center;justify-content:center;border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--os-input-prevend-background-color)}.os-input-prevend>[class^=os-input],.os-input-prevend>[class^=os-select],.os-input-prevend>[class^=os-button]{border-top-right-radius:0;border-bottom-right-radius:0}.os-input-prevend>[class^=os-input] input,.os-input-prevend>[class^=os-input] select,.os-input-prevend>[class^=os-select] input,.os-input-prevend>[class^=os-select] select,.os-input-prevend>[class^=os-button] input,.os-input-prevend>[class^=os-button] select{border-top-right-radius:0;border-bottom-right-radius:0}.os-input-prevend>[class^=os-input]:first-child,.os-input-prevend>[class^=os-select]:first-child,.os-input-prevend>[class^=os-button]:first-child{margin-left:calc(-1em - 1px)}.os-input-prevend>[class^=os-input]:not(:first-child),.os-input-prevend>[class^=os-select]:not(:first-child),.os-input-prevend>[class^=os-button]:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.os-input-prevend>[class^=os-input]:not(:first-child) input,.os-input-prevend>[class^=os-input]:not(:first-child) select,.os-input-prevend>[class^=os-select]:not(:first-child) input,.os-input-prevend>[class^=os-select]:not(:first-child) select,.os-input-prevend>[class^=os-button]:not(:first-child) input,.os-input-prevend>[class^=os-button]:not(:first-child) select{border-top-left-radius:0;border-bottom-left-radius:0}.os-input-prevend>[class^=os-input]:last-child,.os-input-prevend>[class^=os-select]:last-child,.os-input-prevend>[class^=os-button]:last-child{margin-right:calc(-1em - 1px)}.os-input-append{padding:.6em 1em;height:2.2em;border:1px solid;border-left-width:0;border-radius:var(--os-input-border-radius);border-color:var(--os-input-border-color);display:flex;align-items:center;justify-content:center;background-color:var(--os-input-append-background-color)}.os-input-append>[class^=os-input],.os-input-append>[class^=os-select],.os-input-append>[class^=os-button]{border-top-left-radius:0;border-bottom-left-radius:0}.os-input-append>[class^=os-input] input,.os-input-append>[class^=os-input] select,.os-input-append>[class^=os-select] input,.os-input-append>[class^=os-select] select,.os-input-append>[class^=os-button] input,.os-input-append>[class^=os-button] select{border-top-left-radius:0;border-bottom-left-radius:0}.os-input-append>[class^=os-input]:first-child,.os-input-append>[class^=os-select]:first-child,.os-input-append>[class^=os-button]:first-child{margin-left:calc(-1em - 1px)}.os-input-append>[class^=os-input]:last-child,.os-input-append>[class^=os-select]:last-child,.os-input-append>[class^=os-button]:last-child{margin-right:calc(-1em - 1px)}.os-input-append>[class^=os-input]:not(:last-child),.os-input-append>[class^=os-select]:not(:last-child),.os-input-append>[class^=os-button]:not(:last-child){margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.os-input-append>[class^=os-input]:not(:last-child) input,.os-input-append>[class^=os-input]:not(:last-child) select,.os-input-append>[class^=os-select]:not(:last-child) input,.os-input-append>[class^=os-select]:not(:last-child) select,.os-input-append>[class^=os-button]:not(:last-child) input,.os-input-append>[class^=os-button]:not(:last-child) select{border-top-right-radius:0;border-bottom-right-radius:0}