.gecko-google-calendar__wrapper calendar-day {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	flex-basis: 1rem;
	flex-grow: 1;

	text-align: center;
	padding-top: 0.75rem;

	border-bottom: 1px solid $color-border;

	background-color: #F3F3F3;

	transition:
		box-shadow 0.1s ease-in-out,
		background-color 0.1s ease-in-out;

	&.current {
		background-color: white;
		cursor: pointer;
		user-select: none;
	}

	&:not(:last-child) {
		border-right: 1px solid $color-border;
	}

	> .day {
		height: 1.1em;
	}

	> .indicator {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0.5rem;
		height: 1.25rem;
		min-width: 1.25rem;

		font-size: 0.8rem;

		background-color: transparent;
		border-radius: 100%;
	}

	> .indicator[data-indicator] {
		background-color: $color-border;
		color: #666;

		&::before {
			content: attr(data-indicator);
		}
	}
}