
[dir=ltr] .boxPadding {
	padding-right: var(--core_font_size19);
	padding-left: var(--core_font_size19);
}
[dir=rtl] .boxPadding {
	padding-left: var(--core_font_size19);
	padding-right: var(--core_font_size19);
}			
.yearBox {
	border-bottom: var(--core_font_size1) dotted var(--lib_base_yearview_yearBox_border);
}		
.arrow {
	color: var(--lib_base_yearview_arrow_color);
	transition: transform 0.1s;
}		
.arrowActive {
	color: var(--lib_base_yearview_arrowActive_color);
}		
[dir=ltr] .arrowActive {
	transform: rotate(180deg);
}		
[dir=rtl] .arrowActive {
	transform: rotate(-180deg);
}		
.container {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	composes: boxPadding;
	background-color: var(--lib_base_yearview_container_bg);
}		
.yearContainer {
	height: var(--core_font_size135);
	overflow: hidden;
	transition: height 0.1s;
	padding-bottom: var(--core_font_size5);
}		
.toggleYear {
	height: 0;
	padding: 0;
}		
