import { css } from '@ni/fast-element';
import { applicationBackgroundColor, smallPadding, standardPadding } from '../theme-provider/design-tokens';
import { display } from '../utilities/style/display';
export const styles = css `
    ${display('inline')}

    .positioning-region {
        display: flex;
        padding: ${smallPadding} ${standardPadding};
        align-items: center;
        gap: ${standardPadding};
        background: ${applicationBackgroundColor};
    }

    slot[name='label'] {
        display: none;
    }

    [part='start'] {
        display: flex;
        gap: ${standardPadding};
        margin-right: auto;
    }

    [part='end'] {
        display: flex;
        gap: ${standardPadding};
        margin-left: auto;
    }
`;
//# sourceMappingURL=styles.js.map