@supports(display: grid) {
	.grid-container {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto 1fr auto;
		grid-template-areas:
			"header header header"
			"title title footer"
			"main main main";
	@media screen and (max-width: 500px) {
			grid-template-columns: 1fr;
			grid-template-rows: 0.3fr 1fr auto 1fr;
			grid-template-areas:
				"header"
				"title"
				"main"
				"footer";
	}
}
	.main {
		grid-area: main;
		padding: 0;
		overflow-x: scroll;
		overflow-y: hidden;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.main::-webkit-scrollbar {
		display: none;
	}
	.items {
		position: relative;
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		transition: all 0.2s;
		transform: scale(0.98);
		will-change: transform;
		user-select: none;
		cursor: pointer;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.items::-webkit-scrollbar {
		display: none;
	}

	.items.active {
		background: rgba(255,255,255,0.3);
		cursor: grabbing;
		cursor: -webkit-grabbing;
		transform: scale(1);
	}

  .item {
    display: inline-block;
	/*
    background: skyblue;
    min-height: 250px;
    min-width: 400px;
    margin: 2em 1em;
	*/
    @media screen and (max-width: 500px) {
		/*
      min-height: 200px;
      min-width: 200px;
	  */
    }
  }
}



html {
	/* For Firefox */
	overflow-y: hidden;
	scrollbar-gutter: stable both-edges;
	scrollbar-color: #41617D #fff;
	scrollbar-width:6px !important;
}

/* !important is needed sometimes */
::-webkit-scrollbar {
	-webkit-appearance: available;
	width:6px;
	background-color: #fff;
}
::-webkit-scrollbar {
	width:6px !important;
}

 /* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
}
 /* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	background: #41617D !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
}
 ::-webkit-scrollbar-thumb:window-inactive {
	background: #41617D !important;
}






#CategoriesContainerLayer {
	left:0px;
	z-index:996;
	top:-6px;
	-webkit-overflow-scrolling: touch;
}
.CategoriesContainer {
	min-height:35px !important;
	position:relative !important;
	z-index:998;
}
.MenuNavigationBarStyle {
	display: flex;
	margin: 0px auto;
	padding: 16px 0px 0px;
	background-color:transparent;
	/*border-bottom: 1px solid #e7e7e7;*/
	position: sticky;
	top: 64px;
	z-index: 999;
	max-width:100%;
}
.MenuNavigationBarStylesMenuButtonContainer {
	display: inline-block;
	margin:0px 45px 0px 5px;
}

.StyleButtonAction {
	position:relative !important;
	max-width: 100%;
	margin: 0px;
	display: inline-flex;
	min-height: 24px;
	border-radius: 100%;
	border:1px solid gray;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background-color: #fff;
	box-shadow: transparent 0px 0px 0px 1px inset;
	color: #494949;
	height:24px;
	width:24px;
	padding: 0px;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	z-index:998;
}
.StyleButtonAction > * {
	transform: scale(1.5);
	transform-origin: center center 0px;
}

.StyleButtonAction::-moz-focus-inner{
	outline:none;border-style:none;padding:0;
}
.StyleButtonAction:focus{
	outline:none;
}
.StyleButtonAction:focus.focus-ring {
	outline:none;box-shadow:0px 0px 0px 3px #4969f5,inset 0 0 0 1px #E7E7E7;
}
.StyleButtonAction:hover{
	background-color:#D6D6D6;box-shadow:inset 0 0 0 1px #D6D6D6;color:#191919;
}
.StyleButtonAction:active{
	background-color:#C4C4C4;box-shadow:inset 0 0 0 1px #C4C4C4;color:#191919;
}
.StyleInlineSvg > * {
	transform: scale(1.5);
	transform-origin: center center 0px;
}


.StyleButtonActionClose {
	position: relative;
	max-width: 100%;
	margin: 0px;
	display: inline-flex;
	min-height: 21px;
	border-radius: 100%;
	border: medium none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background-color: #e7e7e7;
	box-shadow: #e7e7e7 0px 0px 0px 1px inset;
	color: #191919;
	height: 21px;
	width: 21px;
	padding: 0px;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
}
.StyleButtonActionClose > * {
	transform: scale(1.5);
	transform-origin: center center 0px;
}
.StyleButtonActionClose::-moz-focus-inner{
	outline:none;border-style:none;padding:0;
}
.StyleButtonActionClose:focus{
	outline:none;
}
.StyleButtonActionClose:focus.focus-ring {
	outline:none;box-shadow:0px 0px 0px 3px #4969f5,inset 0 0 0 1px #E7E7E7;
}
.StyleButtonActionClose:hover{
	background-color:#D6D6D6;box-shadow:inset 0 0 0 1px #D6D6D6;color:#191919;
}
.StyleButtonActionClose:active{
	background-color:#C4C4C4;box-shadow:inset 0 0 0 1px #C4C4C4;color:#191919;
}

.StyleInlineSvg {
	flex-shrink: 0;
	overflow: visible;
}
.StyleButtonRoot {
	position: relative;
	max-width: 100%;
	display: inline-flex;
	min-height: 32px;
	border-radius: 100%;
	border: medium none;
	cursor: pointer;
	color: #494949;
	height: 32px;
	width: 32px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #fff;
	box-shadow: transparent 0px 0px 0px 1px inset;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
}
.CategoriesContainer {
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: hidden;
	border:0px solid blue;
	flex: 1 1 0%;
	white-space: nowrap;
	scrollbar-width: none;
	overflow-y: hidden;
}
.MenuCategoryContainer {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	height: 100%;
	vertical-align: middle;
	margin-left: 30px;

}
.MenuCategoryContainer:first-child {
	/*margin-left:60px;*/
}
.StyleStack {
	max-width: 100%;
	/*margin-bottom: 12px;*/
}

.StyleTextElement {
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	color: #f00;
	margin: 0px;
	padding: 0px;
	display: block;
}
.StyleMenuActiveCategoryUnderline {
	position: absolute;
	bottom:-6px;
	height: 4px;
	background-color: #f00;
	width: 100%;
	border-radius: 8px 8px 0px 0px;

}

.MenuCategoryContainer button.StyleButtonRoot {
	position: relative;
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
	width: 100%;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	color: #191919;
	z-index:998;
}
.StyleContentWrapper {
	-moz-box-flex: 1;
	flex-grow: 1;
	max-width: 100%;
	opacity: 1;
	padding: 0px;
	cursor: pointer;
	text-align: center;
	color: #191919;
}
.StyleInlineChildren {
	max-width: 100%;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: center;
	justify-content: center;
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	color: #191919;
}
.StyleMainContentContainer {
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	color: #191919;
	-moz-box-flex: 2;
	flex-grow: 2;
	min-width: 0px;
	display: flex;
	-moz-box-pack: center;
	justify-content: center;
}
.StyleTextElement_1 {
	cursor: pointer !important;
	color: #191919 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 18px !important;
	text-align: center !important;
	margin: 0px !important;
	padding: 0px !important;
	display: block !important;
	max-width: 100% !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
.MenuCategoryText {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	color: #494949 !important;
	margin: 0px !important;
	padding: 0px !important;
	padding-bottom: 0px !important;
	display: block !important;
}
.RightScrollIndicatorContainer {
	padding-top: 16px;
	padding-left:30px;
	padding-bottom: 6px;
	position: absolute;
	z-index:999;
	right:0px;
	top:0px;
	mask-image: linear-gradient(90deg, #fff0 0px, #fff 16px, #fff 100%);
}
.LeftScrollIndicatorContainer {
	margin-left:40px;
	padding-left:0px;
	padding-top:16px;
	padding-right:0px;
	padding-bottom: 6px;
	position: absolute;
	z-index:998;
	left:-8px;
	top:0px;
	mask-image: linear-gradient(90deg, #fff 0px, #fff 32px, #fff0 100%);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
					only screen and (min--moz-device-pixel-ratio: 2),
					only screen and (-o-min-device-pixel-ratio: 2/1),
					only screen and (min-device-pixel-ratio: 2) {
	.RightScrollIndicatorContainer {
		/*top:40px;*/
	}
	.LeftScrollIndicatorContainer {
		/*top:40px;*/
	}
}

#AnchorLayerContentContainer {
	position:absolute;
	opacity: 1;
	pointer-events: auto;
	z-index:999;
	background-color: #fff;
	border-top-left-radius:12px !important;
	border-top-right-radius:12px !important;
	border-bottom-left-radius:12px !important;
	border-bottom-right-radius:12px !important;
}
.PopoverContainer {
	background-color: #fff;
	border-top-left-radius:12px !important;
	border-top-right-radius:12px !important;
	border-bottom-left-radius:12px !important;
	border-bottom-right-radius:12px !important;
	box-shadow: #0003 0px 8px 24px;
	display: flex;
	outline: currentcolor none medium;
}
.Arrow {
	width: 0px;
	height: 0px;
	position: absolute;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #fff;
	left: -6px;
}

.MenuNavigationPopoverStylePopoverContainer {
	min-width:150px;
	overflow-y:scroll !important;
	padding-bottom:16px;
}

.MenuNavigationPopoverStylePopoverMenuHeader {
	/*margin-top:20px;*/
	display:block;
	/*margin-bottom: 16px;*/
}
.MenuNavigationPopoverStylePopoverMenuPickerContainer {
	flex: 1 1 0%;
	padding-left: 16px;
}
.MenuHeaderStyleMenuPickerContainer {
	max-width: 960px;
	margin: 0px;
	padding:0px 0px 8px;
}
.InlineChildrenStyleInlineChildren {
	max-width: 100%;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: start;
	justify-content: flex-start;
}
.MenuHeaderStyleTextElement {
	font-size: 16px;
	/*font-family: DD-TTNorms, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 0ch;
	text-transform: none;
	color: #191919;
	margin: 0px;
	padding: 0px;
	display: block;
	font-variant-ligatures: no-common-ligatures;
}

.PopoverMenuPickerCloseButtonContainer {
	padding:8px 16px 8px;
	display:block;
	margin:0 auto;
	padding-left:40%;
	/*position:absolute;*/
}

.MenuNavigationPopoverStylePopoverListCellContainer,.MenuNavigationStyleListCellContainer {
  position: relative;
}

.MenuNavigationPopoverStylePopoverListCellSelector {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 4px;
  background-color:red;
  border-radius: 0px 8px 8px 0px;
}

.InsetStyleListCellContentContainer {
	padding: 8px 0px 8px 8px;
}
.StyleStackChildrenMiddleContainer {
	-moz-box-flex: 1;
	flex-grow: 1;
	overflow: hidden;
	flex-basis: 100%;
	grid-area: 2 / 1;
}

.jbnayw {
  max-width: 100%;
}
.StyleStackChildrenMiddleContainer .TextElement {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #191919;
  text-align: left;
  margin: 0px;
  padding: 0px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.StyleStackChildrenMiddleContainer1 .TextElement {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-transform: none;
  color: #191919;
  text-align: left;
  font-variant-ligatures: no-common-ligatures;
  white-space: nowrap;
}

.MenuNavigationPopoverStyleMenuCategoryPopoverText {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #191919;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;

}

.MenuNavigationPopoverStyleMenuCategoryPopoverText1 {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-transform: none;
	color: #767676;
	margin: 0px;
	padding: 0px;
	display: block;
}

.MenuNavigationPopoverStyleMenuActiveCategoryPopoverText {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #191919;
  margin: 0px;
  padding: 0px;
  display: block;
}

.MenuNavigationPopoverStyleSideContainer {
	margin-left:120px;
	flex-shrink: 0;
	align-self: flex-start;
	grid-area: 2 / 2;
}

.MenuNavigationPopoverStyleMenuActiveCategoryPopoverText {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-transform: none;
  color:red;
  margin: 0px;
  padding: 0px;
  display: block;
}


.MenuNavigationPopoverStyleListCellContainer {
	position: relative;
	cursor: pointer;
	overflow: hidden;
	text-decoration: none;
	appearance: none;
	border: medium none;
	outline: currentcolor none medium !important;
	padding: 0px;
	margin: 0px;
	text-align: inherit;
	display: block;
	width: auto;
	background: #fff none repeat scroll 0% 0%;
	margin-right:25px;
}

.StyleStackChildrenMiddleContainer1 {
  -moz-box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  flex-basis: 100%;
  grid-area: 2 / 1;
}

.MenuNavigationPopoverStyleSideContainer .TextElement {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #767676;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
}


@media only screen and (min-width: 180px) and (max-width: 1025px) {
	.AnchorLayerContentContainer {
		float:left;
		will-change: transform;
		transition: opacity 300ms ease-in-out 0s;
		/*
		top: -50px;
		left:-20%;
		*/
	}
	.MenuCategoryContainer {
		margin-left:0px;
		margin-right:20px;
	}
	.MenuNavigationBarStyle {
		margin-left:5px;
		margin-right:5px;
	}
	.RightScrollIndicatorContainer {
		right:0px;
	}
	.MenuNavigationBarStylesMenuButtonContainer {
		margin:0px 10px 0px -6px;
	}
}