@use '@talend/design-tokens/lib/tokens' as tokens;

@import '../../shared/styles/mixins';
@import '../../shared/styles/variables';

.container {
	width: 100%;

	tbody {
		border: $border-default;
	}
}

.calendar-row {
	border-bottom: $border-default;

	&:last-child {
		border-bottom: none;
	}
}

.calendar-col {
	border-right: $border-default;
	width: 33.33%;

	&:last-child {
		border-right: none;
	}
}

.calendar-month {
	@include picker-action;

	flex: 1;
	height: 3.5625rem;
	width: 100%;

	background: transparent;
	border: none;
	padding: 0;

	&:active {
		background-color: tokens.$coral-color-neutral-background-medium;
	}
}