/* stylelint-disable function-url-quotes -- They are data urls */
.wp-block-navigation__responsive-container {
	height: 100vh;
}
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container {
		left: auto;
		width: 100%;
		max-width: 378px;
		box-shadow: -4px 0 18px rgba(0, 0, 0, 0.1);
	}
	.wp-block-navigation__responsive-container .wp-block-site-title {
		display: none;
	}
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	display: none;
}
.wp-block-navigation__responsive-container-close::before,
.wp-block-navigation__responsive-container-open::before {
	content: "";
	width: 24px;
	height: 18px;
	background-repeat: no-repeat;
	display: inline-flex;
}
.wp-block-navigation__responsive-container-open {
	width: 24px;
	height: 18px;
}
.wp-block-navigation__responsive-container-open::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232C2707' d='M0 .75h24v1.5H0zM0 8.25h24v1.5H0zM0 15.75h24v1.5H0z'/%3E%3C/svg%3E");
}
.wp-block-navigation__responsive-container-close {
	right: var(--wp--style--root--padding-right);
	top: 20px;
}
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container-close {
		top: var(--wp--preset--spacing--30);
	}
}
.wp-block-navigation__responsive-container-close::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' fill='none'%3E%3Cpath fill='%232C2707' d='M.822.749 24 15.97l-.822 1.28L0 2.028z'/%3E%3Cpath fill='%232C2707' d='M.822 17.252 24 2.028l-.822-1.28L0 15.972z'/%3E%3C/svg%3E");
	top: 4px;
	position: relative;
}
.wp-block-navigation__responsive-container-content {
	padding: 0 var(--wp--style--root--padding-right) var(--wp--style--root--padding-right);
	flex: 1;
}
.wp-block-navigation__responsive-container-content * {
	font-size: 2rem;
}
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container-content * {
		font-size: 1.5rem;
	}
}
.wp-block-navigation__responsive-container.is-menu-open {
	animation: unset;
}
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container.is-menu-open {
		animation: slideFadeFromRight 0.15s ease-out;
	}
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 20px;
}
@media (min-width: 782px) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding-top: 108px;
		gap: var(--wp--preset--spacing--20);
	}
}
.wp-block-navigation__responsive-container .wp-block-navigation-item__content:focus {
	text-decoration: none;
}
.wp-block-navigation__responsive-container .wp-block-navigation-item__content:hover {
	text-decoration: underline;
}
.wp-block-navigation .wp-block-search {
	width: 100%;
	margin-top: auto;
}
.wp-block-navigation .wp-block-search__button {
	padding-left: var(--wp--preset--spacing--10);
	padding-right: var(--wp--preset--spacing--10);
}
.wp-block-navigation .has-icon--cart .wp-block-navigation-item__label::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 fill%3D%22none%22 viewBox%3D%220 0 20 22%22%3E%3Cellipse cx%3D%226.427%22 cy%3D%2219.66%22 fill%3D%22%232C2707%22 rx%3D%222.042%22 ry%3D%222.27%22/%3E%3Cellipse cx%3D%2215.615%22 cy%3D%2219.66%22 fill%3D%22%232C2707%22 rx%3D%222.042%22 ry%3D%222.27%22/%3E%3Cpath stroke%3D%22%232C2707%22 stroke-width%3D%221.5%22 d%3D%22m7.448 10.58-2.155 3.595a1 1 0 0 0 .858 1.514h12.016%22/%3E%3Cpath stroke%3D%22%232C2707%22 stroke-width%3D%221.5%22 d%3D%22M.302.932h2.552l.766 1.702m0 0 3.828 8.514h7.537a1 1 0 0 0 .902-.568l3.124-6.513a1 1 0 0 0-.902-1.433H3.62Z%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	top: 3px;
	position: relative;
	width: 20px;
	height: 22px;
	display: inline-flex;
	margin-left: var(--wp--preset--spacing--5);
}
.wp-block-navigation__responsive-dialog {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
	margin-top: 0;
}
.wp-block-navigation__responsive-dialog .wp-block-site-title {
	padding: 0 var(--wp--style--root--padding-right);
	margin: 1rem 0;
}
.wp-block-navigation__responsive-close {
	height: 100%;
}
.wp-block-navigation.is-style-pipe-separator > li:not(:last-child)::after {
	content: "|";
	margin-left: var(--gap);
	font-family: var(--wp--preset--font-family--newsreader);
}
@media (min-width: 1080px) {
	footer.wp-block-template-part .wp-block-navigation.is-style-pipe-separator > li:first-child::before {
		content: "|";
		margin-right: var(--gap);
		font-family: var(--wp--preset--font-family--newsreader);
	}
}

@keyframes slideFadeFromRight {
	from {
		transform: translateX(50px);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}