import { css } from "styled-components";
import { addFocus } from "../../../../mixins";
import { classes, tokens } from "../../ButtonGroup.tokens";
import { buttonTokens, buttonClasses } from "../../../Button";
export const 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: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'calc(0.032rem + var(--plasma_private-btn-outline-size))',
    outlineRadius: 'var(--plasma_private-button-radius-inner)',
    outlineColor: `var(${buttonTokens.buttonFocusColor})`
}), classes.horizontal, classes.vertical, buttonClasses.buttonItem, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'calc(0.032rem + var(--plasma_private-btn-outline-size))',
    outlineRadius: `var(${tokens.buttonSideRadius})`,
    outlineColor: `var(${buttonTokens.buttonFocusColor})`
}), classes.horizontal, buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'calc(0.032rem + var(--plasma_private-btn-outline-size))',
    outlineRadius: 'var(--plasma_private-left-side-radius)',
    outlineColor: `var(${buttonTokens.buttonFocusColor})`
}), buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'calc(0.032rem + var(--plasma_private-btn-outline-size))',
    outlineRadius: 'var(--plasma_private-right-side-radius)',
    outlineColor: `var(${buttonTokens.buttonFocusColor})`
}), classes.vertical, buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'calc(0.032rem + var(--plasma_private-btn-outline-size))',
    outlineRadius: 'var(--plasma_private-up-side-radius)',
    outlineColor: `var(${buttonTokens.buttonFocusColor})`
}), buttonClasses.buttonItem, tokens.buttonSideRadius, tokens.buttonSideRadius, addFocus({
    outlineOffset: 'var(--plasma_private-btn-outline-size)',
    outlineSize: 'calc(0.032rem + var(--plasma_private-btn-outline-size))',
    outlineRadius: 'var(--plasma_private-down-side-radius)',
    outlineColor: `var(${buttonTokens.buttonFocusColor})`
}));
