.ark-input{transition:background .2s ease-in-out;--border:1px solid var(--ark-grey-b);--placeholder:var(--ark-text-color-64);align-items:center;background:var(--ark-background-color);box-shadow:0 1px 1px #0000000a;cursor:pointer;display:flex;height:var(--height);min-height:var(--height);position:relative}.ark-input[data-size=s]{--height:var(--ark-height-s);border-radius:var(--ark-radius-s);font:var(--ark-font-xs);padding-left:var(--ark-padding-s)}.ark-input[data-size=m]{--height:var(--ark-height-m);border-radius:var(--ark-radius-m);font:var(--ark-font-m);padding-left:var(--ark-padding-m)}.ark-input[data-size=l]{--height:var(--ark-height-l);border-radius:var(--ark-radius-l);font:var(--ark-font-m);padding-left:var(--ark-padding-l)}.ark-input[data-state=hovered]{--border:2px solid var(--ark-text-color-32)}.ark-input[data-state=focused]{--border:2px solid var(--ark-primary)}.ark-input[data-state=invalid]{--border:2px solid var(--ark-error)}.ark-input[data-state=disabled]{opacity:var(--ark-disabled-opacity);pointer-events:none}.ark-input[data-editable=true]{cursor:text}.ark-input[data-label=true]{--placeholder:transparent}.ark-input[data-label=true][data-raized=true]{--placeholder:var(--ark-text-color-24)}.ark-input[data-label=true] .ark-input__native{border-bottom:.25rem solid transparent;border-left-color:transparent;border-left-style:solid;border-right-color:transparent;border-right-style:solid;border-top:1.25rem solid transparent}.ark-input[data-label=true] .ark-input__native::-moz-placeholder{padding-left:.125rem}.ark-input[data-label=true] .ark-input__native::placeholder{padding-left:.125rem}.ark-input__native{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:inherit;caret-color:currentColor;color:inherit;font-weight:inherit;line-height:inherit;outline:none;padding:0;text-align:left;word-break:keep-all;-webkit-text-fill-color:currentColor;border-radius:0;bottom:0;cursor:inherit;font-size:inherit;left:0;letter-spacing:var(--letter-spacing,normal);overflow:hidden;position:absolute;right:0;top:0;white-space:nowrap}.ark-input__native:-webkit-autofill,.ark-input__native:-webkit-autofill:focus,.ark-input__native:-webkit-autofill:hover{caret-color:var(--ark-text-color);color:inherit!important;-webkit-text-fill-color:var(--ark-text-color)!important}.ark-input__native:-webkit-autofill{animation-name:arkOnAutoFillStart;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.ark-input__native:not(:-webkit-autofill){animation-name:arkOnAutoFillCancel}@supports (-webkit-touch-callout:none){.ark-input__native:active{font-size:inherit}}.ark-input__native:readonly{cursor:default;text-overflow:ellipsis}.ark-input__native::-moz-placeholder{color:var(--placeholder)}.ark-input__native::placeholder{color:var(--placeholder)}.ark-input__native[data-hide=true]{opacity:.000001}.ark-input__label{border-color:transparent;border-style:solid;color:var(--ark-text-color-64);display:block;font:var(--ark-font-l);line-height:var(--height);pointer-events:none;text-align:left;transition:all .2s ease-in-out;transition-property:transform,font-size,line-height,color;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,font-size,line-height,color}.ark-input__label[data-raized=true]{font:var(--ark-font-s);line-height:var(--height);transform:translateY(-25%) translateY(2px)}.ark-input:after{border:var(--border);border-radius:inherit;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:border .2s ease-in-out;width:100%}.ark-input__left{align-items:center;color:var(--ark-text-color-48);display:flex;justify-content:center}.ark-input[data-size=s] .ark-input__left{padding-right:var(--ark-padding-s)}.ark-input[data-size=m] .ark-input__left{padding-right:var(--ark-padding-m)}.ark-input[data-size=l] .ark-input__left{padding-right:var(--ark-padding-l)}.ark-input__template{align-items:center;display:flex}.ark-input__wrapper{border-radius:inherit;color:var(--ark-text-color);height:100%;position:relative;width:100%}.ark-input__icon{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font-size:inherit;height:100%;line-height:inherit;padding:0;transition:all .2s ease-in-out;transition-property:opacity}.ark-input__icon:active,.ark-input__icon:focus{outline:none}.ark-input__icon:hover{opacity:var(--ark-hover-opacity)}.ark-input__icons{color:var(--ark-text-color-64);display:flex;gap:.5em;height:inherit;padding-left:.5em}.ark-input[data-size=s] .ark-input__icons{padding-right:var(--ark-padding-s)}.ark-input[data-size=m] .ark-input__icons{padding-right:var(--ark-padding-m)}.ark-input[data-size=l] .ark-input__icons{padding-right:var(--ark-padding-l)}.ark-input__decorator{align-items:center;color:var(--ark-text-color-64);display:flex;height:100%;white-space:nowrap}.ark-input__decorator__hidden{visibility:hidden}.ark-input__decorator__postfix{vertical-align:text-bottom}.ark-field-error{color:var(--ark-error);display:inline-block;font:var(--ark-font-xs);font-weight:700;padding-left:var(--ark-padding-l)}
