.flx-input-control{--elementsGap:8px;--clearIconSize:1rem;box-sizing:border-box;display:inline-block;position:relative}.flx-input-control .flx-input{border-width:var(--flxTheme-input-borderWidth);padding-top:var(--flxTheme-input-paddingTop);padding-right:var(--flxTheme-input-paddingRight);padding-bottom:var(--flxTheme-input-paddingBottom);padding-left:var(--flxTheme-input-paddingLeft);border-radius:var(--flxTheme-input-borderRadius);height:var(--flxTheme-input-height)}.flx-input-control .flx-input input,.flx-input-control .flx-input .flx-prefix,.flx-input-control .flx-input .flx-suffix{font-family:var(--flxTheme-input-fontFamily);font-size:var(--flxTheme-input-fontSize);line-height:var(--flxTheme-input-lineHeight);font-weight:var(--flxTheme-input-fontWeight);font-style:var(--flxTheme-input-fontStyle)}.flx-input-control .flx-input{border-color:var(--flxTheme-input-borderColor);background-color:var(--flxTheme-input-backgroundColor)}.flx-input-control .flx-input input{color:var(--flxTheme-input-color)}.flx-input-control .flx-input .flx-prefix,.flx-input-control .flx-input .flx-suffix{align-items:center;gap:var(--elementsGap);color:var(--flxTheme-input-prefixSuffixColor);line-height:1;display:flex}.flx-input-control .flx-input .flx-prefix .flx-icon{filter:brightness(0) saturate(100%) var(--flxTheme-input-iconLeftColor)}.flx-input-control .flx-input .flx-suffix .flx-icon{filter:brightness(0) saturate(100%) var(--flxTheme-input-iconRightColor)}.flx-input-control .flx-input input::placeholder{color:var(--flxTheme-input-placeholderColor)}.flx-input-control .flx-input .flx-input-clear .flx-icon svg{filter:brightness(0) saturate(100%) var(--flxTheme-input-placeholderColor)}.flx-input-control .flx-input .flx-input-clear:focus{outline-offset:var(--flxTheme-input-accentOutlineOffset);outline-style:solid;outline-width:var(--flxTheme-input-accentOutlineWidth);outline-color:var(--flxTheme-input-accentOutlineColor)}.flx-input-control .flx-input{align-items:center;gap:var(--elementsGap);border-style:solid;display:flex;overflow:hidden}.flx-input-control .flx-input:hover .flx-input-clear{opacity:1}.flx-input-control .flx-input.focused{outline-style:solid;outline-width:var(--flxTheme-input-accentOutlineWidth);outline-color:var(--flxTheme-input-accentOutlineColor);outline-offset:var(--flxTheme-input-accentOutlineOffset)}.flx-input-control .flx-input.focused .flx-input-clear{opacity:1}.flx-input-control .flx-input input{background-color:#0000;border:none;outline:none;flex-grow:1;min-width:0;padding:0}.flx-input-control .flx-input input:disabled{background-color:#0000}.flx-input-control .flx-input input::-webkit-outer-spin-button{appearance:none;margin:0}.flx-input-control .flx-input input::-webkit-inner-spin-button{appearance:none;margin:0}.flx-input-control .flx-input input[type=number]{appearance:textfield}.flx-input-control .flx-input-clear{opacity:0;width:var(--clearIconSize);height:var(--clearIconSize);flex:0 0 var(--clearIconSize);cursor:pointer}.flx-input-control .flx-label-container{align-items:center;gap:calc(var(--elementsGap) / 2);display:flex}
