menu-drawer>details>summary:before, menu-drawer>details[open]:not(.menu-opening)>summary:before {
	content: "";
	position: absolute;
	cursor: default;
	width: 100%;
	height: calc(100vh - 100%);
	height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));
	top: 100%;
	left: 0;
	background: rgba(var(--color-foreground), .5);
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	transition: opacity 0s, visibility 0s
}
.has-announcement-bar menu-drawer>details>summary:before, .has-announcement-bar menu-drawer>details[open]:not(.menu-opening)>summary:before {
	height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 100%) - var(--announcement-height-mobile, 0))
}
@media (min-width: 32.5em) {
	.has-announcement-bar menu-drawer>details>summary:before, .has-announcement-bar menu-drawer>details[open]:not(.menu-opening)>summary:before {
		height: calc(var(--viewport-height, 100vh) - var(--header-bottom-position, 100%) - var(--announcement-height-tablet, 0))
	}
}
menu-drawer>details[open]>summary:before {
	visibility: visible;
	transition:mgase, visibility var(--duration-default) ease
}
.menu-drawer {
	position: absolute;
	transform: translate(-100%);
	visibility: hidden;
	z-index: 3;
	left: 0;
	top: 100%;
	padding: 0;
	width: 100%;
	border-left: 0;
	background-color: #fff;
	overflow-x: hidden;
	height: calc(100vh - 100%);
	height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))
}
details[open]>.menu-drawer, details[open]>.menu-drawer__submenu {
	transition: transform var(--duration-default) ease, visibility var(--duration-default) ease
}
details[open].menu-opening>.menu-drawer, details[open].menu-opening>.menu-drawer__submenu {
	transform: translate(0);
	visibility: visible
}
@media screen and (min-width: 750px) {
	.menu-drawer {
		width: 40rem
	}
}
.menu-drawer__inner-container {
	position: relative;
	height: 100%
}
.menu-drawer__navigation-container {
	display: grid;
	grid-template-rows: 1fr auto;
	align-content: space-between;
	overflow-y: auto;
	height: 100%
}
.menu-drawer__navigation {
	padding: 5.6rem 2rem
}
.menu-drawer__inner-submenu {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}
.menu-drawer__menu li {
	margin-bottom: .2rem
}
.menu-drawer__menu-item {
	padding: 1.1rem 3.2rem;
	text-decoration: none;
	font-size: 1.8rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.menu-drawer summary.menu-drawer__menu-item {
	padding-right: 5.2rem
}
.menu-drawer__menu-item .icon-caret {
	display: none
}
.menu-drawer__menu-item>.icon-arrow {
	position: absolute;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%)
}
.menu-drawer__submenu {
	position: absolute;
	top: 0;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 1;
	transform: translate(100%);
	visibility: hidden
}
.menu-drawer__submenu .menu-drawer__submenu {
	overflow-y: auto
}
.menu-drawer__close-button {
	margin-top: 1.5rem;
	padding: 1.2rem 2.6rem;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	width: 100%;
	background-color: transparent
}
.menu-drawer__close-button .icon-arrow {
	transform: rotate(180deg);
	margin-right: 1rem
}
.menu-drawer__footer, .menu-drawer__utility-links {
	padding: 3rem 1.9rem;
	background-color: #573F1C;
	color: #fff
}
.menu-drawer__account {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	padding: 1.2rem;
	margin-left: -1.2rem;
	font-size: 1.4rem;
	color: rgb(var(--color-foreground))
}
.menu-drawer__account .icon-account {
	height: 2rem;
	width: 2rem;
	margin-right: 1rem
}
.menu-drawer__account:hover .icon-account {
	transform: scale(1.07)
}
.menu-drawer .list-social {
	justify-content: flex-start;
	margin-left: -1.25rem;
	margin-top: 2rem
}
.menu-drawer .list-social:empty {
	display: none
}
.menu-drawer .list-social__link {
	padding: 1.3rem 1.25rem
}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-menu-drawer.css.map?v=168631613017129818721674573292 */