import styled from "styled-components";
import { InputWrapper } from "../../../TextField/TextField.styles";
import { classes, tokens } from "../../Slider.tokens";
import { component, mergeConfig } from "../../../../engines";
import { textFieldConfig, textFieldTokens } from "../../../TextField";
var mergedConfig = mergeConfig(textFieldConfig);
var TextField = component(mergedConfig);
export var LabelWrapper = styled.div.withConfig({
    displayName: "Double.styles__LabelWrapper",
    componentId: "sc-d4355166-0"
})([
    "color:var(",
    ");display:flex;gap:var(",
    ");margin-bottom:var(",
    ");"
], tokens.labelColor, tokens.labelWrapperGap, tokens.labelWrapperMarginBottom);
export var LabelContentLeft = styled.div.withConfig({
    displayName: "Double.styles__LabelContentLeft",
    componentId: "sc-d4355166-1"
})([
    ""
]);
export var Label = styled.label.withConfig({
    displayName: "Double.styles__Label",
    componentId: "sc-d4355166-2"
})([
    "font-family:var(",
    ");font-size:var(",
    ");font-style:var(",
    ");font-weight:var(",
    ");letter-spacing:var(",
    ");line-height:var(",
    ");"
], tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight);
export var InputsWrapper = styled.div.withConfig({
    displayName: "Double.styles__InputsWrapper",
    componentId: "sc-d4355166-3"
})([
    "display:flex;gap:var(",
    ");margin-top:var(",
    ");box-shadow:var(",
    ");"
], tokens.textFieldWrapperGap, tokens.doubleWrapperGap, tokens.doubleBoxShadow);
// NOTE: переопределение токенов TextField
export var StyledInput = styled(TextField).withConfig({
    displayName: "Double.styles__StyledInput",
    componentId: "sc-d4355166-4"
})([
    "flex:1;",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");",
    ":var(",
    ");&&.",
    "{",
    "{background:var(",
    ");box-shadow:inset 0 0 0 var(",
    ") var(",
    "),inset 0 0 0 0 transparent;}}&&.",
    "{",
    "{background:var(",
    ");box-shadow:inset 0 0 0 var(",
    ") var(",
    "),inset 0 0 0 0 transparent;}}&.",
    "{margin-right:var(",
    ",0);",
    "{clip-path:var(",
    ");}&&.",
    ",&&.",
    "{",
    "{clip-path:inset(0 0 0 0);}& + .",
    ":not(.",
    ") ",
    "{clip-path:var(",
    ");}}& > ",
    "{border-top-right-radius:0;border-bottom-right-radius:0;}}&.",
    " > ",
    "{border-top-left-radius:0;border-bottom-left-radius:0;}"
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, classes.textFieldHovered, InputWrapper, tokens.textFieldBackgroundColorHover, tokens.textFieldBorderWidth, tokens.textFieldBorderColorHover, classes.textFieldFocused, InputWrapper, tokens.textFieldBackgroundColorFocus, tokens.textFieldBorderWidth, tokens.textFieldBorderColorFocus, classes.firstTextField, tokens.textFieldWebMarginRight, InputWrapper, tokens.textFieldWebClipPath, classes.textFieldHovered, classes.textFieldFocused, InputWrapper, classes.secondTextField, classes.textFieldFocused, InputWrapper, tokens.textFieldWebReversedClipPath, InputWrapper, classes.secondTextField, InputWrapper);
export var DoubleWrapper = styled.div.withConfig({
    displayName: "Double.styles__DoubleWrapper",
    componentId: "sc-d4355166-5"
})([
    "opacity:var(",
    ");"
], tokens.disabledOpacity);
export var SliderWrapper = styled.div.withConfig({
    displayName: "Double.styles__SliderWrapper",
    componentId: "sc-d4355166-6"
})([
    ""
]);
