import { style } from '@vanilla-extract/css';

import { vars } from '#/styles/contract.css';

export const header = style({
	transition: 'box-shadow 0.15s ease',
	boxShadow: '0 1px 0 0 transparent',
});

export const headerScrolled = style({
	boxShadow: `0 1px 0 0 ${vars.palette.contrast_200}`,
});

export const publishingRow = style({
	display: 'flex',
	alignItems: 'center',
	paddingRight: 14,
});

export const buttonRow = style({
	display: 'flex',
	flexDirection: 'row',
	gap: 4,
	alignItems: 'center',
});