.input {
	box-sizing: border-box;
	padding: .5rem;
	border: solid 1px var(--shadow-weak);
	color: var(--shadow-strong);
	background: var(--background);
	font-size: 1rem;

	&::-webkit-calendar-picker-indicator {
		opacity: .5;
	}
}

.select {
    color: var(--shadow-strong);
    background: var(--background);
    padding: .5rem;
    font-size: 1rem;
    border: solid 1px var(--shadow-weak);
    cursor: pointer;
}

.album-toggle {
	height: fit-content;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .5rem 1rem;
	border: none;
	border-bottom: solid 1px var(--shadow-hint);
	color: var(--shadow);
	background: var(--background-dim);
	font-size: 1rem;
	font-weight: bold;

	.icon {
		fill: var(--shadow);
		margin: -.1rem .5rem 0 0;
	}

	&:hover {
		background: var(--shadow-hint);
		cursor: pointer;
	}
}