:root {
	--e-kit-library-header-back-border: #{1px solid $eps-border-color};
	--e-kit-library-header-back-color: #{tints(500)};
}

.eps-theme-dark {
	--e-kit-library-header-back-border: #{1px solid $eps-dark-gray-400};
	--e-kit-library-header-back-color: #{dark-tints(200)};
}

.e-kit-library__header-back {
	color: var(--e-kit-library-header-back-color);
	padding-inline-end: spacing( 20 );
	padding-inline-start: spacing( 5 );
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	border-inline-end: var(--e-kit-library-header-back-border);

	&-container {
		flex: 1;
		height: 100%;
	}

	.#{$eps-prefix}icon {
		transform: getValueByDirection(rotate(0deg), rotate(180deg));
	}
}
