import { css } from "styled-components";
import { classes, tokens } from "../../ButtonGroup.tokens";
import { buttonTokens, buttonClasses } from "../../../Button";
import { addFocus } from "../../../../mixins";
export var base = css([
    "&.",
    "{--plasma_private-button-radius-inner:var(",
    ");}&.",
    "{--plasma_private-button-radius-inner:var(",
    ");&.",
    "{--plasma_private-button-radius-inner:0;}}& .",
    "{",
    ":var(--plasma_private-button-radius-inner);",
    "}&.",
    ",&.",
    "{.",
    ":first-child:last-child{border-radius:var(",
    ");",
    "}}&.",
    "{.",
    ":first-child{--plasma_private-left-side-radius:var(",
    ") var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(",
    ");border-radius:var(--plasma_private-left-side-radius);",
    "}.",
    ":last-child{--plasma_private-right-side-radius:var(--plasma_private-button-radius-inner) var(",
    ") var(",
    ") var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-right-side-radius);",
    "}}&.",
    "{.",
    ":first-child{--plasma_private-up-side-radius:var(",
    ") var(",
    ") var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner);border-radius:var(--plasma_private-up-side-radius);",
    "}.",
    ":last-child{--plasma_private-down-side-radius:var(--plasma_private-button-radius-inner) var(--plasma_private-button-radius-inner) var(",
    ") var(",
    ");border-radius:var(--plasma_private-down-side-radius);",
    "}}"
], classes.default, tokens.buttonDefaultRadius, classes.segmented, tokens.buttonSegmentedRadius, classes.none, buttonClasses.buttonItem, buttonTokens.buttonRadius, addFocus({
    outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: 'var(--plasma_private-button-radius-inner)',
    outlineColor: "var(".concat(buttonTokens.buttonFocusColor, ")")
}), classes.horizontal, classes.vertical, buttonClasses.buttonItem, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: "var(".concat(tokens.buttonSideRadius, ")"),
    outlineColor: "var(".concat(buttonTokens.buttonFocusColor, ")")
}), classes.horizontal, buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: 'var(--plasma_private-left-side-radius)',
    outlineColor: "var(".concat(buttonTokens.buttonFocusColor, ")")
}), buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: 'var(--plasma_private-right-side-radius)',
    outlineColor: "var(".concat(buttonTokens.buttonFocusColor, ")")
}), classes.vertical, buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: 'var(--plasma_private-up-side-radius)',
    outlineColor: "var(".concat(buttonTokens.buttonFocusColor, ")")
}), buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
    outlineSize: 'var(--plasma_private-btn-outline-size)',
    outlineRadius: 'var(--plasma_private-down-side-radius)',
    outlineColor: "var(".concat(buttonTokens.buttonFocusColor, ")")
}));
