:root {
  --accordion-main-text: #2b2b2b;
  --accordion-active-text: #2b2b2b;
  --accordion-link-text: #007bff;
  --accordion-active-link-text: #ffa500;
  
  --accordion-menu-hover: #d7dfea;
  
  --accordion-l1-button-background: #ababab;
  --accordion-l1-button-text: #2b2b2b;
  --accordion-l1-button-open-background: #b4b4b4;
  --accordion-l1-button-open-text: #4a4a4a;
 
  --accordion-l2-button-background: #bfbfbf;
  --accordion-l2-button-text: #4a4a4a;
  --accordion-l2-button-open-background: #c9c9c9;
  --accordion-l2-button-open-text: #6e6e6e;
  
  --accordion-l3-button-background: #d3d3d3;
  --accordion-l3-button-text: #6e6e6e;
  --accordion-l3-button-open-background: #e3e3e3;
  --accordion-l3-button-open-text: #888888;
  
  --accordion-button-border: #bebebe;
  
  --accordion-level1: #dbdbdb;
  --accordion-level2: #e3e3e3;
  --accordion-level3: #ececec;
  --accordion-level4: #f5f5f5;
  --accordion-active: #fbfbfb;
  --accordion-active-hover: #fff;
}

ul.accordion-menu {
	display: block;
	list-style: none;
}
ul.accordion-menu .top-level-menu a {
	font-weight: 700;
	padding: 10px 12px;
	text-decoration: none;
}
ul.accordion-menu .top-level-menu a:after {
	content: none;
}
ul.accordion-menu li {
	display: flex;
}
ul.accordion-menu a, ul.accordion-menu span:not(.accordion-btn span) {
	font-size: 18px;
}
ul.accordion-menu.dev-colors a, ul.accordion-menu.dev-colors span:not(.accordion-btn span) {
	color: var(--accordion-main-text);
}
ul.accordion-menu.dev-colors a {
	color: var(--accordion-link-text);
}
ul.accordion-menu a:after {
	content: "\f054";
	font-family: FontAwesome;
	font-size: 8px;
	position: relative;
	bottom: 1px;
	left: 5px;
	font-weight: 100;
}
ul.accordion-menu ul {
	padding: 0;
	list-style: none;
}
ul.accordion-menu li.parent {
	display: flex;
	flex-wrap: wrap;
}
ul.accordion-menu li.parent.open {
	display: flex;
	flex-wrap: wrap;
}
ul.accordion-menu li.parent ul {
	flex: 0 0 100%;
	display: block;
	width: 100%;
}
ul.accordion-menu li {
	width: 100%;
}
ul.accordion-menu li .wrapper {
	width: 100%;
	display: flex;
	align-items: center;
}
ul.accordion-menu.dev-colors li > .wrapper a:hover {
	background: var(--accordion-menu-hover);
}
ul.accordion-menu.dev-colors li.current.active > .wrapper a, ul.accordion-menu.dev-colors li.current.active > .wrapper span:not(.accordion-btn span) {
	color: var(--accordion-active-link-text);
}
ul.accordion-menu li a, ul.accordion-menu li span:not(.accordion-btn span) {
	display: inline-block;
	flex-grow: 1;
	align-items: center;
	min-height: 34px;
	padding: 12px 0;
	padding-right: 50px;
	width: calc(100% - 60px) !important;
	transition: 0.3s;
	position: relative;
}
ul.accordion-menu li:not(.parent) a, ul.accordion-menu li:not(.parent) span:not(.accordion-btn span) {
	width: 100% !important;
}
ul.accordion-menu .level1 {
	border-bottom: solid 1px;
}
ul.accordion-menu.dev-colors .level1 {
	background: var(--accordion-level1);
	border-bottom-color: var(--accordion-button-border);
}
ul.accordion-menu li.active {
	font-weight: bold;
}
ul.accordion-menu.dev-colors .level1.current.active {
	background: var(--accordion-level2);
}
ul.accordion-menu .level1 a, ul.accordion-menu .level1 span:not(.accordion-btn span) {
	padding-left: 35px;
}
ul.accordion-menu.dev-colors .level2 {
	background: var(--accordion-level2);
}
ul.accordion-menu.dev-colors .level2.current.active {
	background: var(--accordion-level3);
}
ul.accordion-menu .level2 a, ul.accordion-menu .level2 span:not(.accordion-btn span) {
	padding-left: 50px;
}
ul.accordion-menu.dev-colors .level3 {
	background: var(--accordion-level3);
}
ul.accordion-menu.dev-colors .level3.current.active {
	background: var(--accordion-level4);
}
ul.accordion-menu .level3 a, ul.accordion-menu .level3 span:not(.accordion-btn span) {
	padding-left: 65px;
}
ul.accordion-menu.dev-colors .level4 {
	background: var(--accordion-level4);
}
ul.accordion-menu.dev-colors .level4.current.active {
	background: var(--accordion-active);
}
ul.accordion-menu .level4 a, ul.accordion-menu .level4 span:not(.accordion-btn span) {
	padding-left: 80px;
}

ul.accordion-menu .accordion-btn {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: right;
	border: none;
	aspect-ratio: 1;
	max-width: 60px;
	display: flex;
	padding: 14px;
	justify-content: center;
	align-items: center;
	background: none;
}
ul.accordion-menu.dev-colors .accordion-btn {
	border-bottom-color: var(--accordion-button-border);
}
ul.accordion-menu .accordion-btn:focus, ul.accordion-menu .accordion-btn:focus-visible {
	outline: none;
}

ul.accordion-menu .accordion-btn .button-inner {
	border-bottom: none;
	display: flex;
	padding: 0;
	justify-content: center;
	align-items: center;
	margin: 0;
	aspect-ratio: 1;
}
ul.accordion-menu.dev-colors .accordion-btn .button-inner {
	
}

ul.accordion-menu li .accordion-btn span {
	float: right;
	padding: 0;
	transition: 0.5s;
	position: relative;
	display: flex;
/* 	Accordion button when closed: NOT active */
}
ul.accordion-menu.dev-colors li .accordion-btn span {
	background: var(--accordion-main-text);
}

ul.accordion-menu li .accordion-btn .pluses span:first-child {
	width: 19px !important;
	height: 3px !important;
	position: relative;
	top: 9px;
	right: 1px;
}
ul.accordion-menu li .accordion-btn .pluses span:last-child {
	width: 3px !important;
	height: 19px !important;
	left: 10px;
	top: 1px;
}
ul.accordion-menu li.open > .wrapper .accordion-btn .pluses span:first-child {
	transform: rotate(180deg);
}
ul.accordion-menu li.open > .wrapper .accordion-btn .pluses span:last-child {
	transform: rotate(270deg);
}

ul.accordion-menu li.level1.closed .accordion-btn {
	border-bottom: none;
}
ul.accordion-menu li.open > .wrapper .accordion-btn {
	border-bottom: none;
}
ul.accordion-menu.open > .wrapper a:before {
	width: 10px;
}

ul.accordion-menu li .accordion-btn .arrows {
	transition: all 0.3s ease-in-out;
	background-repeat: no-repeat;
	background-size: cover;
	height: 19px;
	width: 19px;
	-webkit-mask-size: cover !important;
	-webkit-mask: url(../images/chevron.svg);
	transform: rotate(-90deg);
}
ul.accordion-menu.dev-colors li .accordion-btn .arrows {
	background: var(--accordion-l1-button-text);
}
ul.accordion-menu li.open > .wrapper .accordion-btn .button-inner .arrows {
	transform: rotate(0deg);
}

/* Accordion buttons */
ul.accordion-menu.dev-colors .level1 > .wrapper .accordion-btn .button-inner {
	background: var(--accordion-l1-button-background);
}
ul.accordion-menu.dev-colors .level1 > .wrapper .accordion-btn span {
	background: var(--accordion-l1-button-text);
}
ul.accordion-menu.dev-colors .level1 > .wrapper .accordion-btn .arrows {
	background: var(--accordion-l1-button-text);
}
ul.accordion-menu.dev-colors .level1.open > .wrapper .accordion-btn .button-inner {
	background: var(--accordion-l1-button-open-background);
}
ul.accordion-menu.dev-colors .level1.open > .wrapper .accordion-btn span {
	background: var(--accordion-l1-button-open-text);
}
ul.accordion-menu.dev-colors .level1.opn > .wrapper .accordion-btn .arrows {
	background: var(--accordion-l1-button-open-text);
}
ul.accordion-menu.dev-colors .level2 > .wrapper .accordion-btn .button-inner {
	background: var(--accordion-l2-button-background);
}
ul.accordion-menu.dev-colors .level2 > .wrapper .accordion-btn span {
	background: var(--accordion-l2-button-text);
}
ul.accordion-menu.dev-colors .level2 > .wrapper .accordion-btn .arrows {
	background: var(--accordion-l2-button-text);
}
ul.accordion-menu.dev-colors .level2.open > .wrapper .accordion-btn .button-inner {
	background: var(--accordion-l2-button-open-background);
}
ul.accordion-menu.dev-colors .level2.open > .wrapper .accordion-btn span {
	background: var(--accordion-l2-button-open-text);
}
ul.accordion-menu.dev-colors .level2.open > .wrapper .accordion-btn .arrows {
	background: var(--accordion-l2-button-open-text);
}
ul.accordion-menu.dev-colors .level3 > .wrapper .accordion-btn .button-inner {
	background: var(--accordion-l3-button-background);
}
ul.accordion-menu.dev-colors .level3 > .wrapper .accordion-btn span {
	background: var(--accordion-l3-button-text);
}
ul.accordion-menu.dev-colors .level3 > .wrapper .accordion-btn .arrows {
	background: var(--accordion-l3-button-text);
}
ul.accordion-menu.dev-colors .level3.open > .wrapper .accordion-btn .button-inner {
	background: var(--accordion-l3-button-open-background);
}
ul.accordion-menu.dev-colors .level3.open > .wrapper .accordion-btn span {
	background: var(--accordion-l3-button-open-text);
}
ul.accordion-menu.dev-colors .level3.open > .wrapper .accordion-btn .arrows {
	background: var(--accordion-l3-button-open-text);
}

/* Active stays open */
ul.accordion-menu.active-stays-open li.level1.parent.active > .wrapper .accordion-btn .button-inner .arrows {
	transform: rotate(0deg) !important;
}
ul.accordion-menu.active-stays-open li.level1.parent.active .accordion-btn:hover {
	background: inherit !important;
	cursor: default;
}

ul.accordion-menu.loading, ul.accordion-menu.loading * {
	transition: 0s !important;
}