.wcpcs-sidebar {
	background: var(--wcpcs-container-bg);
	color: var(--wcpcs-container-text);
	font-family: var(--wcpcs-font);
}

.wcpcs-sidebar,
.wcpcs-sidebar * {
	box-sizing: border-box;
}

.wcpcs-sidebar__title {
	color: var(--wcpcs-container-text);
	font-size: 1.1rem;
	line-height: 1.3;
	margin: 0 0 0.75rem;
}

.wcpcs-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wcpcs-menu .wcpcs-menu {
	border-left: 1px solid var(--wcpcs-border);
	margin-left: 0.75rem;
}

.wcpcs-menu__item {
	margin: 0;
	padding: 0;
}

.wcpcs-menu__row {
	align-items: stretch;
	background: var(--wcpcs-item-bg);
	color: var(--wcpcs-item-color);
	display: flex;
	min-height: 2.25rem;
}

.wcpcs-menu__item--level-1 > .wcpcs-menu__row {
	background: var(--wcpcs-level-1-bg);
	color: var(--wcpcs-level-1-color);
}

.wcpcs-menu__item--level-2 > .wcpcs-menu__row {
	background: var(--wcpcs-level-2-bg);
	color: var(--wcpcs-level-2-color);
}

.wcpcs-menu__item--level-3 > .wcpcs-menu__row {
	background: var(--wcpcs-level-3-bg);
	color: var(--wcpcs-level-3-color);
}

.wcpcs-menu__item--level-4 > .wcpcs-menu__row {
	background: var(--wcpcs-level-4-bg);
	color: var(--wcpcs-level-4-color);
}

.wcpcs-menu__item.is-current > .wcpcs-menu__row {
	background: var(--wcpcs-active-bg);
	color: var(--wcpcs-active-color);
}

.wcpcs-menu__item.is-current > .wcpcs-menu__row > .wcpcs-menu__link {
	background: var(--wcpcs-active-bg);
	color: var(--wcpcs-active-color);
}

.wcpcs-menu__link {
	align-items: center;
	color: inherit;
	display: flex;
	flex: 1 1 auto;
	gap: 0.5rem;
	justify-content: space-between;
	line-height: 1.35;
	min-width: 0;
	padding: 0.55rem 0.65rem;
	font-size: var(--wcpcs-font-size);
	font-weight: var(--wcpcs-font-weight);
	text-decoration: none;
	text-transform: var(--wcpcs-text-transform);
}

.wcpcs-menu__link:hover,
.wcpcs-menu__link:focus {
	background: var(--wcpcs-hover-bg);
	color: var(--wcpcs-hover-color);
	outline: none;
	text-decoration: none;
}

.wcpcs-menu__item--level-1 > .wcpcs-menu__row > .wcpcs-menu__link:hover,
.wcpcs-menu__item--level-1 > .wcpcs-menu__row > .wcpcs-menu__link:focus {
	background: var(--wcpcs-level-1-hover-bg);
	color: var(--wcpcs-level-1-hover-color);
}

.wcpcs-menu__item.is-current > .wcpcs-menu__row > .wcpcs-menu__link:hover,
.wcpcs-menu__item.is-current > .wcpcs-menu__row > .wcpcs-menu__link:focus {
	background: var(--wcpcs-active-bg);
	color: var(--wcpcs-active-color);
}

.wcpcs-menu__item--level-1.is-current > .wcpcs-menu__row {
	background: var(--wcpcs-selected-level-1-bg);
	color: var(--wcpcs-selected-level-1-color);
}

.wcpcs-menu__item--level-1.is-current > .wcpcs-menu__row > .wcpcs-menu__link,
.wcpcs-menu__item--level-1.is-current > .wcpcs-menu__row > .wcpcs-menu__link:hover,
.wcpcs-menu__item--level-1.is-current > .wcpcs-menu__row > .wcpcs-menu__link:focus {
	background: var(--wcpcs-selected-level-1-bg);
	color: var(--wcpcs-selected-level-1-color);
}

.wcpcs-menu__label {
	overflow-wrap: anywhere;
}

.wcpcs-menu__count {
	border: 1px solid currentColor;
	border-radius: 999px;
	flex: 0 0 auto;
	font-size: 0.75em;
	line-height: 1;
	min-width: 1.4rem;
	opacity: 0.75;
	padding: 0.2rem 0.35rem;
	text-align: center;
}

.wcpcs-menu--current-top {
	margin-bottom: 0.45rem;
}

.wcpcs-menu__item--current-top > .wcpcs-menu__row {
	background: var(--wcpcs-current-top-bg);
	color: var(--wcpcs-current-top-color);
}

.wcpcs-menu__item--current-top > .wcpcs-menu__row > .wcpcs-menu__link {
	background: var(--wcpcs-current-top-bg);
	color: var(--wcpcs-current-top-color);
}

.wcpcs-menu__item--current-top > .wcpcs-menu__row > .wcpcs-menu__link:hover,
.wcpcs-menu__item--current-top > .wcpcs-menu__row > .wcpcs-menu__link:focus {
	background: var(--wcpcs-current-top-bg);
	color: var(--wcpcs-current-top-color);
}

.wcpcs-menu--level-2 .wcpcs-menu__link {
	padding-left: 0.85rem;
}

.wcpcs-menu--level-3 .wcpcs-menu__link {
	padding-left: 1.05rem;
}

.wcpcs-menu--level-4 .wcpcs-menu__link {
	padding-left: 1.25rem;
}

.wcpcs-mobile-menu {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 1024px) {
	.wcpcs-mobile-layout--hide_on_mobile {
		display: none;
	}

	.wcpcs-mobile-layout--horizontal_current_level .wcpcs-sidebar__desktop {
		display: none;
	}

	.wcpcs-mobile-layout--horizontal_current_level .wcpcs-mobile-menu {
		-webkit-overflow-scrolling: touch;
		display: flex;
		gap: 0.45rem;
		overflow-x: auto;
		padding: 0.15rem 0 0.4rem;
		scrollbar-width: thin;
		white-space: nowrap;
	}

	.wcpcs-mobile-menu__item {
		flex: 0 0 auto;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.wcpcs-mobile-menu__link {
		align-items: center;
		background: var(--wcpcs-item-bg);
		border: 1px solid var(--wcpcs-border);
		color: var(--wcpcs-item-color);
		display: inline-flex;
		gap: 0.4rem;
		font-size: var(--wcpcs-mobile-font-size);
		font-weight: var(--wcpcs-font-weight);
		line-height: 1.2;
		min-height: 2.25rem;
		padding: 0.55rem 0.75rem;
		text-decoration: none;
		text-transform: var(--wcpcs-text-transform);
	}

	.wcpcs-mobile-menu__link:hover,
	.wcpcs-mobile-menu__link:focus {
		background: var(--wcpcs-hover-bg);
		color: var(--wcpcs-hover-color);
		outline: none;
		text-decoration: none;
	}

	.wcpcs-mobile-menu__item.is-current .wcpcs-mobile-menu__link {
		background: var(--wcpcs-active-bg);
		color: var(--wcpcs-active-color);
	}

	.wcpcs-mobile-menu__item.is-parent .wcpcs-mobile-menu__link {
		background: var(--wcpcs-current-top-bg);
		color: var(--wcpcs-current-top-color);
	}

	.wcpcs-mobile-menu__item.is-parent .wcpcs-mobile-menu__link:hover,
	.wcpcs-mobile-menu__item.is-parent .wcpcs-mobile-menu__link:focus {
		background: var(--wcpcs-current-top-bg);
		color: var(--wcpcs-current-top-color);
	}
}