import { css } from "styled-components";
import { classes, tokens } from "./Steps.tokens";
export const base = css([
    `display:flex;flex-direction:row;&.`,
    `{align-items:center;&:not(&.`,
    `){&.`,
    `{height:var(`,
    `);}&:not(.`,
    `){height:var(`,
    `);}}&.`,
    `{&.`,
    `{width:var(`,
    `);}&:not(.`,
    `){width:var(`,
    `);}}}&.`,
    `{display:flex;flex-direction:column;justify-content:center;height:100%;}`
], classes.simple, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation);
