.rdc-mobile-menu-overlay {position: fixed;right: 0;bottom: 0;left: 0;background-color: var(--color-overlay);opacity: 0;visibility: hidden;z-index: 103;}
#menu {position: fixed;right: 0;bottom: 0;left: 0;width: var(--slideout-width);transform: translateX(-100%);overflow: hidden auto;-webkit-overflow-scrolling: touch;background-color: var(--color-white);}
#menu.overflow-hidden {overflow: hidden !important;}
.slideout-visible .rdc-mobile-menu-overlay {visibility: visible;}
.slideout-open .rdc-mobile-menu-overlay {opacity: 1;}

.mobile-menu .mb-holder {display: flex;flex-direction: column;height: 100%;transition: transform var(--slideout-animation-duration) ease;}
.menu-mobile ul .sub-mobile {position: absolute;top: 0;left: 100%;display: none;width: 100%;background-color: var(--color-white);}
.menu-mobile ul .sub-mobile.visible {display: block;z-index: 2;}
.mobile-menu .menu-mobile ul li a {position: relative;display: block;text-decoration: none;}
.mobile-menu ul.main-menu li {border-top: 1px solid;}
.mobile-menu ul.main-menu li:first-child,
.mobile-menu ul.main-menu li.return + li {border-top: 0;}
.mobile-menu .title-menu,
.mobile-menu .search-mobile {display: flex;flex-grow: 0;flex-shrink: 0;align-items: center;height: var(--header-height);}
.mobile-menu .search-mobile {position: relative;padding: 0 7px;border-bottom: 1px solid var(--color-theme);background-color: var(--header-background-color);}
.mobile-menu .search-mobile form {flex-grow: 1;}
.mobile-menu .search-mobile input {width: 100%;border-color: var(--header-submenu-background-color);background-color: var(--color-white);}
.mobile-menu .title-menu {padding: 0 15px;border-color: var(--color-theme);background-color: var(--color-background);}
.mobile-menu .menu-mobile {display: flex;flex-direction: column;flex-grow: 1;}
.mobile-menu .menu-mobile ul > li:not(.return) > a .rdc-icon-svg-mask {width: 22px;height: 22px;}
.mobile-menu ul.main-menu {flex-grow: 1;padding-bottom: 20px;}
.mobile-menu ul.main-menu li {border-color: var(--color-lines);}
.mobile-menu ul.main-menu li:not(.return) > a:active {background-color: var(--color-background);}
.mobile-menu ul.main-menu li.return {position: sticky;top: 0;height: var(--header-height);padding: 3px 14px;z-index: 2;}
.mobile-menu ul.main-menu li.return .rdc-icon-svg-mask {width: 24px;height: 24px;margin-right: 7px;}
.mobile-menu ul.main-menu li a {padding: 11px 44px 11px 15px;}
.mobile-menu ul.main-menu li a .rdc-icon-svg-mask {position: absolute;top: 50%;right: 22px;transform: translateY(-50%);}
.mobile-menu ul.menu-inst {padding: 20px 0 40px;background-color: var(--color-background);}
.mobile-menu ul.menu-inst li a {display: flex;padding: 11px 14px;}
.mobile-menu ul.menu-inst li a .rdc-icon-svg-mask {margin-right: 10px;}

@media screen and (min-width: 768px) {
	:root {--slideout-width: calc(380px + var(--slideout-offset-left));}
	.rdc-mobile-menu-overlay {top: var(--header-offset-top);padding-top: var(--header-height);background-clip: content-box;}
	#menu {top: calc(var(--header-height) + var(--header-offset-top));padding-left: var(--slideout-offset-left);z-index: 103;}
	.slideout-visible .rdc-mobile-menu-overlay,
	.slideout-visible #menu {transition: opacity var(--slideout-animation-duration) ease, transform var(--slideout-animation-duration) ease;}
	.slideout-open #menu {transform: translateX(0);}
}

@media screen and (max-width: 767px) {
	:root {--slideout-width: calc(100vw - 60px);}
	.rdc-mobile-menu-overlay {top: 0;}
	#menu {top: 0;}
	.slideout-visible #menu {transform: translateX(0);}
	.slideout-visible .rdc-mobile-menu-overlay,
	.slideout-visible .rdc-topovendedor,
	.slideout-visible .rdc-header-campaign,
	.slideout-visible #header,
	.slideout-visible #containerSite {transition: opacity var(--slideout-animation-duration) ease, transform var(--slideout-animation-duration) ease;}
	.slideout-open .rdc-mobile-menu-overlay,
	.slideout-open .rdc-topovendedor,
	.slideout-open .rdc-header-campaign,
	.slideout-open #header,
	.slideout-open #containerSite {transform: translateX(var(--slideout-width));}
}