.ui-input{font-family:var(--font-family);--ui-input-main-color: var(--variant-negative-default)}.ui-input__essence{display:flex;align-items:center;justify-content:space-between;background:var(--surface-base);border:1px solid var(--surface-base);transition:all .2s;position:relative;overflow:clip}.ui-input--m .ui-input__essence{height:var(--component-size-x9);padding-left:var(--component-padding-x9);padding-top:var(--component-padding-x9);padding-bottom:var(--component-padding-x9);border-radius:var(--component-radius-x9)}.ui-input--m .ui-input__main{gap:var(--component-padding-x6)}.ui-input--m .ui-input__icon{width:16px;height:16px}.ui-input--m .ui-input__control{width:var(--component-size-x9);height:var(--component-size-x9)}.ui-input--m .ui-input__input,.ui-input--m .ui-input__placeholder{font-size:var(--font-size-by-L);line-height:var(--font-line-height-by-L)}.ui-input--m .ui-input__input-wrapper{height:var(--component-size-x9)}.ui-input--m .ui-input__capture{font-size:var(--font-size-ui-x2-5);line-height:var(--font-line-height-ui-x2-5);padding-left:var(--component-padding-x9);padding-right:var(--component-padding-x9)}.ui-input--l .ui-input__essence{height:var(--component-size-x12);padding-left:var(--component-padding-x12);padding-top:var(--component-padding-x12);padding-bottom:var(--component-padding-x12);border-radius:var(--component-radius-x12)}.ui-input--l .ui-input__main{gap:var(--component-padding-x6)}.ui-input--l .ui-input__icon{width:24px;height:24px}.ui-input--l .ui-input__control{width:var(--component-size-x12);height:var(--component-size-x12)}.ui-input--l .ui-input__input,.ui-input--l .ui-input__placeholder{font-size:var(--font-size-by-xL);line-height:var(--font-line-height-by-xL)}.ui-input--l .ui-input__input-wrapper{height:var(--component-size-x9)}.ui-input--l .ui-input__capture{font-size:var(--font-size-ui-x2-5);line-height:var(--font-line-height-ui-x2-5);padding-left:var(--component-padding-x9);padding-right:var(--component-padding-x9)}.ui-input--xl .ui-input__essence{height:var(--component-size-x14);padding-left:var(--component-padding-x14);padding-top:var(--component-padding-x14);padding-bottom:var(--component-padding-x14);border-radius:var(--component-radius-x14)}.ui-input--xl .ui-input__main{gap:var(--component-padding-x6)}.ui-input--xl .ui-input__icon{width:24px;height:24px}.ui-input--xl .ui-input__control{width:var(--component-size-x14);height:var(--component-size-x14)}.ui-input--xl .ui-input__input,.ui-input--xl .ui-input__placeholder{font-size:var(--font-size-by-xL);line-height:var(--font-line-height-by-xL)}.ui-input--xl .ui-input__input-wrapper{height:var(--component-size-x9)}.ui-input--xl .ui-input__capture{font-size:var(--font-size-ui-x2-5);line-height:var(--font-line-height-ui-x2-5);padding-left:var(--component-padding-x9);padding-right:var(--component-padding-x9)}.ui-input--2xl .ui-input__essence{height:var(--component-size-x16);padding-left:var(--component-padding-x16);padding-top:var(--component-padding-x16);padding-bottom:var(--component-padding-x16);border-radius:var(--component-radius-x16)}.ui-input--2xl .ui-input__main{gap:var(--component-padding-x6)}.ui-input--2xl .ui-input__icon{width:24px;height:24px}.ui-input--2xl .ui-input__control{width:var(--component-size-x16);height:var(--component-size-x16)}.ui-input--2xl .ui-input__input,.ui-input--2xl .ui-input__placeholder{font-size:var(--font-size-by-xL);line-height:var(--font-line-height-by-xL)}.ui-input--2xl .ui-input__input-wrapper{height:var(--component-size-x9)}.ui-input--2xl .ui-input__capture{font-size:var(--font-size-ui-x2-5);line-height:var(--font-line-height-ui-x2-5);padding-left:var(--component-padding-x9);padding-right:var(--component-padding-x9)}.ui-input--system{--ui-input-main-color: var(--foreground-soft)}.ui-input--system.ui-input--focused .ui-input__essence{border-color:var(--variant-system-container-default)}.ui-input--transparent .ui-input__essence{background:#ffffff1a}.ui-input--negative{--ui-input-main-color: var(--variant-negative-default)}.ui-input--negative:hover,.ui-input--negative.ui-input--focused{--ui-input-main-color: var(--variant-negative-hover)}.ui-input--negative .ui-input__essence{border-color:var(--ui-input-main-color)}.ui-input--positive{--ui-input-main-color: var(--variant-positive-default)}.ui-input--positive:hover,.ui-input--positive.ui-input--focused{--ui-input-main-color: var(--variant-positive-hover)}.ui-input--positive .ui-input__essence{border-color:var(--ui-input-main-color)}.ui-input--skeleton .ui-input__skeleton{display:block}.ui-input--disabled{--ui-input-main-color: var(--foreground-disabled)}.ui-input--disabled .ui-input__essence{background:var(--surface-disabled)}.ui-input--disabled .ui-input__placeholder,.ui-input--disabled .ui-input__icon,.ui-input--disabled .ui-input__control,.ui-input--disabled .ui-input__capture{color:var(--ui-input-main-color);cursor:default}.ui-input--readonly .ui-input__essence{background:var(--surface-disabled);border-color:var(--surface-disabled)}.ui-input--readonly .ui-input__icon{color:var(--foreground-soft)}.ui-input--readonly .ui-input__placeholder{color:var(--foreground-base)}.ui-input--readonly .ui-input__placeholder.ui-input__placeholder--lifted{color:var(--foreground-soft)}.ui-input:hover:not(.ui-input--focused) .ui-input__icon,.ui-input:hover:not(.ui-input--focused) .ui-input__placeholder{color:var(--foreground-soft)}.ui-input--focused .ui-input__icon{color:var(--variant-neutral-on-active)}.ui-input__main{display:flex;align-items:center;flex-grow:1;gap:var(--component-padding-x6)}.ui-input__icon{color:var(--foreground-muted);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.ui-input__input-wrapper{position:relative;width:100%}.ui-input__placeholder{color:var(--foreground-muted);font-weight:500;position:absolute;top:50%;left:0;z-index:10;transform:translateY(-50%);transform-origin:top left;transition:all .2s}.ui-input__placeholder--lifted{top:0;transform:scale(.7)}.ui-input__input{background:transparent;width:100%;outline:none;border:0;padding:0;color:var(--foreground-base);font-weight:500;position:absolute;top:50%;left:0;z-index:20;transform:translateY(-50%);transition:transform .2s;transform-origin:bottom left}.ui-input__input--lifted{transform:translateY(calc(-50% + .5rem))}.ui-input__controls{display:flex;align-items:center;gap:var(--component-padding-x3);color:var(--foreground-base)}.ui-input__control{background:transparent;outline:none;border:none;padding:0;margin:0;color:var(--foreground-base);display:flex;align-items:center;justify-content:center;cursor:pointer}.ui-input__apply{background:var(--variant-system-container-default);display:flex;align-items:center;justify-content:center;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--foreground-base)}.ui-input__apply--disabled{background:var(--surface-disabled);color:var(--foreground-disabled);cursor:default}.ui-input__skeleton{position:absolute;top:0;left:0;background:var(--surface-skeleton, #525760);width:100%;height:100%;z-index:50;display:none}.ui-input__capture{margin-top:var(--component-padding-x3);display:flex;align-items:center;justify-content:space-between;color:var(--ui-input-main-color);transition:color .2s,background-color .2s}.ui-input__count{margin-left:auto}.ui-input input::-webkit-outer-spin-button,.ui-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ui-input input[type=number]{-moz-appearance:textfield}.ui-input__message a{text-decoration:underline}