import { css } from "styled-components";
import { tokens } from "../Switch.tokens";
import { StyledInput, StyledTrigger } from "../Switch.styles";
export const base = css([
    ``,
    `{flex:0 0 var(`,
    `);width:var(`,
    `);height:var(`,
    `);border-style:solid;border-width:var(`,
    `);border-radius:var(`,
    `);box-sizing:border-box;&::after{margin:auto var(`,
    `);width:var(`,
    `);height:var(`,
    `);border-radius:var(`,
    `);border:var(`,
    `,0) solid var(`,
    `,var(`,
    `));}}`,
    `:checked ~ `,
    `{border-width:var(`,
    `,var(`,
    `));&::after{margin:auto var(`,
    `);border-color:var(`,
    `,var(`,
    `));}}:active:not([disabled]) `,
    `::after{width:calc(var(`,
    `) * var(`,
    `,1));}`
], StyledTrigger, tokens.trackWidth, tokens.trackWidth, tokens.trackHeight, tokens.trackBorderWidthOff, tokens.trackBorderRadius, tokens.thumbOffsetOff, tokens.thumbSize, tokens.thumbSize, tokens.thumbBorderRadius, tokens.thumbBorderWidth, tokens.thumbBorderColorOff, tokens.thumbBackgroundColorOn, StyledInput, StyledTrigger, tokens.trackBorderWidthOn, tokens.trackBorderWidthOff, tokens.thumbOffsetOn, tokens.thumbBorderColorOn, tokens.thumbBackgroundColorOn, StyledTrigger, tokens.thumbSize, tokens.thumbPressScale);
