/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet.markercluster/dist/MarkerCluster.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
	/* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
	transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/style.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons-twotone, .material-icons-sharp, .material-icons-round, .material-icons-outlined, .material-icons,
.material-icons-filled {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
@keyframes scrollUp {
  15%, 25% {
    transform: translateY(-100%);
  }
}
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
.rounded-xs {
  border-radius: 2px;
}

.rounded-sm {
  border-radius: 5px;
}

.rounded-md {
  border-radius: 10px;
}

.rounded-lg {
  border-radius: 25px;
}

.rounded-xl {
  border-radius: 50px;
}

.rounded-xxl {
  border-radius: 75px;
}

.b-primary {
  border: solid thin #27509b;
}

.bl-primary {
  border-left: solid thin #27509b;
}

.br-primary {
  border-right: solid thin #27509b;
}

.bt-primary {
  border-top: solid thin #27509b;
}

.bb-primary {
  border-bottom: solid thin #27509b;
}

.b-accent {
  border: solid thin #fce500;
}

.bl-accent {
  border-left: solid thin #fce500;
}

.br-accent {
  border-right: solid thin #fce500;
}

.bt-accent {
  border-top: solid thin #fce500;
}

.bb-accent {
  border-bottom: solid thin #fce500;
}

.b-warn {
  border: solid thin #cc0033;
}

.bl-warn {
  border-left: solid thin #cc0033;
}

.br-warn {
  border-right: solid thin #cc0033;
}

.bt-warn {
  border-top: solid thin #cc0033;
}

.bb-warn {
  border-bottom: solid thin #cc0033;
}

.b-critical {
  border: solid thin #cc0033;
}

.bl-critical {
  border-left: solid thin #cc0033;
}

.br-critical {
  border-right: solid thin #cc0033;
}

.bt-critical {
  border-top: solid thin #cc0033;
}

.bb-critical {
  border-bottom: solid thin #cc0033;
}

.b-warning {
  border: solid thin #f9a825;
}

.bl-warning {
  border-left: solid thin #f9a825;
}

.br-warning {
  border-right: solid thin #f9a825;
}

.bt-warning {
  border-top: solid thin #f9a825;
}

.bb-warning {
  border-bottom: solid thin #f9a825;
}

.b-ok {
  border: solid thin #0c8a0a;
}

.bl-ok {
  border-left: solid thin #0c8a0a;
}

.br-ok {
  border-right: solid thin #0c8a0a;
}

.bt-ok {
  border-top: solid thin #0c8a0a;
}

.bb-ok {
  border-bottom: solid thin #0c8a0a;
}

.b-grey {
  border: solid thin #e0e0e0;
}

.bl-grey, .dark-mode .system-device-info, .system-device-info {
  border-left: solid thin #e0e0e0;
}

.br-grey, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .info-cell {
  border-right: solid thin #e0e0e0;
}

.bt-grey {
  border-top: solid thin #e0e0e0;
}

.bb-grey, .dark-mode .system-device-info .info-line, .system-device-info .info-line {
  border-bottom: solid thin #e0e0e0;
}

.b-light-grey {
  border: solid thin #f5f5f5;
}

.bl-light-grey {
  border-left: solid thin #f5f5f5;
}

.br-light-grey {
  border-right: solid thin #f5f5f5;
}

.bt-light-grey {
  border-top: solid thin #f5f5f5;
}

.bb-light-grey {
  border-bottom: solid thin #f5f5f5;
}

.b-white {
  border: solid thin white;
}

.bl-white {
  border-left: solid thin white;
}

.br-white {
  border-right: solid thin white;
}

.bt-white {
  border-top: solid thin white;
}

.bb-white {
  border-bottom: solid thin white;
}

.m-0 {
  margin: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.p-0 {
  padding: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.p-1 {
  padding: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2, .dark-mode h4, h4 {
  margin-bottom: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.p-2, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .info-cell {
  padding: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2, .dark-mode .system-device-info .info-header, .system-device-info .info-header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ml-3 {
  margin-left: 1rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mt-3 {
  margin-top: 1rem;
}

.p-3 {
  padding: 1rem;
}

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pt-3 {
  padding-top: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.mx-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.p-4 {
  padding: 1.5rem;
}

.px-4, .dark-mode .system-device-info .info-header, .system-device-info .info-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mx-5 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.ml-5 {
  margin-left: 3rem;
}

.mr-5 {
  margin-right: 3rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mt-5 {
  margin-top: 3rem;
}

.p-5 {
  padding: 3rem;
}

.px-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pl-5 {
  padding-left: 3rem;
}

.pr-5 {
  padding-right: 3rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.pt-5 {
  padding-top: 3rem;
}

.m-6 {
  margin: 4rem;
}

.mx-6 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-6 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ml-6 {
  margin-left: 4rem;
}

.mr-6 {
  margin-right: 4rem;
}

.mb-6 {
  margin-bottom: 4rem;
}

.mt-6 {
  margin-top: 4rem;
}

.p-6 {
  padding: 4rem;
}

.px-6 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pl-6 {
  padding-left: 4rem;
}

.pr-6 {
  padding-right: 4rem;
}

.pb-6 {
  padding-bottom: 4rem;
}

.pt-6 {
  padding-top: 4rem;
}

.m-7 {
  margin: 6rem;
}

.mx-7 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-7 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.ml-7 {
  margin-left: 6rem;
}

.mr-7 {
  margin-right: 6rem;
}

.mb-7 {
  margin-bottom: 6rem;
}

.mt-7 {
  margin-top: 6rem;
}

.p-7 {
  padding: 6rem;
}

.px-7 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-7 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.pl-7 {
  padding-left: 6rem;
}

.pr-7 {
  padding-right: 6rem;
}

.pb-7 {
  padding-bottom: 6rem;
}

.pt-7 {
  padding-top: 6rem;
}

.m-8 {
  margin: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.ml-8 {
  margin-left: 8rem;
}

.mr-8 {
  margin-right: 8rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.mt-8 {
  margin-top: 8rem;
}

.p-8 {
  padding: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pl-8 {
  padding-left: 8rem;
}

.pr-8 {
  padding-right: 8rem;
}

.pb-8 {
  padding-bottom: 8rem;
}

.pt-8 {
  padding-top: 8rem;
}

.m-9 {
  margin: 10rem;
}

.mx-9 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-9 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.ml-9 {
  margin-left: 10rem;
}

.mr-9 {
  margin-right: 10rem;
}

.mb-9 {
  margin-bottom: 10rem;
}

.mt-9 {
  margin-top: 10rem;
}

.p-9 {
  padding: 10rem;
}

.px-9 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-9 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.pl-9 {
  padding-left: 10rem;
}

.pr-9 {
  padding-right: 10rem;
}

.pb-9 {
  padding-bottom: 10rem;
}

.pt-9 {
  padding-top: 10rem;
}

.m-10 {
  margin: 12rem;
}

.mx-10 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-10 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.ml-10 {
  margin-left: 12rem;
}

.mr-10 {
  margin-right: 12rem;
}

.mb-10 {
  margin-bottom: 12rem;
}

.mt-10 {
  margin-top: 12rem;
}

.p-10 {
  padding: 12rem;
}

.px-10 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-10 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.pl-10 {
  padding-left: 12rem;
}

.pr-10 {
  padding-right: 12rem;
}

.pb-10 {
  padding-bottom: 12rem;
}

.pt-10 {
  padding-top: 12rem;
}

.m-11 {
  margin: 14rem;
}

.mx-11 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.my-11 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.ml-11 {
  margin-left: 14rem;
}

.mr-11 {
  margin-right: 14rem;
}

.mb-11 {
  margin-bottom: 14rem;
}

.mt-11 {
  margin-top: 14rem;
}

.p-11 {
  padding: 14rem;
}

.px-11 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.py-11 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.pl-11 {
  padding-left: 14rem;
}

.pr-11 {
  padding-right: 14rem;
}

.pb-11 {
  padding-bottom: 14rem;
}

.pt-11 {
  padding-top: 14rem;
}

.m-12 {
  margin: 16rem;
}

.mx-12 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.my-12 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.ml-12 {
  margin-left: 16rem;
}

.mr-12 {
  margin-right: 16rem;
}

.mb-12 {
  margin-bottom: 16rem;
}

.mt-12 {
  margin-top: 16rem;
}

.p-12 {
  padding: 16rem;
}

.px-12 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.py-12 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.pl-12 {
  padding-left: 16rem;
}

.pr-12 {
  padding-right: 16rem;
}

.pb-12 {
  padding-bottom: 16rem;
}

.pt-12 {
  padding-top: 16rem;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
.text-light-primary, .dark-mode .activity-bg-critical, .dark-mode .activity-bg-warning, .dark-mode .activity-bg-ok, .activity-bg-critical, .activity-bg-warning, .activity-bg-ok {
  color: #ffffff;
}

/*
  Format
*/
.text-bold, .dark-mode .font-title, .dark-mode h4, .font-title, h4 {
  font-weight: bold !important;
}

.text-italic {
  font-style: italic !important;
}

/*
  Alignements
*/
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-center, .dark-mode .system-device-info .info-line, .dark-mode .system-device-info .info-header, .system-device-info .info-line, .system-device-info .info-header {
  text-align: center !important;
}

/*
  Size
 */
.text-xs {
  font-size: 10px !important;
}

.text-sm {
  font-size: 14px !important;
}

.text-md, .dark-mode h4, h4 {
  font-size: 16px !important;
}

.text-lg, .dark-mode .font-title, .font-title {
  font-size: 20px !important;
}

.text-xl {
  font-size: 24px !important;
}

.text-xxl {
  font-size: 32px !important;
}

.title-qs {
  font-size: large;
  font-weight: bold;
  margin-top: 5px;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  text-transform: uppercase;
  position: relative;
}
.title-qs:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 100px;
}
.title-qs:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 100%;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
.icon-xs, .dark-mode app-vehicle-detailed-schema .schema-container .axle .mount mat-icon, .dark-mode .device mat-icon, app-vehicle-detailed-schema .schema-container .axle .mount mat-icon, .device mat-icon {
  height: 20px !important;
  width: 20px !important;
  font-size: 20px !important;
}

.icon-sm {
  height: 24px !important;
  width: 24px !important;
  font-size: 24px !important;
}

.icon-md {
  height: 30px !important;
  width: 30px !important;
  font-size: 30px !important;
}

.icon-lg {
  height: 36px !important;
  width: 36px !important;
  font-size: 36px !important;
}

.icon-xl {
  height: 48px !important;
  width: 48px !important;
  font-size: 48px !important;
}

.icon-xxl {
  height: 64px !important;
  width: 64px !important;
  font-size: 64px !important;
}

.h-0 {
  height: 0;
}

.w-0 {
  width: 0;
}

.min-w-0 {
  width: 0;
  min-width: 0;
}

.min-h-0 {
  height: 0;
  min-height: 0;
}

.max-w-0 {
  width: 0;
  min-width: 0;
}

.h-0-5 {
  height: 0.5rem;
}

.w-0-5 {
  width: 0.5rem;
}

.min-w-0-5 {
  width: 0.5rem;
  min-width: 0.5rem;
}

.min-h-0-5 {
  height: 0.5rem;
  min-height: 0.5rem;
}

.max-w-0-5 {
  width: 0.5rem;
  min-width: 0.5rem;
}

.h-1 {
  height: 1rem;
}

.w-1 {
  width: 1rem;
}

.min-w-1 {
  width: 1rem;
  min-width: 1rem;
}

.min-h-1 {
  height: 1rem;
  min-height: 1rem;
}

.max-w-1 {
  width: 1rem;
  min-width: 1rem;
}

.h-1-5 {
  height: 1.5rem;
}

.w-1-5 {
  width: 1.5rem;
}

.min-w-1-5 {
  width: 1.5rem;
  min-width: 1.5rem;
}

.min-h-1-5 {
  height: 1.5rem;
  min-height: 1.5rem;
}

.max-w-1-5 {
  width: 1.5rem;
  min-width: 1.5rem;
}

.h-2 {
  height: 2rem;
}

.w-2 {
  width: 2rem;
}

.min-w-2 {
  width: 2rem;
  min-width: 2rem;
}

.min-h-2 {
  height: 2rem;
  min-height: 2rem;
}

.max-w-2 {
  width: 2rem;
  min-width: 2rem;
}

.h-2-25 {
  height: 2.25rem;
}

.w-2-25 {
  width: 2.25rem;
}

.min-w-2-25 {
  width: 2.25rem;
  min-width: 2.25rem;
}

.min-h-2-25 {
  height: 2.25rem;
  min-height: 2.25rem;
}

.max-w-2-25 {
  width: 2.25rem;
  min-width: 2.25rem;
}

.h-3 {
  height: 3rem;
}

.w-3 {
  width: 3rem;
}

.min-w-3 {
  width: 3rem;
  min-width: 3rem;
}

.min-h-3 {
  height: 3rem;
  min-height: 3rem;
}

.max-w-3 {
  width: 3rem;
  min-width: 3rem;
}

.h-4 {
  height: 4rem;
}

.w-4 {
  width: 4rem;
}

.min-w-4 {
  width: 4rem;
  min-width: 4rem;
}

.min-h-4 {
  height: 4rem;
  min-height: 4rem;
}

.max-w-4 {
  width: 4rem;
  min-width: 4rem;
}

.h-6 {
  height: 6rem;
}

.w-6 {
  width: 6rem;
}

.min-w-6 {
  width: 6rem;
  min-width: 6rem;
}

.min-h-6 {
  height: 6rem;
  min-height: 6rem;
}

.max-w-6 {
  width: 6rem;
  min-width: 6rem;
}

.h-8 {
  height: 8rem;
}

.w-8 {
  width: 8rem;
}

.min-w-8 {
  width: 8rem;
  min-width: 8rem;
}

.min-h-8 {
  height: 8rem;
  min-height: 8rem;
}

.max-w-8 {
  width: 8rem;
  min-width: 8rem;
}

.h-10 {
  height: 10rem;
}

.w-10 {
  width: 10rem;
}

.min-w-10 {
  width: 10rem;
  min-width: 10rem;
}

.min-h-10 {
  height: 10rem;
  min-height: 10rem;
}

.max-w-10 {
  width: 10rem;
  min-width: 10rem;
}

.h-12 {
  height: 12rem;
}

.w-12 {
  width: 12rem;
}

.min-w-12 {
  width: 12rem;
  min-width: 12rem;
}

.min-h-12 {
  height: 12rem;
  min-height: 12rem;
}

.max-w-12 {
  width: 12rem;
  min-width: 12rem;
}

.h-14 {
  height: 14rem;
}

.w-14 {
  width: 14rem;
}

.min-w-14 {
  width: 14rem;
  min-width: 14rem;
}

.min-h-14 {
  height: 14rem;
  min-height: 14rem;
}

.max-w-14 {
  width: 14rem;
  min-width: 14rem;
}

.h-16 {
  height: 16rem;
}

.w-16 {
  width: 16rem;
}

.min-w-16 {
  width: 16rem;
  min-width: 16rem;
}

.min-h-16 {
  height: 16rem;
  min-height: 16rem;
}

.max-w-16 {
  width: 16rem;
  min-width: 16rem;
}

.h-80 {
  height: 80%;
}

.w-80 {
  width: 80%;
}

.min-w-80 {
  width: 80%;
  min-width: 80%;
}

.min-h-80 {
  height: 80%;
  min-height: 80%;
}

.max-w-80 {
  width: 80%;
  min-width: 80%;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.min-w-100 {
  width: 100%;
  min-width: 100%;
}

.min-h-100 {
  height: 100%;
  min-height: 100%;
}

.max-w-100 {
  width: 100%;
  min-width: 100%;
}

.h-full {
  height: 100%;
}

.min-w-fit {
  min-width: fit-content;
}

@keyframes scrollUp {
  15%, 25% {
    transform: translateY(-100%);
  }
}
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
.rounded-xs {
  border-radius: 2px;
}

.rounded-sm {
  border-radius: 5px;
}

.rounded-md {
  border-radius: 10px;
}

.rounded-lg {
  border-radius: 25px;
}

.rounded-xl {
  border-radius: 50px;
}

.rounded-xxl {
  border-radius: 75px;
}

.b-primary {
  border: solid thin #27509b;
}

.bl-primary {
  border-left: solid thin #27509b;
}

.br-primary {
  border-right: solid thin #27509b;
}

.bt-primary {
  border-top: solid thin #27509b;
}

.bb-primary {
  border-bottom: solid thin #27509b;
}

.b-accent {
  border: solid thin #fce500;
}

.bl-accent {
  border-left: solid thin #fce500;
}

.br-accent {
  border-right: solid thin #fce500;
}

.bt-accent {
  border-top: solid thin #fce500;
}

.bb-accent {
  border-bottom: solid thin #fce500;
}

.b-warn {
  border: solid thin #cc0033;
}

.bl-warn {
  border-left: solid thin #cc0033;
}

.br-warn {
  border-right: solid thin #cc0033;
}

.bt-warn {
  border-top: solid thin #cc0033;
}

.bb-warn {
  border-bottom: solid thin #cc0033;
}

.b-critical {
  border: solid thin #cc0033;
}

.bl-critical {
  border-left: solid thin #cc0033;
}

.br-critical {
  border-right: solid thin #cc0033;
}

.bt-critical {
  border-top: solid thin #cc0033;
}

.bb-critical {
  border-bottom: solid thin #cc0033;
}

.b-warning {
  border: solid thin #f9a825;
}

.bl-warning {
  border-left: solid thin #f9a825;
}

.br-warning {
  border-right: solid thin #f9a825;
}

.bt-warning {
  border-top: solid thin #f9a825;
}

.bb-warning {
  border-bottom: solid thin #f9a825;
}

.b-ok {
  border: solid thin #0c8a0a;
}

.bl-ok {
  border-left: solid thin #0c8a0a;
}

.br-ok {
  border-right: solid thin #0c8a0a;
}

.bt-ok {
  border-top: solid thin #0c8a0a;
}

.bb-ok {
  border-bottom: solid thin #0c8a0a;
}

.b-grey {
  border: solid thin #e0e0e0;
}

.bl-grey, .dark-mode .system-device-info, .system-device-info {
  border-left: solid thin #e0e0e0;
}

.br-grey, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .info-cell {
  border-right: solid thin #e0e0e0;
}

.bt-grey {
  border-top: solid thin #e0e0e0;
}

.bb-grey, .dark-mode .system-device-info .info-line, .system-device-info .info-line {
  border-bottom: solid thin #e0e0e0;
}

.b-light-grey {
  border: solid thin #f5f5f5;
}

.bl-light-grey {
  border-left: solid thin #f5f5f5;
}

.br-light-grey {
  border-right: solid thin #f5f5f5;
}

.bt-light-grey {
  border-top: solid thin #f5f5f5;
}

.bb-light-grey {
  border-bottom: solid thin #f5f5f5;
}

.b-white {
  border: solid thin white;
}

.bl-white {
  border-left: solid thin white;
}

.br-white {
  border-right: solid thin white;
}

.bt-white {
  border-top: solid thin white;
}

.bb-white {
  border-bottom: solid thin white;
}

.m-0 {
  margin: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.p-0 {
  padding: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.ml-1 {
  margin-left: 0.25rem;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.p-1 {
  padding: 0.25rem;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mb-2, .dark-mode h4, h4 {
  margin-bottom: 0.5rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.p-2, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .info-cell {
  padding: 0.5rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-2, .dark-mode .system-device-info .info-header, .system-device-info .info-header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ml-3 {
  margin-left: 1rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mb-3 {
  margin-bottom: 1rem;
}

.mt-3 {
  margin-top: 1rem;
}

.p-3 {
  padding: 1rem;
}

.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pt-3 {
  padding-top: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.mx-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.p-4 {
  padding: 1.5rem;
}

.px-4, .dark-mode .system-device-info .info-header, .system-device-info .info-header {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mx-5 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.ml-5 {
  margin-left: 3rem;
}

.mr-5 {
  margin-right: 3rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mt-5 {
  margin-top: 3rem;
}

.p-5 {
  padding: 3rem;
}

.px-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pl-5 {
  padding-left: 3rem;
}

.pr-5 {
  padding-right: 3rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.pt-5 {
  padding-top: 3rem;
}

.m-6 {
  margin: 4rem;
}

.mx-6 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-6 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ml-6 {
  margin-left: 4rem;
}

.mr-6 {
  margin-right: 4rem;
}

.mb-6 {
  margin-bottom: 4rem;
}

.mt-6 {
  margin-top: 4rem;
}

.p-6 {
  padding: 4rem;
}

.px-6 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pl-6 {
  padding-left: 4rem;
}

.pr-6 {
  padding-right: 4rem;
}

.pb-6 {
  padding-bottom: 4rem;
}

.pt-6 {
  padding-top: 4rem;
}

.m-7 {
  margin: 6rem;
}

.mx-7 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-7 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.ml-7 {
  margin-left: 6rem;
}

.mr-7 {
  margin-right: 6rem;
}

.mb-7 {
  margin-bottom: 6rem;
}

.mt-7 {
  margin-top: 6rem;
}

.p-7 {
  padding: 6rem;
}

.px-7 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-7 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.pl-7 {
  padding-left: 6rem;
}

.pr-7 {
  padding-right: 6rem;
}

.pb-7 {
  padding-bottom: 6rem;
}

.pt-7 {
  padding-top: 6rem;
}

.m-8 {
  margin: 8rem;
}

.mx-8 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-8 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.ml-8 {
  margin-left: 8rem;
}

.mr-8 {
  margin-right: 8rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.mt-8 {
  margin-top: 8rem;
}

.p-8 {
  padding: 8rem;
}

.px-8 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-8 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pl-8 {
  padding-left: 8rem;
}

.pr-8 {
  padding-right: 8rem;
}

.pb-8 {
  padding-bottom: 8rem;
}

.pt-8 {
  padding-top: 8rem;
}

.m-9 {
  margin: 10rem;
}

.mx-9 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-9 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.ml-9 {
  margin-left: 10rem;
}

.mr-9 {
  margin-right: 10rem;
}

.mb-9 {
  margin-bottom: 10rem;
}

.mt-9 {
  margin-top: 10rem;
}

.p-9 {
  padding: 10rem;
}

.px-9 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-9 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.pl-9 {
  padding-left: 10rem;
}

.pr-9 {
  padding-right: 10rem;
}

.pb-9 {
  padding-bottom: 10rem;
}

.pt-9 {
  padding-top: 10rem;
}

.m-10 {
  margin: 12rem;
}

.mx-10 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-10 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.ml-10 {
  margin-left: 12rem;
}

.mr-10 {
  margin-right: 12rem;
}

.mb-10 {
  margin-bottom: 12rem;
}

.mt-10 {
  margin-top: 12rem;
}

.p-10 {
  padding: 12rem;
}

.px-10 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-10 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.pl-10 {
  padding-left: 12rem;
}

.pr-10 {
  padding-right: 12rem;
}

.pb-10 {
  padding-bottom: 12rem;
}

.pt-10 {
  padding-top: 12rem;
}

.m-11 {
  margin: 14rem;
}

.mx-11 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.my-11 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.ml-11 {
  margin-left: 14rem;
}

.mr-11 {
  margin-right: 14rem;
}

.mb-11 {
  margin-bottom: 14rem;
}

.mt-11 {
  margin-top: 14rem;
}

.p-11 {
  padding: 14rem;
}

.px-11 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.py-11 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.pl-11 {
  padding-left: 14rem;
}

.pr-11 {
  padding-right: 14rem;
}

.pb-11 {
  padding-bottom: 14rem;
}

.pt-11 {
  padding-top: 14rem;
}

.m-12 {
  margin: 16rem;
}

.mx-12 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.my-12 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.ml-12 {
  margin-left: 16rem;
}

.mr-12 {
  margin-right: 16rem;
}

.mb-12 {
  margin-bottom: 16rem;
}

.mt-12 {
  margin-top: 16rem;
}

.p-12 {
  padding: 16rem;
}

.px-12 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.py-12 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.pl-12 {
  padding-left: 16rem;
}

.pr-12 {
  padding-right: 16rem;
}

.pb-12 {
  padding-bottom: 16rem;
}

.pt-12 {
  padding-top: 16rem;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
.text-light-primary, .dark-mode .activity-bg-critical, .dark-mode .activity-bg-warning, .dark-mode .activity-bg-ok, .activity-bg-critical, .activity-bg-warning, .activity-bg-ok {
  color: #ffffff;
}

/*
  Format
*/
.text-bold, .dark-mode .font-title, .dark-mode h4, .font-title, h4 {
  font-weight: bold !important;
}

.text-italic {
  font-style: italic !important;
}

/*
  Alignements
*/
.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-center, .dark-mode .system-device-info .info-line, .dark-mode .system-device-info .info-header, .system-device-info .info-line, .system-device-info .info-header {
  text-align: center !important;
}

/*
  Size
 */
.text-xs {
  font-size: 10px !important;
}

.text-sm {
  font-size: 14px !important;
}

.text-md, .dark-mode h4, h4 {
  font-size: 16px !important;
}

.text-lg, .dark-mode .font-title, .font-title {
  font-size: 20px !important;
}

.text-xl {
  font-size: 24px !important;
}

.text-xxl {
  font-size: 32px !important;
}

.title-qs {
  font-size: large;
  font-weight: bold;
  margin-top: 5px;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  text-transform: uppercase;
  position: relative;
}
.title-qs:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 100px;
}
.title-qs:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 100%;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
.icon-xs, .dark-mode app-vehicle-detailed-schema .schema-container .axle .mount mat-icon, .dark-mode .device mat-icon, app-vehicle-detailed-schema .schema-container .axle .mount mat-icon, .device mat-icon {
  height: 20px !important;
  width: 20px !important;
  font-size: 20px !important;
}

.icon-sm {
  height: 24px !important;
  width: 24px !important;
  font-size: 24px !important;
}

.icon-md {
  height: 30px !important;
  width: 30px !important;
  font-size: 30px !important;
}

.icon-lg {
  height: 36px !important;
  width: 36px !important;
  font-size: 36px !important;
}

.icon-xl {
  height: 48px !important;
  width: 48px !important;
  font-size: 48px !important;
}

.icon-xxl {
  height: 64px !important;
  width: 64px !important;
  font-size: 64px !important;
}

.h-0 {
  height: 0;
}

.w-0 {
  width: 0;
}

.min-w-0 {
  width: 0;
  min-width: 0;
}

.min-h-0 {
  height: 0;
  min-height: 0;
}

.max-w-0 {
  width: 0;
  min-width: 0;
}

.h-0-5 {
  height: 0.5rem;
}

.w-0-5 {
  width: 0.5rem;
}

.min-w-0-5 {
  width: 0.5rem;
  min-width: 0.5rem;
}

.min-h-0-5 {
  height: 0.5rem;
  min-height: 0.5rem;
}

.max-w-0-5 {
  width: 0.5rem;
  min-width: 0.5rem;
}

.h-1 {
  height: 1rem;
}

.w-1 {
  width: 1rem;
}

.min-w-1 {
  width: 1rem;
  min-width: 1rem;
}

.min-h-1 {
  height: 1rem;
  min-height: 1rem;
}

.max-w-1 {
  width: 1rem;
  min-width: 1rem;
}

.h-1-5 {
  height: 1.5rem;
}

.w-1-5 {
  width: 1.5rem;
}

.min-w-1-5 {
  width: 1.5rem;
  min-width: 1.5rem;
}

.min-h-1-5 {
  height: 1.5rem;
  min-height: 1.5rem;
}

.max-w-1-5 {
  width: 1.5rem;
  min-width: 1.5rem;
}

.h-2 {
  height: 2rem;
}

.w-2 {
  width: 2rem;
}

.min-w-2 {
  width: 2rem;
  min-width: 2rem;
}

.min-h-2 {
  height: 2rem;
  min-height: 2rem;
}

.max-w-2 {
  width: 2rem;
  min-width: 2rem;
}

.h-2-25 {
  height: 2.25rem;
}

.w-2-25 {
  width: 2.25rem;
}

.min-w-2-25 {
  width: 2.25rem;
  min-width: 2.25rem;
}

.min-h-2-25 {
  height: 2.25rem;
  min-height: 2.25rem;
}

.max-w-2-25 {
  width: 2.25rem;
  min-width: 2.25rem;
}

.h-3 {
  height: 3rem;
}

.w-3 {
  width: 3rem;
}

.min-w-3 {
  width: 3rem;
  min-width: 3rem;
}

.min-h-3 {
  height: 3rem;
  min-height: 3rem;
}

.max-w-3 {
  width: 3rem;
  min-width: 3rem;
}

.h-4 {
  height: 4rem;
}

.w-4 {
  width: 4rem;
}

.min-w-4 {
  width: 4rem;
  min-width: 4rem;
}

.min-h-4 {
  height: 4rem;
  min-height: 4rem;
}

.max-w-4 {
  width: 4rem;
  min-width: 4rem;
}

.h-6 {
  height: 6rem;
}

.w-6 {
  width: 6rem;
}

.min-w-6 {
  width: 6rem;
  min-width: 6rem;
}

.min-h-6 {
  height: 6rem;
  min-height: 6rem;
}

.max-w-6 {
  width: 6rem;
  min-width: 6rem;
}

.h-8 {
  height: 8rem;
}

.w-8 {
  width: 8rem;
}

.min-w-8 {
  width: 8rem;
  min-width: 8rem;
}

.min-h-8 {
  height: 8rem;
  min-height: 8rem;
}

.max-w-8 {
  width: 8rem;
  min-width: 8rem;
}

.h-10 {
  height: 10rem;
}

.w-10 {
  width: 10rem;
}

.min-w-10 {
  width: 10rem;
  min-width: 10rem;
}

.min-h-10 {
  height: 10rem;
  min-height: 10rem;
}

.max-w-10 {
  width: 10rem;
  min-width: 10rem;
}

.h-12 {
  height: 12rem;
}

.w-12 {
  width: 12rem;
}

.min-w-12 {
  width: 12rem;
  min-width: 12rem;
}

.min-h-12 {
  height: 12rem;
  min-height: 12rem;
}

.max-w-12 {
  width: 12rem;
  min-width: 12rem;
}

.h-14 {
  height: 14rem;
}

.w-14 {
  width: 14rem;
}

.min-w-14 {
  width: 14rem;
  min-width: 14rem;
}

.min-h-14 {
  height: 14rem;
  min-height: 14rem;
}

.max-w-14 {
  width: 14rem;
  min-width: 14rem;
}

.h-16 {
  height: 16rem;
}

.w-16 {
  width: 16rem;
}

.min-w-16 {
  width: 16rem;
  min-width: 16rem;
}

.min-h-16 {
  height: 16rem;
  min-height: 16rem;
}

.max-w-16 {
  width: 16rem;
  min-width: 16rem;
}

.h-80 {
  height: 80%;
}

.w-80 {
  width: 80%;
}

.min-w-80 {
  width: 80%;
  min-width: 80%;
}

.min-h-80 {
  height: 80%;
  min-height: 80%;
}

.max-w-80 {
  width: 80%;
  min-width: 80%;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

.min-w-100 {
  width: 100%;
  min-width: 100%;
}

.min-h-100 {
  height: 100%;
  min-height: 100%;
}

.max-w-100 {
  width: 100%;
  min-width: 100%;
}

.h-full {
  height: 100%;
}

.min-w-fit {
  min-width: fit-content;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
.sticky {
  position: sticky;
  top: 0;
  min-width: auto;
  z-index: 4;
}

.clickable:hover {
  cursor: pointer;
}
.clickable:hover tr:hover {
  background-color: none !important;
}

.disabledDiv {
  opacity: 0.4;
  pointer-events: none;
}

.table-of-content-not-selected {
  opacity: 0.4;
}

.markdown-image img {
  max-width: 100%;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #27509b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #fce500;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #cc0033;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #27509b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #27509b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #fce500;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #fce500;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #fce500;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #fce500;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #cc0033;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #cc0033;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-option-label-text-font: Noto Sans;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Noto Sans;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-card-title-text-font: Noto Sans;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Noto Sans;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #27509b;
  --mdc-linear-progress-track-color: rgba(39, 80, 155, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #fce500;
  --mdc-linear-progress-track-color: rgba(252, 229, 0, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #cc0033;
  --mdc-linear-progress-track-color: rgba(204, 0, 51, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Noto Sans;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #27509b;
  --mdc-filled-text-field-focus-active-indicator-color: #27509b;
  --mdc-filled-text-field-focus-label-text-color: rgba(39, 80, 155, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #cc0033;
  --mdc-filled-text-field-error-focus-label-text-color: #cc0033;
  --mdc-filled-text-field-error-label-text-color: #cc0033;
  --mdc-filled-text-field-error-caret-color: #cc0033;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #cc0033;
  --mdc-filled-text-field-error-focus-active-indicator-color: #cc0033;
  --mdc-filled-text-field-error-hover-active-indicator-color: #cc0033;
  --mdc-outlined-text-field-caret-color: #27509b;
  --mdc-outlined-text-field-focus-outline-color: #27509b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(39, 80, 155, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #cc0033;
  --mdc-outlined-text-field-error-focus-label-text-color: #cc0033;
  --mdc-outlined-text-field-error-label-text-color: #cc0033;
  --mdc-outlined-text-field-error-hover-label-text-color: #cc0033;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #cc0033;
  --mdc-outlined-text-field-error-hover-outline-color: #cc0033;
  --mdc-outlined-text-field-error-outline-color: #cc0033;
  --mat-form-field-focus-select-arrow-color: rgba(39, 80, 155, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #cc0033;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #fce500;
  --mdc-filled-text-field-focus-active-indicator-color: #fce500;
  --mdc-filled-text-field-focus-label-text-color: rgba(252, 229, 0, 0.87);
  --mdc-outlined-text-field-caret-color: #fce500;
  --mdc-outlined-text-field-focus-outline-color: #fce500;
  --mdc-outlined-text-field-focus-label-text-color: rgba(252, 229, 0, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(252, 229, 0, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #cc0033;
  --mdc-filled-text-field-focus-active-indicator-color: #cc0033;
  --mdc-filled-text-field-focus-label-text-color: rgba(204, 0, 51, 0.87);
  --mdc-outlined-text-field-caret-color: #cc0033;
  --mdc-outlined-text-field-focus-outline-color: #cc0033;
  --mdc-outlined-text-field-focus-label-text-color: rgba(204, 0, 51, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(204, 0, 51, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mdc-filled-text-field-label-text-font: Noto Sans;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Noto Sans;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Noto Sans;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Noto Sans;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(39, 80, 155, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 0, 51, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(252, 229, 0, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 0, 51, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(204, 0, 51, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 0, 51, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: Noto Sans;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

html {
  --mdc-dialog-subhead-font: Noto Sans;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Noto Sans;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #27509b;
  --mdc-chip-elevated-selected-container-color: #27509b;
  --mdc-chip-elevated-disabled-container-color: #27509b;
  --mdc-chip-flat-disabled-selected-container-color: #27509b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #fce500;
  --mdc-chip-elevated-selected-container-color: #fce500;
  --mdc-chip-elevated-disabled-container-color: #fce500;
  --mdc-chip-flat-disabled-selected-container-color: #fce500;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #cc0033;
  --mdc-chip-elevated-selected-container-color: #cc0033;
  --mdc-chip-elevated-disabled-container-color: #cc0033;
  --mdc-chip-flat-disabled-selected-container-color: #cc0033;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Noto Sans;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Noto Sans;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #27509b;
  --mdc-radio-selected-hover-icon-color: #27509b;
  --mdc-radio-selected-icon-color: #27509b;
  --mdc-radio-selected-pressed-icon-color: #27509b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #27509b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #fce500;
  --mdc-radio-selected-hover-icon-color: #fce500;
  --mdc-radio-selected-icon-color: #fce500;
  --mdc-radio-selected-pressed-icon-color: #fce500;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #fce500;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cc0033;
  --mdc-radio-selected-hover-icon-color: #cc0033;
  --mdc-radio-selected-icon-color: #cc0033;
  --mdc-radio-selected-pressed-icon-color: #cc0033;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #cc0033;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-radio-label-text-font: Noto Sans;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #27509b;
  --mdc-slider-focus-handle-color: #27509b;
  --mdc-slider-hover-handle-color: #27509b;
  --mdc-slider-active-track-color: #27509b;
  --mdc-slider-inactive-track-color: #27509b;
  --mdc-slider-with-tick-marks-inactive-container-color: #27509b;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #27509b;
  --mat-slider-hover-state-layer-color: rgba(39, 80, 155, 0.05);
  --mat-slider-focus-state-layer-color: rgba(39, 80, 155, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #fce500;
  --mdc-slider-focus-handle-color: #fce500;
  --mdc-slider-hover-handle-color: #fce500;
  --mdc-slider-active-track-color: #fce500;
  --mdc-slider-inactive-track-color: #fce500;
  --mdc-slider-with-tick-marks-inactive-container-color: #fce500;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #fce500;
  --mat-slider-hover-state-layer-color: rgba(252, 229, 0, 0.05);
  --mat-slider-focus-state-layer-color: rgba(252, 229, 0, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #cc0033;
  --mdc-slider-focus-handle-color: #cc0033;
  --mdc-slider-hover-handle-color: #cc0033;
  --mdc-slider-active-track-color: #cc0033;
  --mdc-slider-inactive-track-color: #cc0033;
  --mdc-slider-with-tick-marks-inactive-container-color: #cc0033;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #cc0033;
  --mat-slider-hover-state-layer-color: rgba(204, 0, 51, 0.05);
  --mat-slider-focus-state-layer-color: rgba(204, 0, 51, 0.2);
}

html {
  --mdc-slider-label-label-text-font: Noto Sans;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Noto Sans;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #27509b;
  --mdc-radio-selected-hover-icon-color: #27509b;
  --mdc-radio-selected-icon-color: #27509b;
  --mdc-radio-selected-pressed-icon-color: #27509b;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #fce500;
  --mdc-radio-selected-hover-icon-color: #fce500;
  --mdc-radio-selected-icon-color: #fce500;
  --mdc-radio-selected-pressed-icon-color: #fce500;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cc0033;
  --mdc-radio-selected-hover-icon-color: #cc0033;
  --mdc-radio-selected-icon-color: #cc0033;
  --mdc-radio-selected-pressed-icon-color: #cc0033;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #27509b;
  --mdc-checkbox-selected-hover-icon-color: #27509b;
  --mdc-checkbox-selected-icon-color: #27509b;
  --mdc-checkbox-selected-pressed-icon-color: #27509b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #27509b;
  --mdc-checkbox-selected-hover-state-layer-color: #27509b;
  --mdc-checkbox-selected-pressed-state-layer-color: #27509b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #fce500;
  --mdc-checkbox-selected-hover-icon-color: #fce500;
  --mdc-checkbox-selected-icon-color: #fce500;
  --mdc-checkbox-selected-pressed-icon-color: #fce500;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #fce500;
  --mdc-checkbox-selected-hover-state-layer-color: #fce500;
  --mdc-checkbox-selected-pressed-state-layer-color: #fce500;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cc0033;
  --mdc-checkbox-selected-hover-icon-color: #cc0033;
  --mdc-checkbox-selected-icon-color: #cc0033;
  --mdc-checkbox-selected-pressed-icon-color: #cc0033;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cc0033;
  --mdc-checkbox-selected-hover-state-layer-color: #cc0033;
  --mdc-checkbox-selected-pressed-state-layer-color: #cc0033;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #27509b;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: Noto Sans;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Noto Sans;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Noto Sans;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Noto Sans;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-paginator-container-text-font: Noto Sans;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #27509b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #27509b;
  --mat-tab-header-active-ripple-color: #27509b;
  --mat-tab-header-inactive-ripple-color: #27509b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #27509b;
  --mat-tab-header-active-hover-label-text-color: #27509b;
  --mat-tab-header-active-focus-indicator-color: #27509b;
  --mat-tab-header-active-hover-indicator-color: #27509b;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #fce500;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #fce500;
  --mat-tab-header-active-ripple-color: #fce500;
  --mat-tab-header-inactive-ripple-color: #fce500;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #fce500;
  --mat-tab-header-active-hover-label-text-color: #fce500;
  --mat-tab-header-active-focus-indicator-color: #fce500;
  --mat-tab-header-active-hover-indicator-color: #fce500;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #cc0033;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #cc0033;
  --mat-tab-header-active-ripple-color: #cc0033;
  --mat-tab-header-inactive-ripple-color: #cc0033;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #cc0033;
  --mat-tab-header-active-hover-label-text-color: #cc0033;
  --mat-tab-header-active-focus-indicator-color: #cc0033;
  --mat-tab-header-active-hover-indicator-color: #cc0033;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #27509b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #fce500;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #cc0033;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Noto Sans;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #fce500;
  --mdc-checkbox-selected-hover-icon-color: #fce500;
  --mdc-checkbox-selected-icon-color: #fce500;
  --mdc-checkbox-selected-pressed-icon-color: #fce500;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #fce500;
  --mdc-checkbox-selected-hover-state-layer-color: #fce500;
  --mdc-checkbox-selected-pressed-state-layer-color: #fce500;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #27509b;
  --mdc-checkbox-selected-hover-icon-color: #27509b;
  --mdc-checkbox-selected-icon-color: #27509b;
  --mdc-checkbox-selected-pressed-icon-color: #27509b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #27509b;
  --mdc-checkbox-selected-hover-state-layer-color: #27509b;
  --mdc-checkbox-selected-pressed-state-layer-color: #27509b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cc0033;
  --mdc-checkbox-selected-hover-icon-color: #cc0033;
  --mdc-checkbox-selected-icon-color: #cc0033;
  --mdc-checkbox-selected-pressed-icon-color: #cc0033;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cc0033;
  --mdc-checkbox-selected-hover-state-layer-color: #cc0033;
  --mdc-checkbox-selected-pressed-state-layer-color: #cc0033;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mat-checkbox-label-text-font: Noto Sans;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #27509b;
  --mat-text-button-state-layer-color: #27509b;
  --mat-text-button-ripple-color: rgba(39, 80, 155, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #fce500;
  --mat-text-button-state-layer-color: #fce500;
  --mat-text-button-ripple-color: rgba(252, 229, 0, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #cc0033;
  --mat-text-button-state-layer-color: #cc0033;
  --mat-text-button-ripple-color: rgba(204, 0, 51, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #27509b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #fce500;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #cc0033;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #27509b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #fce500;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #cc0033;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #27509b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #27509b;
  --mat-outlined-button-ripple-color: rgba(39, 80, 155, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #fce500;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #fce500;
  --mat-outlined-button-ripple-color: rgba(252, 229, 0, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #cc0033;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #cc0033;
  --mat-outlined-button-ripple-color: rgba(204, 0, 51, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-text-button-label-text-font: Noto Sans;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Noto Sans;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Noto Sans;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Noto Sans;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #27509b;
  --mat-icon-button-state-layer-color: #27509b;
  --mat-icon-button-ripple-color: rgba(39, 80, 155, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #fce500;
  --mat-icon-button-state-layer-color: #fce500;
  --mat-icon-button-ripple-color: rgba(252, 229, 0, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #cc0033;
  --mat-icon-button-state-layer-color: #cc0033;
  --mat-icon-button-ripple-color: rgba(204, 0, 51, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #27509b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #fce500;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #cc0033;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #27509b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #fce500;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #cc0033;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-extended-fab-label-text-font: Noto Sans;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #fce500;
}

html {
  --mdc-snackbar-supporting-text-font: Noto Sans;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Noto Sans;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Noto Sans;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Noto Sans;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #27509b;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #fce500;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #cc0033;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #27509b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #fce500;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}

.mat-badge-warn {
  --mat-badge-background-color: #cc0033;
  --mat-badge-text-color: white;
}

html {
  --mat-badge-text-font: Noto Sans;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-bottom-sheet-container-text-font: Noto Sans;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-legacy-button-toggle-label-text-font: Noto Sans;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Noto Sans;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #27509b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(39, 80, 155, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(39, 80, 155, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(39, 80, 155, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #27509b;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(39, 80, 155, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #fce500;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(252, 229, 0, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(252, 229, 0, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(252, 229, 0, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(252, 229, 0, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #cc0033;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(204, 0, 51, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(204, 0, 51, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(204, 0, 51, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(204, 0, 51, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #fce500;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #cc0033;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Noto Sans;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-expansion-header-text-font: Noto Sans;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Noto Sans;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #27509b;
}
.mat-icon.mat-accent {
  --mat-icon-color: #fce500;
}
.mat-icon.mat-warn {
  --mat-icon-color: #cc0033;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #27509b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #27509b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #27509b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #cc0033;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #cc0033;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #fce500;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #fce500;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #fce500;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #cc0033;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #cc0033;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #cc0033;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-stepper-container-text-font: Noto Sans;
  --mat-stepper-header-label-text-font: Noto Sans;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #27509b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #fce500;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #cc0033;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-toolbar-title-text-font: Noto Sans;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

html {
  --mat-tree-node-text-font: Noto Sans;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

.grid-cols-0 {
  grid-template-columns: repeat(0, minmax(0, 1fr));
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-rows-0 {
  grid-template-rows: repeat(0, minmax(0, 1fr));
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.col-span-0 {
  grid-column: span 0/span 0;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-span-2 {
  grid-column: span 2/span 2;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-5 {
  grid-column: span 5/span 5;
}

.col-span-6 {
  grid-column: span 6/span 6;
}

.col-span-7 {
  grid-column: span 7/span 7;
}

.col-span-8 {
  grid-column: span 8/span 8;
}

.col-span-9 {
  grid-column: span 9/span 9;
}

.col-span-10 {
  grid-column: span 10/span 10;
}

.col-span-11 {
  grid-column: span 11/span 11;
}

.col-span-12 {
  grid-column: span 12/span 12;
}

.col-auto {
  grid-column: auto;
}

.row-span-0 {
  grid-row: span 0/span 0;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.row-span-7 {
  grid-row: span 7/span 7;
}

.row-span-8 {
  grid-row: span 8/span 8;
}

.row-span-9 {
  grid-row: span 9/span 9;
}

.row-span-10 {
  grid-row: span 10/span 10;
}

.row-span-11 {
  grid-row: span 11/span 11;
}

.row-span-12 {
  grid-row: span 12/span 12;
}

.row-auto {
  grid-row: auto;
}

.flex-1 {
  flex: 1 1 0%;
  box-sizing: border-box;
}

.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}

.flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box;
}

.flex-none {
  flex: 0;
  box-sizing: border-box;
}

.flex-row {
  -moz-flex-direction: row;
  flex-direction: row;
}

.flex-row-reverse {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex-col {
  -moz-flex-direction: column;
  flex-direction: column;
}

.flex-col-reverse {
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.fill {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.order-0 {
  -moz-order: 0;
  -ms-order: 0;
  order: 0;
}

.order-1 {
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}

.order-2 {
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
}

.order-3 {
  -moz-order: 3;
  -ms-order: 3;
  order: 3;
}

.order-4 {
  -moz-order: 4;
  -ms-order: 4;
  order: 4;
}

.order-5 {
  -moz-order: 5;
  -ms-order: 5;
  order: 5;
}

.order-6 {
  -moz-order: 6;
  -ms-order: 6;
  order: 6;
}

.order-7 {
  -moz-order: 7;
  -ms-order: 7;
  order: 7;
}

.order-8 {
  -moz-order: 8;
  -ms-order: 8;
  order: 8;
}

.order-9 {
  -moz-order: 9;
  -ms-order: 9;
  order: 9;
}

.order-10 {
  -moz-order: 10;
  -ms-order: 10;
  order: 10;
}

.order-9999 {
  -moz-order: 9999;
  -ms-order: 9999;
  order: 9999;
}

.order--9999 {
  -moz-order: -9999;
  -ms-order: -9999;
  order: -9999;
}

.grow-0 {
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}

.grow-1 {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}

.grow-2 {
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}

.grow-3 {
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  flex-grow: 3;
}

.grow-4 {
  -moz-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
}

.grow-5 {
  -moz-flex-grow: 5;
  -ms-flex-grow: 5;
  flex-grow: 5;
}

.grow-6 {
  -moz-flex-grow: 6;
  -ms-flex-grow: 6;
  flex-grow: 6;
}

.grow-7 {
  -moz-flex-grow: 7;
  -ms-flex-grow: 7;
  flex-grow: 7;
}

.grow-8 {
  -moz-flex-grow: 8;
  -ms-flex-grow: 8;
  flex-grow: 8;
}

.grow-9 {
  -moz-flex-grow: 9;
  -ms-flex-grow: 9;
  flex-grow: 9;
}

.grow-10 {
  -moz-flex-grow: 10;
  -ms-flex-grow: 10;
  flex-grow: 10;
}

.shrink-0 {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}

.shrink-1 {
  -ms-flex-shrink: 1;
  flex-shrink: 1;
}

.shrink-2 {
  -ms-flex-shrink: 2;
  flex-shrink: 2;
}

.shrink-3 {
  -ms-flex-shrink: 3;
  flex-shrink: 3;
}

.shrink-4 {
  -ms-flex-shrink: 4;
  flex-shrink: 4;
}

.shrink-5 {
  -ms-flex-shrink: 5;
  flex-shrink: 5;
}

.shrink-6 {
  -ms-flex-shrink: 6;
  flex-shrink: 6;
}

.shrink-7 {
  -ms-flex-shrink: 7;
  flex-shrink: 7;
}

.shrink-8 {
  -ms-flex-shrink: 8;
  flex-shrink: 8;
}

.shrink-9 {
  -ms-flex-shrink: 9;
  flex-shrink: 9;
}

.shrink-10 {
  -ms-flex-shrink: 10;
  flex-shrink: 10;
}

.basis-0 {
  flex-basis: 0px;
}

.basis-0-5 {
  flex-basis: 0.125rem;
}

.basis-1 {
  flex-basis: 0.25rem;
}

.basis-1-5 {
  flex-basis: 0.375rem;
}

.basis-2 {
  flex-basis: 0.5rem;
}

.basis-2-5 {
  flex-basis: 0.625rem;
}

.basis-3 {
  flex-basis: 0.75rem;
}

.basis-3-5 {
  flex-basis: 0.875rem;
}

.basis-4 {
  flex-basis: 1rem;
}

.basis-5 {
  flex-basis: 1.25rem;
}

.basis-6 {
  flex-basis: 1.5rem;
}

.basis-7 {
  flex-basis: 1.75rem;
}

.basis-8 {
  flex-basis: 2rem;
}

.basis-9 {
  flex-basis: 2.25rem;
}

.basis-10 {
  flex-basis: 2.5rem;
}

.basis-11 {
  flex-basis: 2.75rem;
}

.basis-12 {
  flex-basis: 3rem;
}

.basis-14 {
  flex-basis: 3.5rem;
}

.basis-16 {
  flex-basis: 4rem;
}

.basis-20 {
  flex-basis: 5rem;
}

.basis-24 {
  flex-basis: 6rem;
}

.basis-28 {
  flex-basis: 7rem;
}

.basis-32 {
  flex-basis: 8rem;
}

.basis-36 {
  flex-basis: 9rem;
}

.basis-40 {
  flex-basis: 10rem;
}

.basis-44 {
  flex-basis: 11rem;
}

.basis-48 {
  flex-basis: 12rem;
}

.basis-52 {
  flex-basis: 13rem;
}

.basis-56 {
  flex-basis: 13rem;
}

.basis-60 {
  flex-basis: 15rem;
}

.basis-64 {
  flex-basis: 16rem;
}

.basis-72 {
  flex-basis: 18rem;
}

.basis-80 {
  flex-basis: 20rem;
}

.basis-96 {
  flex-basis: 24rem;
}

.basis-auto {
  flex-basis: auto;
}

.basis-1on2 {
  flex-basis: 50%;
}

.basis-1on3 {
  flex-basis: 33.333333%;
}

.basis-2on3 {
  flex-basis: 66.666667%;
}

.basis-1on4 {
  flex-basis: 25%;
}

.basis-2on4 {
  flex-basis: 50%;
}

.basis-3on4 {
  flex-basis: 75%;
}

.basis-1on5 {
  flex-basis: 20%;
}

.basis-2on5 {
  flex-basis: 40%;
}

.basis-3on5 {
  flex-basis: 60%;
}

.basis-4on5 {
  flex-basis: 80%;
}

.basis-1on6 {
  flex-basis: 16.666667%;
}

.basis-2on6 {
  flex-basis: 33.333333%;
}

.basis-3on6 {
  flex-basis: 50%;
}

.basis-4on6 {
  flex-basis: 66.666667%;
}

.basis-5on6 {
  flex-basis: 83.333333%;
}

.basis-1on12 {
  flex-basis: 8.333333%;
}

.basis-2on12 {
  flex-basis: 16.666667%;
}

.basis-3on12 {
  flex-basis: 25%;
}

.basis-4on12 {
  flex-basis: 33.333333%;
}

.basis-5on12 {
  flex-basis: 41.666667%;
}

.basis-6on12 {
  flex-basis: 50%;
}

.basis-7on12 {
  flex-basis: 58.333333%;
}

.basis-8on12 {
  flex-basis: 66.666667%;
}

.basis-9on12 {
  flex-basis: 75%;
}

.basis-10on12 {
  flex-basis: 83.333333%;
}

.basis-11on12 {
  flex-basis: 91.666667%;
}

.basis-screen {
  flex-basis: 100vw;
}

.basis-full {
  flex-basis: 100%;
}

.w-0 {
  width: 0px;
}

.min-w-0 {
  min-width: 0px;
}

.max-w-0 {
  max-width: 0px;
}

.w-0-5 {
  width: 0.125rem;
}

.min-w-0-5 {
  min-width: 0.125rem;
}

.max-w-0-5 {
  max-width: 0.125rem;
}

.w-1 {
  width: 0.25rem;
}

.min-w-1 {
  min-width: 0.25rem;
}

.max-w-1 {
  max-width: 0.25rem;
}

.w-1-5 {
  width: 0.375rem;
}

.min-w-1-5 {
  min-width: 0.375rem;
}

.max-w-1-5 {
  max-width: 0.375rem;
}

.w-2 {
  width: 0.5rem;
}

.min-w-2 {
  min-width: 0.5rem;
}

.max-w-2 {
  max-width: 0.5rem;
}

.w-2-5 {
  width: 0.625rem;
}

.min-w-2-5 {
  min-width: 0.625rem;
}

.max-w-2-5 {
  max-width: 0.625rem;
}

.w-3 {
  width: 0.75rem;
}

.min-w-3 {
  min-width: 0.75rem;
}

.max-w-3 {
  max-width: 0.75rem;
}

.w-3-5 {
  width: 0.875rem;
}

.min-w-3-5 {
  min-width: 0.875rem;
}

.max-w-3-5 {
  max-width: 0.875rem;
}

.w-4 {
  width: 1rem;
}

.min-w-4 {
  min-width: 1rem;
}

.max-w-4 {
  max-width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.min-w-5 {
  min-width: 1.25rem;
}

.max-w-5 {
  max-width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.max-w-6 {
  max-width: 1.5rem;
}

.w-7 {
  width: 1.75rem;
}

.min-w-7 {
  min-width: 1.75rem;
}

.max-w-7 {
  max-width: 1.75rem;
}

.w-8 {
  width: 2rem;
}

.min-w-8 {
  min-width: 2rem;
}

.max-w-8 {
  max-width: 2rem;
}

.w-9 {
  width: 2.25rem;
}

.min-w-9 {
  min-width: 2.25rem;
}

.max-w-9 {
  max-width: 2.25rem;
}

.w-10 {
  width: 2.5rem;
}

.min-w-10 {
  min-width: 2.5rem;
}

.max-w-10 {
  max-width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.min-w-11 {
  min-width: 2.75rem;
}

.max-w-11 {
  max-width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.min-w-12 {
  min-width: 3rem;
}

.max-w-12 {
  max-width: 3rem;
}

.w-14 {
  width: 3.5rem;
}

.min-w-14 {
  min-width: 3.5rem;
}

.max-w-14 {
  max-width: 3.5rem;
}

.w-16 {
  width: 4rem;
}

.min-w-16 {
  min-width: 4rem;
}

.max-w-16 {
  max-width: 4rem;
}

.w-20 {
  width: 5rem;
}

.min-w-20 {
  min-width: 5rem;
}

.max-w-20 {
  max-width: 5rem;
}

.w-24 {
  width: 6rem;
}

.min-w-24 {
  min-width: 6rem;
}

.max-w-24 {
  max-width: 6rem;
}

.w-28 {
  width: 7rem;
}

.min-w-28 {
  min-width: 7rem;
}

.max-w-28 {
  max-width: 7rem;
}

.w-32 {
  width: 8rem;
}

.min-w-32 {
  min-width: 8rem;
}

.max-w-32 {
  max-width: 8rem;
}

.w-36 {
  width: 9rem;
}

.min-w-36 {
  min-width: 9rem;
}

.max-w-36 {
  max-width: 9rem;
}

.w-40 {
  width: 10rem;
}

.min-w-40 {
  min-width: 10rem;
}

.max-w-40 {
  max-width: 10rem;
}

.w-44 {
  width: 11rem;
}

.min-w-44 {
  min-width: 11rem;
}

.max-w-44 {
  max-width: 11rem;
}

.w-48 {
  width: 12rem;
}

.min-w-48 {
  min-width: 12rem;
}

.max-w-48 {
  max-width: 12rem;
}

.w-52 {
  width: 13rem;
}

.min-w-52 {
  min-width: 13rem;
}

.max-w-52 {
  max-width: 13rem;
}

.w-56 {
  width: 13rem;
}

.min-w-56 {
  min-width: 13rem;
}

.max-w-56 {
  max-width: 13rem;
}

.w-60 {
  width: 15rem;
}

.min-w-60 {
  min-width: 15rem;
}

.max-w-60 {
  max-width: 15rem;
}

.w-64 {
  width: 16rem;
}

.min-w-64 {
  min-width: 16rem;
}

.max-w-64 {
  max-width: 16rem;
}

.w-72 {
  width: 18rem;
}

.min-w-72 {
  min-width: 18rem;
}

.max-w-72 {
  max-width: 18rem;
}

.w-80 {
  width: 20rem;
}

.min-w-80 {
  min-width: 20rem;
}

.max-w-80 {
  max-width: 20rem;
}

.w-96 {
  width: 24rem;
}

.min-w-96 {
  min-width: 24rem;
}

.max-w-96 {
  max-width: 24rem;
}

.w-auto {
  width: auto;
}

.min-w-auto {
  min-width: auto;
}

.max-w-auto {
  max-width: auto;
}

.w-1on2 {
  width: 50%;
}

.min-w-1on2 {
  min-width: 50%;
}

.max-w-1on2 {
  max-width: 50%;
}

.w-1on3 {
  width: 33.333333%;
}

.min-w-1on3 {
  min-width: 33.333333%;
}

.max-w-1on3 {
  max-width: 33.333333%;
}

.w-2on3 {
  width: 66.666667%;
}

.min-w-2on3 {
  min-width: 66.666667%;
}

.max-w-2on3 {
  max-width: 66.666667%;
}

.w-1on4 {
  width: 25%;
}

.min-w-1on4 {
  min-width: 25%;
}

.max-w-1on4 {
  max-width: 25%;
}

.w-2on4 {
  width: 50%;
}

.min-w-2on4 {
  min-width: 50%;
}

.max-w-2on4 {
  max-width: 50%;
}

.w-3on4 {
  width: 75%;
}

.min-w-3on4 {
  min-width: 75%;
}

.max-w-3on4 {
  max-width: 75%;
}

.w-1on5 {
  width: 20%;
}

.min-w-1on5 {
  min-width: 20%;
}

.max-w-1on5 {
  max-width: 20%;
}

.w-2on5 {
  width: 40%;
}

.min-w-2on5 {
  min-width: 40%;
}

.max-w-2on5 {
  max-width: 40%;
}

.w-3on5 {
  width: 60%;
}

.min-w-3on5 {
  min-width: 60%;
}

.max-w-3on5 {
  max-width: 60%;
}

.w-4on5 {
  width: 80%;
}

.min-w-4on5 {
  min-width: 80%;
}

.max-w-4on5 {
  max-width: 80%;
}

.w-1on6 {
  width: 16.666667%;
}

.min-w-1on6 {
  min-width: 16.666667%;
}

.max-w-1on6 {
  max-width: 16.666667%;
}

.w-2on6 {
  width: 33.333333%;
}

.min-w-2on6 {
  min-width: 33.333333%;
}

.max-w-2on6 {
  max-width: 33.333333%;
}

.w-3on6 {
  width: 50%;
}

.min-w-3on6 {
  min-width: 50%;
}

.max-w-3on6 {
  max-width: 50%;
}

.w-4on6 {
  width: 66.666667%;
}

.min-w-4on6 {
  min-width: 66.666667%;
}

.max-w-4on6 {
  max-width: 66.666667%;
}

.w-5on6 {
  width: 83.333333%;
}

.min-w-5on6 {
  min-width: 83.333333%;
}

.max-w-5on6 {
  max-width: 83.333333%;
}

.w-1on12 {
  width: 8.333333%;
}

.min-w-1on12 {
  min-width: 8.333333%;
}

.max-w-1on12 {
  max-width: 8.333333%;
}

.w-2on12 {
  width: 16.666667%;
}

.min-w-2on12 {
  min-width: 16.666667%;
}

.max-w-2on12 {
  max-width: 16.666667%;
}

.w-3on12 {
  width: 25%;
}

.min-w-3on12 {
  min-width: 25%;
}

.max-w-3on12 {
  max-width: 25%;
}

.w-4on12 {
  width: 33.333333%;
}

.min-w-4on12 {
  min-width: 33.333333%;
}

.max-w-4on12 {
  max-width: 33.333333%;
}

.w-5on12 {
  width: 41.666667%;
}

.min-w-5on12 {
  min-width: 41.666667%;
}

.max-w-5on12 {
  max-width: 41.666667%;
}

.w-6on12 {
  width: 50%;
}

.min-w-6on12 {
  min-width: 50%;
}

.max-w-6on12 {
  max-width: 50%;
}

.w-7on12 {
  width: 58.333333%;
}

.min-w-7on12 {
  min-width: 58.333333%;
}

.max-w-7on12 {
  max-width: 58.333333%;
}

.w-8on12 {
  width: 66.666667%;
}

.min-w-8on12 {
  min-width: 66.666667%;
}

.max-w-8on12 {
  max-width: 66.666667%;
}

.w-9on12 {
  width: 75%;
}

.min-w-9on12 {
  min-width: 75%;
}

.max-w-9on12 {
  max-width: 75%;
}

.w-10on12 {
  width: 83.333333%;
}

.min-w-10on12 {
  min-width: 83.333333%;
}

.max-w-10on12 {
  max-width: 83.333333%;
}

.w-11on12 {
  width: 91.666667%;
}

.min-w-11on12 {
  min-width: 91.666667%;
}

.max-w-11on12 {
  max-width: 91.666667%;
}

.w-screen {
  width: 100vw;
}

.min-w-screen {
  min-width: 100vw;
}

.max-w-screen {
  max-width: 100vw;
}

.w-full, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .info-cell {
  width: 100%;
}

.min-w-full {
  min-width: 100%;
}

.max-w-full {
  max-width: 100%;
}

.w-fit {
  width: fit-content;
}

.min-w-fit {
  min-width: fit-content;
}

.max-w-fit {
  max-width: fit-content;
}

.w-min {
  width: min-content;
}

.min-w-min {
  min-width: min-content;
}

.max-w-min {
  max-width: min-content;
}

.w-max {
  width: max-content;
}

.min-w-max {
  min-width: max-content;
}

.max-w-max {
  max-width: max-content;
}

.h-0 {
  height: 0px;
}

.min-h-0 {
  min-height: 0px;
}

.max-h-0 {
  max-height: 0px;
}

.h-0-5 {
  height: 0.125rem;
}

.min-h-0-5 {
  min-height: 0.125rem;
}

.max-h-0-5 {
  max-height: 0.125rem;
}

.h-1 {
  height: 0.25rem;
}

.min-h-1 {
  min-height: 0.25rem;
}

.max-h-1 {
  max-height: 0.25rem;
}

.h-1-5 {
  height: 0.375rem;
}

.min-h-1-5 {
  min-height: 0.375rem;
}

.max-h-1-5 {
  max-height: 0.375rem;
}

.h-2 {
  height: 0.5rem;
}

.min-h-2 {
  min-height: 0.5rem;
}

.max-h-2 {
  max-height: 0.5rem;
}

.h-2-5 {
  height: 0.625rem;
}

.min-h-2-5 {
  min-height: 0.625rem;
}

.max-h-2-5 {
  max-height: 0.625rem;
}

.h-3 {
  height: 0.75rem;
}

.min-h-3 {
  min-height: 0.75rem;
}

.max-h-3 {
  max-height: 0.75rem;
}

.h-3-5 {
  height: 0.875rem;
}

.min-h-3-5 {
  min-height: 0.875rem;
}

.max-h-3-5 {
  max-height: 0.875rem;
}

.h-4 {
  height: 1rem;
}

.min-h-4 {
  min-height: 1rem;
}

.max-h-4 {
  max-height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.min-h-5 {
  min-height: 1.25rem;
}

.max-h-5 {
  max-height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.max-h-6 {
  max-height: 1.5rem;
}

.h-7 {
  height: 1.75rem;
}

.min-h-7 {
  min-height: 1.75rem;
}

.max-h-7 {
  max-height: 1.75rem;
}

.h-8 {
  height: 2rem;
}

.min-h-8 {
  min-height: 2rem;
}

.max-h-8 {
  max-height: 2rem;
}

.h-9 {
  height: 2.25rem;
}

.min-h-9 {
  min-height: 2.25rem;
}

.max-h-9 {
  max-height: 2.25rem;
}

.h-10 {
  height: 2.5rem;
}

.min-h-10 {
  min-height: 2.5rem;
}

.max-h-10 {
  max-height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.min-h-11 {
  min-height: 2.75rem;
}

.max-h-11 {
  max-height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.min-h-12 {
  min-height: 3rem;
}

.max-h-12 {
  max-height: 3rem;
}

.h-14 {
  height: 3.5rem;
}

.min-h-14 {
  min-height: 3.5rem;
}

.max-h-14 {
  max-height: 3.5rem;
}

.h-16 {
  height: 4rem;
}

.min-h-16 {
  min-height: 4rem;
}

.max-h-16 {
  max-height: 4rem;
}

.h-20 {
  height: 5rem;
}

.min-h-20 {
  min-height: 5rem;
}

.max-h-20 {
  max-height: 5rem;
}

.h-24 {
  height: 6rem;
}

.min-h-24 {
  min-height: 6rem;
}

.max-h-24 {
  max-height: 6rem;
}

.h-28 {
  height: 7rem;
}

.min-h-28 {
  min-height: 7rem;
}

.max-h-28 {
  max-height: 7rem;
}

.h-32 {
  height: 8rem;
}

.min-h-32 {
  min-height: 8rem;
}

.max-h-32 {
  max-height: 8rem;
}

.h-36 {
  height: 9rem;
}

.min-h-36 {
  min-height: 9rem;
}

.max-h-36 {
  max-height: 9rem;
}

.h-40 {
  height: 10rem;
}

.min-h-40 {
  min-height: 10rem;
}

.max-h-40 {
  max-height: 10rem;
}

.h-44 {
  height: 11rem;
}

.min-h-44 {
  min-height: 11rem;
}

.max-h-44 {
  max-height: 11rem;
}

.h-48 {
  height: 12rem;
}

.min-h-48 {
  min-height: 12rem;
}

.max-h-48 {
  max-height: 12rem;
}

.h-52 {
  height: 13rem;
}

.min-h-52 {
  min-height: 13rem;
}

.max-h-52 {
  max-height: 13rem;
}

.h-56 {
  height: 13rem;
}

.min-h-56 {
  min-height: 13rem;
}

.max-h-56 {
  max-height: 13rem;
}

.h-60 {
  height: 15rem;
}

.min-h-60 {
  min-height: 15rem;
}

.max-h-60 {
  max-height: 15rem;
}

.h-64 {
  height: 16rem;
}

.min-h-64 {
  min-height: 16rem;
}

.max-h-64 {
  max-height: 16rem;
}

.h-72 {
  height: 18rem;
}

.min-h-72 {
  min-height: 18rem;
}

.max-h-72 {
  max-height: 18rem;
}

.h-80 {
  height: 20rem;
}

.min-h-80 {
  min-height: 20rem;
}

.max-h-80 {
  max-height: 20rem;
}

.h-96 {
  height: 24rem;
}

.min-h-96 {
  min-height: 24rem;
}

.max-h-96 {
  max-height: 24rem;
}

.h-100 {
  height: 28rem;
}

.min-h-100 {
  min-height: 28rem;
}

.max-h-100 {
  max-height: 28rem;
}

.h-auto {
  height: auto;
}

.min-h-auto {
  min-height: auto;
}

.max-h-auto {
  max-height: auto;
}

.h-1on2 {
  height: 50%;
}

.min-h-1on2 {
  min-height: 50%;
}

.max-h-1on2 {
  max-height: 50%;
}

.h-1on3 {
  height: 33.333333%;
}

.min-h-1on3 {
  min-height: 33.333333%;
}

.max-h-1on3 {
  max-height: 33.333333%;
}

.h-2on3 {
  height: 66.666667%;
}

.min-h-2on3 {
  min-height: 66.666667%;
}

.max-h-2on3 {
  max-height: 66.666667%;
}

.h-1on4 {
  height: 25%;
}

.min-h-1on4 {
  min-height: 25%;
}

.max-h-1on4 {
  max-height: 25%;
}

.h-2on4 {
  height: 50%;
}

.min-h-2on4 {
  min-height: 50%;
}

.max-h-2on4 {
  max-height: 50%;
}

.h-3on4 {
  height: 75%;
}

.min-h-3on4 {
  min-height: 75%;
}

.max-h-3on4 {
  max-height: 75%;
}

.h-1on5 {
  height: 20%;
}

.min-h-1on5 {
  min-height: 20%;
}

.max-h-1on5 {
  max-height: 20%;
}

.h-2on5 {
  height: 40%;
}

.min-h-2on5 {
  min-height: 40%;
}

.max-h-2on5 {
  max-height: 40%;
}

.h-3on5 {
  height: 60%;
}

.min-h-3on5 {
  min-height: 60%;
}

.max-h-3on5 {
  max-height: 60%;
}

.h-4on5 {
  height: 80%;
}

.min-h-4on5 {
  min-height: 80%;
}

.max-h-4on5 {
  max-height: 80%;
}

.h-1on6 {
  height: 16.666667%;
}

.min-h-1on6 {
  min-height: 16.666667%;
}

.max-h-1on6 {
  max-height: 16.666667%;
}

.h-2on6 {
  height: 33.333333%;
}

.min-h-2on6 {
  min-height: 33.333333%;
}

.max-h-2on6 {
  max-height: 33.333333%;
}

.h-3on6 {
  height: 50%;
}

.min-h-3on6 {
  min-height: 50%;
}

.max-h-3on6 {
  max-height: 50%;
}

.h-4on6 {
  height: 66.666667%;
}

.min-h-4on6 {
  min-height: 66.666667%;
}

.max-h-4on6 {
  max-height: 66.666667%;
}

.h-5on6 {
  height: 83.333333%;
}

.min-h-5on6 {
  min-height: 83.333333%;
}

.max-h-5on6 {
  max-height: 83.333333%;
}

.h-1on12 {
  height: 8.333333%;
}

.min-h-1on12 {
  min-height: 8.333333%;
}

.max-h-1on12 {
  max-height: 8.333333%;
}

.h-2on12 {
  height: 16.666667%;
}

.min-h-2on12 {
  min-height: 16.666667%;
}

.max-h-2on12 {
  max-height: 16.666667%;
}

.h-3on12 {
  height: 25%;
}

.min-h-3on12 {
  min-height: 25%;
}

.max-h-3on12 {
  max-height: 25%;
}

.h-4on12 {
  height: 33.333333%;
}

.min-h-4on12 {
  min-height: 33.333333%;
}

.max-h-4on12 {
  max-height: 33.333333%;
}

.h-5on12 {
  height: 41.666667%;
}

.min-h-5on12 {
  min-height: 41.666667%;
}

.max-h-5on12 {
  max-height: 41.666667%;
}

.h-6on12 {
  height: 50%;
}

.min-h-6on12 {
  min-height: 50%;
}

.max-h-6on12 {
  max-height: 50%;
}

.h-7on12 {
  height: 58.333333%;
}

.min-h-7on12 {
  min-height: 58.333333%;
}

.max-h-7on12 {
  max-height: 58.333333%;
}

.h-8on12 {
  height: 66.666667%;
}

.min-h-8on12 {
  min-height: 66.666667%;
}

.max-h-8on12 {
  max-height: 66.666667%;
}

.h-9on12 {
  height: 75%;
}

.min-h-9on12 {
  min-height: 75%;
}

.max-h-9on12 {
  max-height: 75%;
}

.h-10on12 {
  height: 83.333333%;
}

.min-h-10on12 {
  min-height: 83.333333%;
}

.max-h-10on12 {
  max-height: 83.333333%;
}

.h-11on12 {
  height: 91.666667%;
}

.min-h-11on12 {
  min-height: 91.666667%;
}

.max-h-11on12 {
  max-height: 91.666667%;
}

.h-screen {
  height: 100vw;
}

.min-h-screen {
  min-height: 100vw;
}

.max-h-screen {
  max-height: 100vw;
}

.h-full {
  height: 100%;
}

.min-h-full {
  min-height: 100%;
}

.max-h-full {
  max-height: 100%;
}

.h-fit {
  height: fit-content;
}

.min-h-fit {
  min-height: fit-content;
}

.max-h-fit {
  max-height: fit-content;
}

.h-min {
  height: min-content;
}

.min-h-min {
  min-height: min-content;
}

.max-h-min {
  max-height: min-content;
}

.h-max {
  height: max-content;
}

.min-h-max {
  min-height: max-content;
}

.max-h-max {
  max-height: max-content;
}

.m-0 {
  margin: 0;
}

.mt-0,
.my-0 {
  margin-top: 0;
}

.mr-0,
.mx-0 {
  margin-right: 0;
}

.mb-0,
.my-0 {
  margin-bottom: 0;
}

.ml-0,
.mx-0 {
  margin-left: 0;
}

.mbls-0,
.mbl-0 {
  margin-block-start: 0;
}

.mble-0,
.mbl-0 {
  margin-block-end: 0;
}

.mins-0,
.min-0 {
  margin-inline-start: 0;
}

.mine-0,
.min-0 {
  margin-inline-end: 0;
}

.p-0 {
  padding: 0;
}

.pt-0,
.py-0 {
  padding-top: 0;
}

.pr-0,
.px-0 {
  padding-right: 0;
}

.pb-0,
.py-0 {
  padding-bottom: 0;
}

.pl-0,
.px-0 {
  padding-left: 0;
}

.pbls-0,
.pbl-0 {
  padding-block-start: 0;
}

.pble-0,
.pbl-0 {
  padding-block-end: 0;
}

.pins-0,
.pin-0 {
  padding-inline-start: 0;
}

.pine-0,
.pin-0 {
  padding-inline-end: 0;
}

.m-1 {
  margin: 4px;
}

.mt-1,
.my-1 {
  margin-top: 4px;
}

.mr-1,
.mx-1 {
  margin-right: 4px;
}

.mb-1,
.my-1 {
  margin-bottom: 4px;
}

.ml-1,
.mx-1 {
  margin-left: 4px;
}

.mbls-1,
.mbl-1 {
  margin-block-start: 4px;
}

.mble-1,
.mbl-1 {
  margin-block-end: 4px;
}

.mins-1,
.min-1 {
  margin-inline-start: 4px;
}

.mine-1,
.min-1 {
  margin-inline-end: 4px;
}

.p-1 {
  padding: 4px;
}

.pt-1,
.py-1 {
  padding-top: 4px;
}

.pr-1,
.px-1 {
  padding-right: 4px;
}

.pb-1,
.py-1 {
  padding-bottom: 4px;
}

.pl-1,
.px-1 {
  padding-left: 4px;
}

.pbls-1,
.pbl-1 {
  padding-block-start: 4px;
}

.pble-1,
.pbl-1 {
  padding-block-end: 4px;
}

.pins-1,
.pin-1 {
  padding-inline-start: 4px;
}

.pine-1,
.pin-1 {
  padding-inline-end: 4px;
}

.m-2 {
  margin: 8px;
}

.mt-2,
.my-2 {
  margin-top: 8px;
}

.mr-2,
.mx-2 {
  margin-right: 8px;
}

.mb-2, .dark-mode h4, h4,
.my-2 {
  margin-bottom: 8px;
}

.ml-2,
.mx-2 {
  margin-left: 8px;
}

.mbls-2,
.mbl-2 {
  margin-block-start: 8px;
}

.mble-2,
.mbl-2 {
  margin-block-end: 8px;
}

.mins-2,
.min-2 {
  margin-inline-start: 8px;
}

.mine-2,
.min-2 {
  margin-inline-end: 8px;
}

.p-2, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .info-cell {
  padding: 8px;
}

.pt-2,
.py-2,
.dark-mode .system-device-info .info-header,
.system-device-info .info-header {
  padding-top: 8px;
}

.pr-2,
.px-2 {
  padding-right: 8px;
}

.pb-2,
.py-2,
.dark-mode .system-device-info .info-header,
.system-device-info .info-header {
  padding-bottom: 8px;
}

.pl-2,
.px-2 {
  padding-left: 8px;
}

.pbls-2,
.pbl-2 {
  padding-block-start: 8px;
}

.pble-2,
.pbl-2 {
  padding-block-end: 8px;
}

.pins-2,
.pin-2 {
  padding-inline-start: 8px;
}

.pine-2,
.pin-2 {
  padding-inline-end: 8px;
}

.m-3 {
  margin: 16px;
}

.mt-3,
.my-3 {
  margin-top: 16px;
}

.mr-3,
.mx-3 {
  margin-right: 16px;
}

.mb-3,
.my-3 {
  margin-bottom: 16px;
}

.ml-3,
.mx-3 {
  margin-left: 16px;
}

.mbls-3,
.mbl-3 {
  margin-block-start: 16px;
}

.mble-3,
.mbl-3 {
  margin-block-end: 16px;
}

.mins-3,
.min-3 {
  margin-inline-start: 16px;
}

.mine-3,
.min-3 {
  margin-inline-end: 16px;
}

.p-3 {
  padding: 16px;
}

.pt-3,
.py-3 {
  padding-top: 16px;
}

.pr-3,
.px-3 {
  padding-right: 16px;
}

.pb-3,
.py-3 {
  padding-bottom: 16px;
}

.pl-3,
.px-3 {
  padding-left: 16px;
}

.pbls-3,
.pbl-3 {
  padding-block-start: 16px;
}

.pble-3,
.pbl-3 {
  padding-block-end: 16px;
}

.pins-3,
.pin-3 {
  padding-inline-start: 16px;
}

.pine-3,
.pin-3 {
  padding-inline-end: 16px;
}

.m-4 {
  margin: 24px;
}

.mt-4,
.my-4 {
  margin-top: 24px;
}

.mr-4,
.mx-4 {
  margin-right: 24px;
}

.mb-4,
.my-4 {
  margin-bottom: 24px;
}

.ml-4,
.mx-4 {
  margin-left: 24px;
}

.mbls-4,
.mbl-4 {
  margin-block-start: 24px;
}

.mble-4,
.mbl-4 {
  margin-block-end: 24px;
}

.mins-4,
.min-4 {
  margin-inline-start: 24px;
}

.mine-4,
.min-4 {
  margin-inline-end: 24px;
}

.p-4 {
  padding: 24px;
}

.pt-4,
.py-4 {
  padding-top: 24px;
}

.pr-4,
.px-4,
.dark-mode .system-device-info .info-header,
.system-device-info .info-header {
  padding-right: 24px;
}

.pb-4,
.py-4 {
  padding-bottom: 24px;
}

.pl-4,
.px-4,
.dark-mode .system-device-info .info-header,
.system-device-info .info-header {
  padding-left: 24px;
}

.pbls-4,
.pbl-4 {
  padding-block-start: 24px;
}

.pble-4,
.pbl-4 {
  padding-block-end: 24px;
}

.pins-4,
.pin-4 {
  padding-inline-start: 24px;
}

.pine-4,
.pin-4 {
  padding-inline-end: 24px;
}

.m-5 {
  margin: 32px;
}

.mt-5,
.my-5 {
  margin-top: 32px;
}

.mr-5,
.mx-5 {
  margin-right: 32px;
}

.mb-5,
.my-5 {
  margin-bottom: 32px;
}

.ml-5,
.mx-5 {
  margin-left: 32px;
}

.mbls-5,
.mbl-5 {
  margin-block-start: 32px;
}

.mble-5,
.mbl-5 {
  margin-block-end: 32px;
}

.mins-5,
.min-5 {
  margin-inline-start: 32px;
}

.mine-5,
.min-5 {
  margin-inline-end: 32px;
}

.p-5 {
  padding: 32px;
}

.pt-5,
.py-5 {
  padding-top: 32px;
}

.pr-5,
.px-5 {
  padding-right: 32px;
}

.pb-5,
.py-5 {
  padding-bottom: 32px;
}

.pl-5,
.px-5 {
  padding-left: 32px;
}

.pbls-5,
.pbl-5 {
  padding-block-start: 32px;
}

.pble-5,
.pbl-5 {
  padding-block-end: 32px;
}

.pins-5,
.pin-5 {
  padding-inline-start: 32px;
}

.pine-5,
.pin-5 {
  padding-inline-end: 32px;
}

.m-6 {
  margin: 40px;
}

.mt-6,
.my-6 {
  margin-top: 40px;
}

.mr-6,
.mx-6 {
  margin-right: 40px;
}

.mb-6,
.my-6 {
  margin-bottom: 40px;
}

.ml-6,
.mx-6 {
  margin-left: 40px;
}

.mbls-6,
.mbl-6 {
  margin-block-start: 40px;
}

.mble-6,
.mbl-6 {
  margin-block-end: 40px;
}

.mins-6,
.min-6 {
  margin-inline-start: 40px;
}

.mine-6,
.min-6 {
  margin-inline-end: 40px;
}

.p-6 {
  padding: 40px;
}

.pt-6,
.py-6 {
  padding-top: 40px;
}

.pr-6,
.px-6 {
  padding-right: 40px;
}

.pb-6,
.py-6 {
  padding-bottom: 40px;
}

.pl-6,
.px-6 {
  padding-left: 40px;
}

.pbls-6,
.pbl-6 {
  padding-block-start: 40px;
}

.pble-6,
.pbl-6 {
  padding-block-end: 40px;
}

.pins-6,
.pin-6 {
  padding-inline-start: 40px;
}

.pine-6,
.pin-6 {
  padding-inline-end: 40px;
}

.m-7 {
  margin: 48px;
}

.mt-7,
.my-7 {
  margin-top: 48px;
}

.mr-7,
.mx-7 {
  margin-right: 48px;
}

.mb-7,
.my-7 {
  margin-bottom: 48px;
}

.ml-7,
.mx-7 {
  margin-left: 48px;
}

.mbls-7,
.mbl-7 {
  margin-block-start: 48px;
}

.mble-7,
.mbl-7 {
  margin-block-end: 48px;
}

.mins-7,
.min-7 {
  margin-inline-start: 48px;
}

.mine-7,
.min-7 {
  margin-inline-end: 48px;
}

.p-7 {
  padding: 48px;
}

.pt-7,
.py-7 {
  padding-top: 48px;
}

.pr-7,
.px-7 {
  padding-right: 48px;
}

.pb-7,
.py-7 {
  padding-bottom: 48px;
}

.pl-7,
.px-7 {
  padding-left: 48px;
}

.pbls-7,
.pbl-7 {
  padding-block-start: 48px;
}

.pble-7,
.pbl-7 {
  padding-block-end: 48px;
}

.pins-7,
.pin-7 {
  padding-inline-start: 48px;
}

.pine-7,
.pin-7 {
  padding-inline-end: 48px;
}

.m-8 {
  margin: 56px;
}

.mt-8,
.my-8 {
  margin-top: 56px;
}

.mr-8,
.mx-8 {
  margin-right: 56px;
}

.mb-8,
.my-8 {
  margin-bottom: 56px;
}

.ml-8,
.mx-8 {
  margin-left: 56px;
}

.mbls-8,
.mbl-8 {
  margin-block-start: 56px;
}

.mble-8,
.mbl-8 {
  margin-block-end: 56px;
}

.mins-8,
.min-8 {
  margin-inline-start: 56px;
}

.mine-8,
.min-8 {
  margin-inline-end: 56px;
}

.p-8 {
  padding: 56px;
}

.pt-8,
.py-8 {
  padding-top: 56px;
}

.pr-8,
.px-8 {
  padding-right: 56px;
}

.pb-8,
.py-8 {
  padding-bottom: 56px;
}

.pl-8,
.px-8 {
  padding-left: 56px;
}

.pbls-8,
.pbl-8 {
  padding-block-start: 56px;
}

.pble-8,
.pbl-8 {
  padding-block-end: 56px;
}

.pins-8,
.pin-8 {
  padding-inline-start: 56px;
}

.pine-8,
.pin-8 {
  padding-inline-end: 56px;
}

.m-9 {
  margin: 64px;
}

.mt-9,
.my-9 {
  margin-top: 64px;
}

.mr-9,
.mx-9 {
  margin-right: 64px;
}

.mb-9,
.my-9 {
  margin-bottom: 64px;
}

.ml-9,
.mx-9 {
  margin-left: 64px;
}

.mbls-9,
.mbl-9 {
  margin-block-start: 64px;
}

.mble-9,
.mbl-9 {
  margin-block-end: 64px;
}

.mins-9,
.min-9 {
  margin-inline-start: 64px;
}

.mine-9,
.min-9 {
  margin-inline-end: 64px;
}

.p-9 {
  padding: 64px;
}

.pt-9,
.py-9 {
  padding-top: 64px;
}

.pr-9,
.px-9 {
  padding-right: 64px;
}

.pb-9,
.py-9 {
  padding-bottom: 64px;
}

.pl-9,
.px-9 {
  padding-left: 64px;
}

.pbls-9,
.pbl-9 {
  padding-block-start: 64px;
}

.pble-9,
.pbl-9 {
  padding-block-end: 64px;
}

.pins-9,
.pin-9 {
  padding-inline-start: 64px;
}

.pine-9,
.pin-9 {
  padding-inline-end: 64px;
}

.m-10 {
  margin: 72px;
}

.mt-10,
.my-10 {
  margin-top: 72px;
}

.mr-10,
.mx-10 {
  margin-right: 72px;
}

.mb-10,
.my-10 {
  margin-bottom: 72px;
}

.ml-10,
.mx-10 {
  margin-left: 72px;
}

.mbls-10,
.mbl-10 {
  margin-block-start: 72px;
}

.mble-10,
.mbl-10 {
  margin-block-end: 72px;
}

.mins-10,
.min-10 {
  margin-inline-start: 72px;
}

.mine-10,
.min-10 {
  margin-inline-end: 72px;
}

.p-10 {
  padding: 72px;
}

.pt-10,
.py-10 {
  padding-top: 72px;
}

.pr-10,
.px-10 {
  padding-right: 72px;
}

.pb-10,
.py-10 {
  padding-bottom: 72px;
}

.pl-10,
.px-10 {
  padding-left: 72px;
}

.pbls-10,
.pbl-10 {
  padding-block-start: 72px;
}

.pble-10,
.pbl-10 {
  padding-block-end: 72px;
}

.pins-10,
.pin-10 {
  padding-inline-start: 72px;
}

.pine-10,
.pin-10 {
  padding-inline-end: 72px;
}

.m-11 {
  margin: 80px;
}

.mt-11,
.my-11 {
  margin-top: 80px;
}

.mr-11,
.mx-11 {
  margin-right: 80px;
}

.mb-11,
.my-11 {
  margin-bottom: 80px;
}

.ml-11,
.mx-11 {
  margin-left: 80px;
}

.mbls-11,
.mbl-11 {
  margin-block-start: 80px;
}

.mble-11,
.mbl-11 {
  margin-block-end: 80px;
}

.mins-11,
.min-11 {
  margin-inline-start: 80px;
}

.mine-11,
.min-11 {
  margin-inline-end: 80px;
}

.p-11 {
  padding: 80px;
}

.pt-11,
.py-11 {
  padding-top: 80px;
}

.pr-11,
.px-11 {
  padding-right: 80px;
}

.pb-11,
.py-11 {
  padding-bottom: 80px;
}

.pl-11,
.px-11 {
  padding-left: 80px;
}

.pbls-11,
.pbl-11 {
  padding-block-start: 80px;
}

.pble-11,
.pbl-11 {
  padding-block-end: 80px;
}

.pins-11,
.pin-11 {
  padding-inline-start: 80px;
}

.pine-11,
.pin-11 {
  padding-inline-end: 80px;
}

.m-12 {
  margin: 88px;
}

.mt-12,
.my-12 {
  margin-top: 88px;
}

.mr-12,
.mx-12 {
  margin-right: 88px;
}

.mb-12,
.my-12 {
  margin-bottom: 88px;
}

.ml-12,
.mx-12 {
  margin-left: 88px;
}

.mbls-12,
.mbl-12 {
  margin-block-start: 88px;
}

.mble-12,
.mbl-12 {
  margin-block-end: 88px;
}

.mins-12,
.min-12 {
  margin-inline-start: 88px;
}

.mine-12,
.min-12 {
  margin-inline-end: 88px;
}

.p-12 {
  padding: 88px;
}

.pt-12,
.py-12 {
  padding-top: 88px;
}

.pr-12,
.px-12 {
  padding-right: 88px;
}

.pb-12,
.py-12 {
  padding-bottom: 88px;
}

.pl-12,
.px-12 {
  padding-left: 88px;
}

.pbls-12,
.pbl-12 {
  padding-block-start: 88px;
}

.pble-12,
.pbl-12 {
  padding-block-end: 88px;
}

.pins-12,
.pin-12 {
  padding-inline-start: 88px;
}

.pine-12,
.pin-12 {
  padding-inline-end: 88px;
}

.m-13 {
  margin: 96px;
}

.mt-13,
.my-13 {
  margin-top: 96px;
}

.mr-13,
.mx-13 {
  margin-right: 96px;
}

.mb-13,
.my-13 {
  margin-bottom: 96px;
}

.ml-13,
.mx-13 {
  margin-left: 96px;
}

.mbls-13,
.mbl-13 {
  margin-block-start: 96px;
}

.mble-13,
.mbl-13 {
  margin-block-end: 96px;
}

.mins-13,
.min-13 {
  margin-inline-start: 96px;
}

.mine-13,
.min-13 {
  margin-inline-end: 96px;
}

.p-13 {
  padding: 96px;
}

.pt-13,
.py-13 {
  padding-top: 96px;
}

.pr-13,
.px-13 {
  padding-right: 96px;
}

.pb-13,
.py-13 {
  padding-bottom: 96px;
}

.pl-13,
.px-13 {
  padding-left: 96px;
}

.pbls-13,
.pbl-13 {
  padding-block-start: 96px;
}

.pble-13,
.pbl-13 {
  padding-block-end: 96px;
}

.pins-13,
.pin-13 {
  padding-inline-start: 96px;
}

.pine-13,
.pin-13 {
  padding-inline-end: 96px;
}

.m-14 {
  margin: 104px;
}

.mt-14,
.my-14 {
  margin-top: 104px;
}

.mr-14,
.mx-14 {
  margin-right: 104px;
}

.mb-14,
.my-14 {
  margin-bottom: 104px;
}

.ml-14,
.mx-14 {
  margin-left: 104px;
}

.mbls-14,
.mbl-14 {
  margin-block-start: 104px;
}

.mble-14,
.mbl-14 {
  margin-block-end: 104px;
}

.mins-14,
.min-14 {
  margin-inline-start: 104px;
}

.mine-14,
.min-14 {
  margin-inline-end: 104px;
}

.p-14 {
  padding: 104px;
}

.pt-14,
.py-14 {
  padding-top: 104px;
}

.pr-14,
.px-14 {
  padding-right: 104px;
}

.pb-14,
.py-14 {
  padding-bottom: 104px;
}

.pl-14,
.px-14 {
  padding-left: 104px;
}

.pbls-14,
.pbl-14 {
  padding-block-start: 104px;
}

.pble-14,
.pbl-14 {
  padding-block-end: 104px;
}

.pins-14,
.pin-14 {
  padding-inline-start: 104px;
}

.pine-14,
.pin-14 {
  padding-inline-end: 104px;
}

.m-15 {
  margin: 112px;
}

.mt-15,
.my-15 {
  margin-top: 112px;
}

.mr-15,
.mx-15 {
  margin-right: 112px;
}

.mb-15,
.my-15 {
  margin-bottom: 112px;
}

.ml-15,
.mx-15 {
  margin-left: 112px;
}

.mbls-15,
.mbl-15 {
  margin-block-start: 112px;
}

.mble-15,
.mbl-15 {
  margin-block-end: 112px;
}

.mins-15,
.min-15 {
  margin-inline-start: 112px;
}

.mine-15,
.min-15 {
  margin-inline-end: 112px;
}

.p-15 {
  padding: 112px;
}

.pt-15,
.py-15 {
  padding-top: 112px;
}

.pr-15,
.px-15 {
  padding-right: 112px;
}

.pb-15,
.py-15 {
  padding-bottom: 112px;
}

.pl-15,
.px-15 {
  padding-left: 112px;
}

.pbls-15,
.pbl-15 {
  padding-block-start: 112px;
}

.pble-15,
.pbl-15 {
  padding-block-end: 112px;
}

.pins-15,
.pin-15 {
  padding-inline-start: 112px;
}

.pine-15,
.pin-15 {
  padding-inline-end: 112px;
}

.m-16 {
  margin: 120px;
}

.mt-16,
.my-16 {
  margin-top: 120px;
}

.mr-16,
.mx-16 {
  margin-right: 120px;
}

.mb-16,
.my-16 {
  margin-bottom: 120px;
}

.ml-16,
.mx-16 {
  margin-left: 120px;
}

.mbls-16,
.mbl-16 {
  margin-block-start: 120px;
}

.mble-16,
.mbl-16 {
  margin-block-end: 120px;
}

.mins-16,
.min-16 {
  margin-inline-start: 120px;
}

.mine-16,
.min-16 {
  margin-inline-end: 120px;
}

.p-16 {
  padding: 120px;
}

.pt-16,
.py-16 {
  padding-top: 120px;
}

.pr-16,
.px-16 {
  padding-right: 120px;
}

.pb-16,
.py-16 {
  padding-bottom: 120px;
}

.pl-16,
.px-16 {
  padding-left: 120px;
}

.pbls-16,
.pbl-16 {
  padding-block-start: 120px;
}

.pble-16,
.pbl-16 {
  padding-block-end: 120px;
}

.pins-16,
.pin-16 {
  padding-inline-start: 120px;
}

.pine-16,
.pin-16 {
  padding-inline-end: 120px;
}

.m-17 {
  margin: 128px;
}

.mt-17,
.my-17 {
  margin-top: 128px;
}

.mr-17,
.mx-17 {
  margin-right: 128px;
}

.mb-17,
.my-17 {
  margin-bottom: 128px;
}

.ml-17,
.mx-17 {
  margin-left: 128px;
}

.mbls-17,
.mbl-17 {
  margin-block-start: 128px;
}

.mble-17,
.mbl-17 {
  margin-block-end: 128px;
}

.mins-17,
.min-17 {
  margin-inline-start: 128px;
}

.mine-17,
.min-17 {
  margin-inline-end: 128px;
}

.p-17 {
  padding: 128px;
}

.pt-17,
.py-17 {
  padding-top: 128px;
}

.pr-17,
.px-17 {
  padding-right: 128px;
}

.pb-17,
.py-17 {
  padding-bottom: 128px;
}

.pl-17,
.px-17 {
  padding-left: 128px;
}

.pbls-17,
.pbl-17 {
  padding-block-start: 128px;
}

.pble-17,
.pbl-17 {
  padding-block-end: 128px;
}

.pins-17,
.pin-17 {
  padding-inline-start: 128px;
}

.pine-17,
.pin-17 {
  padding-inline-end: 128px;
}

.gap-0 {
  gap: 0px;
}

.gap-x-0 {
  column-gap: 0px;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-0-5 {
  gap: 0.125rem;
}

.gap-x-0-5 {
  column-gap: 0.125rem;
}

.gap-y-0-5 {
  row-gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-x-1 {
  column-gap: 0.25rem;
}

.gap-y-1 {
  row-gap: 0.25rem;
}

.gap-1-5 {
  gap: 0.375rem;
}

.gap-x-1-5 {
  column-gap: 0.375rem;
}

.gap-y-1-5 {
  row-gap: 0.375rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-x-2 {
  column-gap: 0.5rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-2-5 {
  gap: 0.625rem;
}

.gap-x-2-5 {
  column-gap: 0.625rem;
}

.gap-y-2-5 {
  row-gap: 0.625rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-x-3 {
  column-gap: 0.75rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-3-5 {
  gap: 0.875rem;
}

.gap-x-3-5 {
  column-gap: 0.875rem;
}

.gap-y-3-5 {
  row-gap: 0.875rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-x-4 {
  column-gap: 1rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-x-5 {
  column-gap: 1.25rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-x-6 {
  column-gap: 1.5rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-x-7 {
  column-gap: 1.75rem;
}

.gap-y-7 {
  row-gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-8 {
  column-gap: 2rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.gap-9 {
  gap: 2.25rem;
}

.gap-x-9 {
  column-gap: 2.25rem;
}

.gap-y-9 {
  row-gap: 2.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-x-10 {
  column-gap: 2.5rem;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-11 {
  gap: 2.75rem;
}

.gap-x-11 {
  column-gap: 2.75rem;
}

.gap-y-11 {
  row-gap: 2.75rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-x-12 {
  column-gap: 3rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-x-14 {
  column-gap: 3.5rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-16 {
  gap: 4rem;
}

.gap-x-16 {
  column-gap: 4rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-x-20 {
  column-gap: 5rem;
}

.gap-y-20 {
  row-gap: 5rem;
}

.gap-24 {
  gap: 6rem;
}

.gap-x-24 {
  column-gap: 6rem;
}

.gap-y-24 {
  row-gap: 6rem;
}

.gap-28 {
  gap: 7rem;
}

.gap-x-28 {
  column-gap: 7rem;
}

.gap-y-28 {
  row-gap: 7rem;
}

.gap-32 {
  gap: 8rem;
}

.gap-x-32 {
  column-gap: 8rem;
}

.gap-y-32 {
  row-gap: 8rem;
}

.gap-36 {
  gap: 9rem;
}

.gap-x-36 {
  column-gap: 9rem;
}

.gap-y-36 {
  row-gap: 9rem;
}

.gap-40 {
  gap: 10rem;
}

.gap-x-40 {
  column-gap: 10rem;
}

.gap-y-40 {
  row-gap: 10rem;
}

.gap-44 {
  gap: 11rem;
}

.gap-x-44 {
  column-gap: 11rem;
}

.gap-y-44 {
  row-gap: 11rem;
}

.gap-48 {
  gap: 12rem;
}

.gap-x-48 {
  column-gap: 12rem;
}

.gap-y-48 {
  row-gap: 12rem;
}

.gap-52 {
  gap: 13rem;
}

.gap-x-52 {
  column-gap: 13rem;
}

.gap-y-52 {
  row-gap: 13rem;
}

.gap-56 {
  gap: 13rem;
}

.gap-x-56 {
  column-gap: 13rem;
}

.gap-y-56 {
  row-gap: 13rem;
}

.gap-60 {
  gap: 15rem;
}

.gap-x-60 {
  column-gap: 15rem;
}

.gap-y-60 {
  row-gap: 15rem;
}

.gap-64 {
  gap: 16rem;
}

.gap-x-64 {
  column-gap: 16rem;
}

.gap-y-64 {
  row-gap: 16rem;
}

.gap-72 {
  gap: 18rem;
}

.gap-x-72 {
  column-gap: 18rem;
}

.gap-y-72 {
  row-gap: 18rem;
}

.gap-80 {
  gap: 20rem;
}

.gap-x-80 {
  column-gap: 20rem;
}

.gap-y-80 {
  row-gap: 20rem;
}

.gap-96 {
  gap: 24rem;
}

.gap-x-96 {
  column-gap: 24rem;
}

.gap-y-96 {
  row-gap: 24rem;
}

.flex {
  display: flex;
}

.block {
  display: block;
}

.grid {
  display: grid;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.table-row-group {
  display: table-row-group;
}

.inline-table {
  display: inline-table;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline-flex;
}

.hidden {
  display: none;
}

.justify-start {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}

.justify-end {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}

.justify-center {
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

.justify-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.justify-around {
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}

.justify-items-start {
  -webkit-justify-items: start;
  -moz-justify-items: start;
  -ms-justify-items: start;
  justify-items: start;
}

.justify-items-end {
  -webkit-justify-items: end;
  -moz-justify-items: end;
  -ms-justify-items: end;
  justify-items: end;
}

.justify-items-center {
  -webkit-justify-items: center;
  -moz-justify-items: center;
  -ms-justify-items: center;
  justify-items: center;
}

.justify-items-stretch {
  -webkit-justify-items: stretch;
  -moz-justify-items: stretch;
  -ms-justify-items: stretch;
  justify-items: stretch;
}

.justify-self-auto {
  -webkit-justify-self: auto;
  -moz-justify-self: auto;
  -ms-justify-self: auto;
  justify-self: auto;
}

.justify-self-start {
  -webkit-justify-self: start;
  -moz-justify-self: start;
  -ms-justify-self: start;
  justify-self: start;
}

.justify-self-end {
  -webkit-justify-self: end;
  -moz-justify-self: end;
  -ms-justify-self: end;
  justify-self: end;
}

.justify-self-center {
  -webkit-justify-self: center;
  -moz-justify-self: center;
  -ms-justify-self: center;
  justify-self: center;
}

.justify-self-baseline {
  -webkit-justify-self: baseline;
  -moz-justify-self: baseline;
  -ms-justify-self: baseline;
  justify-self: baseline;
}

.justify-self-stretch {
  -webkit-justify-self: stretch;
  -moz-justify-self: stretch;
  -ms-justify-self: stretch;
  justify-self: stretch;
}

.content-start {
  -ms-align-content: flex-start;
  align-content: flex-start;
}

.content-end {
  -ms-align-content: flex-end;
  align-content: flex-end;
}

.content-center {
  -ms-align-content: center;
  align-content: center;
}

.content-between {
  -ms-align-content: space-between;
  align-content: space-between;
}

.content-around {
  -ms-align-content: space-around;
  align-content: space-around;
}

.content-evenly {
  -ms-align-content: space-evenly;
  align-content: space-evenly;
}

.content-baseline {
  -ms-align-content: baseline;
  align-content: baseline;
}

.items-start {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

.items-end {
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.items-center {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.items-baseline {
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}

.items-stretch {
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}

.self-auto {
  -ms-align-self: auto;
  align-self: auto;
}

.self-start {
  -ms-align-self: flex-start;
  align-self: flex-start;
}

.self-end {
  -ms-align-self: flex-end;
  align-self: flex-end;
}

.self-center {
  -ms-align-self: center;
  align-self: center;
}

.self-baseline {
  -ms-align-self: baseline;
  align-self: baseline;
}

.self-stretch {
  -ms-align-self: stretch;
  align-self: stretch;
}

.place-content-start {
  -webkit-place-content: start;
  -moz-place-content: start;
  -ms-place-content: start;
  place-content: start;
}

.place-content-end {
  -webkit-place-content: end;
  -moz-place-content: end;
  -ms-place-content: end;
  place-content: end;
}

.place-content-center {
  -webkit-place-content: center;
  -moz-place-content: center;
  -ms-place-content: center;
  place-content: center;
}

.place-content-between {
  -webkit-place-content: space-between;
  -moz-place-content: space-between;
  -ms-place-content: space-between;
  place-content: space-between;
}

.place-content-around {
  -webkit-place-content: space-around;
  -moz-place-content: space-around;
  -ms-place-content: space-around;
  place-content: space-around;
}

.place-content-evenly {
  -webkit-place-content: space-evenly;
  -moz-place-content: space-evenly;
  -ms-place-content: space-evenly;
  place-content: space-evenly;
}

.place-content-stretch {
  -webkit-place-content: stretch;
  -moz-place-content: stretch;
  -ms-place-content: stretch;
  place-content: stretch;
}

.place-content-baseline {
  -webkit-place-content: baseline;
  -moz-place-content: baseline;
  -ms-place-content: baseline;
  place-content: baseline;
}

.place-items-start {
  -webkit-place-items: start;
  -moz-place-items: start;
  -ms-place-items: start;
  place-items: start;
}

.place-items-end {
  -webkit-place-items: end;
  -moz-place-items: end;
  -ms-place-items: end;
  place-items: end;
}

.place-items-center {
  -webkit-place-items: center;
  -moz-place-items: center;
  -ms-place-items: center;
  place-items: center;
}

.place-items-baseline {
  -webkit-place-items: baseline;
  -moz-place-items: baseline;
  -ms-place-items: baseline;
  place-items: baseline;
}

.place-items-stretch {
  -webkit-place-items: stretch;
  -moz-place-items: stretch;
  -ms-place-items: stretch;
  place-items: stretch;
}

.place-self-auto {
  -webkit-place-self: auto;
  -moz-place-self: auto;
  place-self: auto;
}

.place-self-start {
  -webkit-place-self: flex-start;
  -moz-place-self: flex-start;
  place-self: flex-start;
}

.place-self-end {
  -webkit-place-self: flex-end;
  -moz-place-self: flex-end;
  place-self: flex-end;
}

.place-self-center {
  -webkit-place-self: center;
  -moz-place-self: center;
  place-self: center;
}

.place-self-stretch {
  -webkit-place-self: stretch;
  -moz-place-self: stretch;
  place-self: stretch;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.text-clip {
  text-overflow: clip;;
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.text-left {
  text-align: left;
}

.text-center, .dark-mode .system-device-info .info-line, .dark-mode .system-device-info .info-header, .system-device-info .info-line, .system-device-info .info-header {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.underline {
  text-decoration: underline;
}

.overline {
  text-decoration: overline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.align-sub {
  vertical-align: sub;
}

.align-super {
  vertical-align: super;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.whitespace-break-spaces {
  white-space: break-spaces;
}

.break-all {
  word-break: break-all;
}

.break-keep {
  word-break: keep-all;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.hyphens-none {
  hyphens: none;
}

.hyphens-manual {
  hyphens: manual;
}

.hyphens-auto {
  hyphens: auto;
}

.indent-0 {
  text-indent: 0px;
}

.indent-px {
  text-indent: 1px;
}

.indent-0-5 {
  text-indent: 0.125rem;
}

.indent-1 {
  text-indent: 0.25rem;
}

.indent-1-5 {
  text-indent: 0.375rem;
}

.indent-2 {
  text-indent: 0.5rem;
}

.indent-2-5 {
  text-indent: 0.625rem;
}

.indent-3 {
  text-indent: 0.75rem;
}

.indent-3-5 {
  text-indent: 0.875rem;
}

.indent-4 {
  text-indent: 1rem;
}

.indent-5 {
  text-indent: 1.25rem;
}

.indent-6 {
  text-indent: 1.5rem;
}

.indent-7 {
  text-indent: 1.75rem;
}

.indent-8 {
  text-indent: 2rem;
}

.indent-9 {
  text-indent: 2.25rem;
}

.indent-10 {
  text-indent: 2.5rem;
}

.indent-11 {
  text-indent: 2.75rem;
}

.indent-12 {
  text-indent:  3rem;
}

.indent-14 {
  text-indent: 3.5rem;
}

.indent-16 {
  text-indent: 4rem;
}

.indent-20 {
  text-indent: 5rem;
}

.indent-24 {
  text-indent: 6rem;
}

.indent-28 {
  text-indent: 7rem;
}

.indent-32 {
  text-indent: 8rem;
}

.indent-36 {
  text-indent: 9rem;
}

.indent-40 {
  text-indent: 10rem;
}

.indent-44 {
  text-indent: 11rem;
}

.indent-48 {
  text-indent: 12rem;
}

.indent-52 {
  text-indent: 13rem;
}

.indent-56 {
  text-indent: 14rem;
}

.indent-60 {
  text-indent: 15rem;
}

.indent-64 {
  text-indent: 16rem;
}

.indent-72 {
  text-indent: 18rem;
}

.indent-80 {
  text-indent: 20rem;
}

.indent-96 {
  text-indent: 24rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg, .dark-mode .font-title, .font-title {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.flag-af {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('af.svg');
}

.flag-al {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('al.svg');
}

.flag-dz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dz.svg');
}

.flag-as {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('as.svg');
}

.flag-ad {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ad.svg');
}

.flag-ao {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ao.svg');
}

.flag-ai {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ai.svg');
}

.flag-ag {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ag.svg');
}

.flag-ar {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ar.svg');
}

.flag-am {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('am.svg');
}

.flag-aw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('aw.svg');
}

.flag-au {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('au.svg');
}

.flag-at {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('at.svg');
}

.flag-az {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('az.svg');
}

.flag-bs {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bs.svg');
}

.flag-bh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bh.svg');
}

.flag-bd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bd.svg');
}

.flag-bb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bb.svg');
}

.flag-by {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('by.svg');
}

.flag-be {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('be.svg');
}

.flag-bz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bz.svg');
}

.flag-bj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bj.svg');
}

.flag-bm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bm.svg');
}

.flag-bt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bt.svg');
}

.flag-bo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bo.svg');
}

.flag-ba {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ba.svg');
}

.flag-bw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bw.svg');
}

.flag-br {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('br.svg');
}

.flag-io {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('io.svg');
}

.flag-vg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vg.svg');
}

.flag-bn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bn.svg');
}

.flag-bg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bg.svg');
}

.flag-bf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bf.svg');
}

.flag-bi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bi.svg');
}

.flag-kh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kh.svg');
}

.flag-cm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cm.svg');
}

.flag-ca {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ca.svg');
}

.flag-cv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cv.svg');
}

.flag-bq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bq.svg');
}

.flag-ky {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ky.svg');
}

.flag-cf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cf.svg');
}

.flag-td {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('td.svg');
}

.flag-cl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cl.svg');
}

.flag-cn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cn.svg');
}

.flag-cx {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cx.svg');
}

.flag-cc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cc.svg');
}

.flag-co {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('co.svg');
}

.flag-km {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('km.svg');
}

.flag-cd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cd.svg');
}

.flag-cg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cg.svg');
}

.flag-ck {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ck.svg');
}

.flag-cr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cr.svg');
}

.flag-ci {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ci.svg');
}

.flag-hr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hr.svg');
}

.flag-cu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cu.svg');
}

.flag-cw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cw.svg');
}

.flag-cy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cy.svg');
}

.flag-cz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cz.svg');
}

.flag-dk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dk.svg');
}

.flag-dj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dj.svg');
}

.flag-dm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dm.svg');
}

.flag-do {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('do.svg');
}

.flag-ec {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ec.svg');
}

.flag-eg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('eg.svg');
}

.flag-sv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sv.svg');
}

.flag-gq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gq.svg');
}

.flag-er {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('er.svg');
}

.flag-ee {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ee.svg');
}

.flag-et {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('et.svg');
}

.flag-fk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fk.svg');
}

.flag-fo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fo.svg');
}

.flag-fj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fj.svg');
}

.flag-fi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fi.svg');
}

.flag-fr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fr.svg');
}

.flag-gf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gf.svg');
}

.flag-pf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pf.svg');
}

.flag-ga {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ga.svg');
}

.flag-gm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gm.svg');
}

.flag-ge {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ge.svg');
}

.flag-de {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('de.svg');
}

.flag-gh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gh.svg');
}

.flag-gi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gi.svg');
}

.flag-gr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gr.svg');
}

.flag-gl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gl.svg');
}

.flag-gd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gd.svg');
}

.flag-gp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gp.svg');
}

.flag-gu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gu.svg');
}

.flag-gt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gt.svg');
}

.flag-gg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gg.svg');
}

.flag-gn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gn.svg');
}

.flag-gw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gw.svg');
}

.flag-gy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gy.svg');
}

.flag-ht {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ht.svg');
}

.flag-hn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hn.svg');
}

.flag-hk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hk.svg');
}

.flag-hu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hu.svg');
}

.flag-is {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('is.svg');
}

.flag-in {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('in.svg');
}

.flag-id {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('id.svg');
}

.flag-ir {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ir.svg');
}

.flag-iq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('iq.svg');
}

.flag-ie {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ie.svg');
}

.flag-im {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('im.svg');
}

.flag-il {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('il.svg');
}

.flag-it {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('it.svg');
}

.flag-jm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('jm.svg');
}

.flag-jp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('jp.svg');
}

.flag-je {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('je.svg');
}

.flag-jo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('jo.svg');
}

.flag-kz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kz.svg');
}

.flag-ke {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ke.svg');
}

.flag-ki {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ki.svg');
}

.flag-xk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('xk.svg');
}

.flag-kw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kw.svg');
}

.flag-kg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kg.svg');
}

.flag-la {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('la.svg');
}

.flag-lv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lv.svg');
}

.flag-lb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lb.svg');
}

.flag-ls {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ls.svg');
}

.flag-lr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lr.svg');
}

.flag-ly {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ly.svg');
}

.flag-li {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('li.svg');
}

.flag-lt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lt.svg');
}

.flag-lu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lu.svg');
}

.flag-mo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mo.svg');
}

.flag-mk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mk.svg');
}

.flag-mg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mg.svg');
}

.flag-mw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mw.svg');
}

.flag-my {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('my.svg');
}

.flag-mv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mv.svg');
}

.flag-ml {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ml.svg');
}

.flag-mt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mt.svg');
}

.flag-mh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mh.svg');
}

.flag-mq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mq.svg');
}

.flag-mr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mr.svg');
}

.flag-mu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mu.svg');
}

.flag-yt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('yt.svg');
}

.flag-mx {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mx.svg');
}

.flag-fm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fm.svg');
}

.flag-md {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('md.svg');
}

.flag-mc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mc.svg');
}

.flag-mn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mn.svg');
}

.flag-me {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('me.svg');
}

.flag-ms {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ms.svg');
}

.flag-ma {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ma.svg');
}

.flag-mz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mz.svg');
}

.flag-mm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mm.svg');
}

.flag-na {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('na.svg');
}

.flag-nr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nr.svg');
}

.flag-np {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('np.svg');
}

.flag-nl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nl.svg');
}

.flag-nc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nc.svg');
}

.flag-nz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nz.svg');
}

.flag-ni {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ni.svg');
}

.flag-ne {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ne.svg');
}

.flag-ng {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ng.svg');
}

.flag-nu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nu.svg');
}

.flag-nf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nf.svg');
}

.flag-kp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kp.svg');
}

.flag-mp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mp.svg');
}

.flag-no {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('no.svg');
}

.flag-om {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('om.svg');
}

.flag-pk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pk.svg');
}

.flag-pw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pw.svg');
}

.flag-ps {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ps.svg');
}

.flag-pa {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pa.svg');
}

.flag-pg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pg.svg');
}

.flag-py {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('py.svg');
}

.flag-pe {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pe.svg');
}

.flag-ph {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ph.svg');
}

.flag-pl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pl.svg');
}

.flag-pt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pt.svg');
}

.flag-pr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pr.svg');
}

.flag-qa {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('qa.svg');
}

.flag-re {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('re.svg');
}

.flag-ro {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ro.svg');
}

.flag-ru {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ru.svg');
}

.flag-rw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('rw.svg');
}

.flag-bl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bl.svg');
}

.flag-sh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sh.svg');
}

.flag-kn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kn.svg');
}

.flag-lc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lc.svg');
}

.flag-mf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mf.svg');
}

.flag-pm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pm.svg');
}

.flag-vc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vc.svg');
}

.flag-ws {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ws.svg');
}

.flag-sm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sm.svg');
}

.flag-st {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('st.svg');
}

.flag-sa {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sa.svg');
}

.flag-sn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sn.svg');
}

.flag-rs {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('rs.svg');
}

.flag-sc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sc.svg');
}

.flag-sl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sl.svg');
}

.flag-sg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sg.svg');
}

.flag-sx {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sx.svg');
}

.flag-sk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sk.svg');
}

.flag-si {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('si.svg');
}

.flag-sb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sb.svg');
}

.flag-so {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('so.svg');
}

.flag-za {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('za.svg');
}

.flag-kr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kr.svg');
}

.flag-ss {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ss.svg');
}

.flag-es {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('es.svg');
}

.flag-lk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lk.svg');
}

.flag-sd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sd.svg');
}

.flag-sr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sr.svg');
}

.flag-sj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sj.svg');
}

.flag-sz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sz.svg');
}

.flag-se {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('se.svg');
}

.flag-ch {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ch.svg');
}

.flag-sy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sy.svg');
}

.flag-tw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tw.svg');
}

.flag-tj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tj.svg');
}

.flag-tz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tz.svg');
}

.flag-th {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('th.svg');
}

.flag-tl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tl.svg');
}

.flag-tg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tg.svg');
}

.flag-tk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tk.svg');
}

.flag-to {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('to.svg');
}

.flag-tt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tt.svg');
}

.flag-tn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tn.svg');
}

.flag-tr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tr.svg');
}

.flag-tm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tm.svg');
}

.flag-tc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tc.svg');
}

.flag-tv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tv.svg');
}

.flag-vi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vi.svg');
}

.flag-ug {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ug.svg');
}

.flag-ua {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ua.svg');
}

.flag-ae {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ae.svg');
}

.flag-gb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gb.svg');
}

.flag-us {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('us.svg');
}

.flag-uy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('uy.svg');
}

.flag-uz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('uz.svg');
}

.flag-vu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vu.svg');
}

.flag-va {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('va.svg');
}

.flag-ve {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ve.svg');
}

.flag-vn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vn.svg');
}

.flag-wf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('wf.svg');
}

.flag-eh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('eh.svg');
}

.flag-ye {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ye.svg');
}

.flag-zm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('zm.svg');
}

.flag-zw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('zw.svg');
}

.flag-ax {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ax.svg');
}

@media (max-width: 5000px) {
  .xl-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .xl-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xl-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xl-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xl-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xl-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xl-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xl-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xl-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xl-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xl-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .xl-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .xl-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .xl-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .xl-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .xl-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .xl-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .xl-col-span-0 {
    grid-column: span 0/span 0;
  }
  .xl-col-span-1 {
    grid-column: span 1/span 1;
  }
  .xl-col-span-2 {
    grid-column: span 2/span 2;
  }
  .xl-col-span-3 {
    grid-column: span 3/span 3;
  }
  .xl-col-span-4 {
    grid-column: span 4/span 4;
  }
  .xl-col-span-5 {
    grid-column: span 5/span 5;
  }
  .xl-col-span-6 {
    grid-column: span 6/span 6;
  }
  .xl-col-span-7 {
    grid-column: span 7/span 7;
  }
  .xl-col-span-8 {
    grid-column: span 8/span 8;
  }
  .xl-col-span-9 {
    grid-column: span 9/span 9;
  }
  .xl-col-span-10 {
    grid-column: span 10/span 10;
  }
  .xl-col-span-11 {
    grid-column: span 11/span 11;
  }
  .xl-col-span-12 {
    grid-column: span 12/span 12;
  }
  .xl-col-auto {
    grid-column: auto;
  }
  .xl-row-span-0 {
    grid-row: span 0/span 0;
  }
  .xl-row-span-1 {
    grid-row: span 1/span 1;
  }
  .xl-row-span-2 {
    grid-row: span 2/span 2;
  }
  .xl-row-span-3 {
    grid-row: span 3/span 3;
  }
  .xl-row-span-4 {
    grid-row: span 4/span 4;
  }
  .xl-row-span-5 {
    grid-row: span 5/span 5;
  }
  .xl-row-span-6 {
    grid-row: span 6/span 6;
  }
  .xl-row-span-7 {
    grid-row: span 7/span 7;
  }
  .xl-row-span-8 {
    grid-row: span 8/span 8;
  }
  .xl-row-span-9 {
    grid-row: span 9/span 9;
  }
  .xl-row-span-10 {
    grid-row: span 10/span 10;
  }
  .xl-row-span-11 {
    grid-row: span 11/span 11;
  }
  .xl-row-span-12 {
    grid-row: span 12/span 12;
  }
  .xl-row-auto {
    grid-row: auto;
  }
  .xl-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .xl-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .xl-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .xl-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .xl-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .xl-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .xl-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .xl-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .xl-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .xl-flex-wrap {
    flex-wrap: wrap;
  }
  .xl-flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xl-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .xl-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .xl-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .xl-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .xl-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .xl-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .xl-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .xl-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .xl-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .xl-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .xl-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .xl-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .xl-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .xl-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .xl-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .xl-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .xl-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .xl-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .xl-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .xl-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .xl-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .xl-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .xl-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .xl-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .xl-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .xl-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .xl-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .xl-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .xl-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .xl-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .xl-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .xl-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .xl-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .xl-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .xl-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .xl-basis-0 {
    flex-basis: 0px;
  }
  .xl-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .xl-basis-1 {
    flex-basis: 0.25rem;
  }
  .xl-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .xl-basis-2 {
    flex-basis: 0.5rem;
  }
  .xl-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .xl-basis-3 {
    flex-basis: 0.75rem;
  }
  .xl-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .xl-basis-4 {
    flex-basis: 1rem;
  }
  .xl-basis-5 {
    flex-basis: 1.25rem;
  }
  .xl-basis-6 {
    flex-basis: 1.5rem;
  }
  .xl-basis-7 {
    flex-basis: 1.75rem;
  }
  .xl-basis-8 {
    flex-basis: 2rem;
  }
  .xl-basis-9 {
    flex-basis: 2.25rem;
  }
  .xl-basis-10 {
    flex-basis: 2.5rem;
  }
  .xl-basis-11 {
    flex-basis: 2.75rem;
  }
  .xl-basis-12 {
    flex-basis: 3rem;
  }
  .xl-basis-14 {
    flex-basis: 3.5rem;
  }
  .xl-basis-16 {
    flex-basis: 4rem;
  }
  .xl-basis-20 {
    flex-basis: 5rem;
  }
  .xl-basis-24 {
    flex-basis: 6rem;
  }
  .xl-basis-28 {
    flex-basis: 7rem;
  }
  .xl-basis-32 {
    flex-basis: 8rem;
  }
  .xl-basis-36 {
    flex-basis: 9rem;
  }
  .xl-basis-40 {
    flex-basis: 10rem;
  }
  .xl-basis-44 {
    flex-basis: 11rem;
  }
  .xl-basis-48 {
    flex-basis: 12rem;
  }
  .xl-basis-52 {
    flex-basis: 13rem;
  }
  .xl-basis-56 {
    flex-basis: 13rem;
  }
  .xl-basis-60 {
    flex-basis: 15rem;
  }
  .xl-basis-64 {
    flex-basis: 16rem;
  }
  .xl-basis-72 {
    flex-basis: 18rem;
  }
  .xl-basis-80 {
    flex-basis: 20rem;
  }
  .xl-basis-96 {
    flex-basis: 24rem;
  }
  .xl-basis-auto {
    flex-basis: auto;
  }
  .xl-basis-1on2 {
    flex-basis: 50%;
  }
  .xl-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .xl-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .xl-basis-1on4 {
    flex-basis: 25%;
  }
  .xl-basis-2on4 {
    flex-basis: 50%;
  }
  .xl-basis-3on4 {
    flex-basis: 75%;
  }
  .xl-basis-1on5 {
    flex-basis: 20%;
  }
  .xl-basis-2on5 {
    flex-basis: 40%;
  }
  .xl-basis-3on5 {
    flex-basis: 60%;
  }
  .xl-basis-4on5 {
    flex-basis: 80%;
  }
  .xl-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .xl-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .xl-basis-3on6 {
    flex-basis: 50%;
  }
  .xl-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .xl-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .xl-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .xl-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .xl-basis-3on12 {
    flex-basis: 25%;
  }
  .xl-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .xl-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .xl-basis-6on12 {
    flex-basis: 50%;
  }
  .xl-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .xl-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .xl-basis-9on12 {
    flex-basis: 75%;
  }
  .xl-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .xl-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .xl-basis-screen {
    flex-basis: 100vw;
  }
  .xl-basis-full {
    flex-basis: 100%;
  }
  .xl-w-0 {
    width: 0px;
  }
  .xl-min-w-0 {
    min-width: 0px;
  }
  .xl-max-w-0 {
    max-width: 0px;
  }
  .xl-w-0-5 {
    width: 0.125rem;
  }
  .xl-min-w-0-5 {
    min-width: 0.125rem;
  }
  .xl-max-w-0-5 {
    max-width: 0.125rem;
  }
  .xl-w-1 {
    width: 0.25rem;
  }
  .xl-min-w-1 {
    min-width: 0.25rem;
  }
  .xl-max-w-1 {
    max-width: 0.25rem;
  }
  .xl-w-1-5 {
    width: 0.375rem;
  }
  .xl-min-w-1-5 {
    min-width: 0.375rem;
  }
  .xl-max-w-1-5 {
    max-width: 0.375rem;
  }
  .xl-w-2 {
    width: 0.5rem;
  }
  .xl-min-w-2 {
    min-width: 0.5rem;
  }
  .xl-max-w-2 {
    max-width: 0.5rem;
  }
  .xl-w-2-5 {
    width: 0.625rem;
  }
  .xl-min-w-2-5 {
    min-width: 0.625rem;
  }
  .xl-max-w-2-5 {
    max-width: 0.625rem;
  }
  .xl-w-3 {
    width: 0.75rem;
  }
  .xl-min-w-3 {
    min-width: 0.75rem;
  }
  .xl-max-w-3 {
    max-width: 0.75rem;
  }
  .xl-w-3-5 {
    width: 0.875rem;
  }
  .xl-min-w-3-5 {
    min-width: 0.875rem;
  }
  .xl-max-w-3-5 {
    max-width: 0.875rem;
  }
  .xl-w-4 {
    width: 1rem;
  }
  .xl-min-w-4 {
    min-width: 1rem;
  }
  .xl-max-w-4 {
    max-width: 1rem;
  }
  .xl-w-5 {
    width: 1.25rem;
  }
  .xl-min-w-5 {
    min-width: 1.25rem;
  }
  .xl-max-w-5 {
    max-width: 1.25rem;
  }
  .xl-w-6 {
    width: 1.5rem;
  }
  .xl-min-w-6 {
    min-width: 1.5rem;
  }
  .xl-max-w-6 {
    max-width: 1.5rem;
  }
  .xl-w-7 {
    width: 1.75rem;
  }
  .xl-min-w-7 {
    min-width: 1.75rem;
  }
  .xl-max-w-7 {
    max-width: 1.75rem;
  }
  .xl-w-8 {
    width: 2rem;
  }
  .xl-min-w-8 {
    min-width: 2rem;
  }
  .xl-max-w-8 {
    max-width: 2rem;
  }
  .xl-w-9 {
    width: 2.25rem;
  }
  .xl-min-w-9 {
    min-width: 2.25rem;
  }
  .xl-max-w-9 {
    max-width: 2.25rem;
  }
  .xl-w-10 {
    width: 2.5rem;
  }
  .xl-min-w-10 {
    min-width: 2.5rem;
  }
  .xl-max-w-10 {
    max-width: 2.5rem;
  }
  .xl-w-11 {
    width: 2.75rem;
  }
  .xl-min-w-11 {
    min-width: 2.75rem;
  }
  .xl-max-w-11 {
    max-width: 2.75rem;
  }
  .xl-w-12 {
    width: 3rem;
  }
  .xl-min-w-12 {
    min-width: 3rem;
  }
  .xl-max-w-12 {
    max-width: 3rem;
  }
  .xl-w-14 {
    width: 3.5rem;
  }
  .xl-min-w-14 {
    min-width: 3.5rem;
  }
  .xl-max-w-14 {
    max-width: 3.5rem;
  }
  .xl-w-16 {
    width: 4rem;
  }
  .xl-min-w-16 {
    min-width: 4rem;
  }
  .xl-max-w-16 {
    max-width: 4rem;
  }
  .xl-w-20 {
    width: 5rem;
  }
  .xl-min-w-20 {
    min-width: 5rem;
  }
  .xl-max-w-20 {
    max-width: 5rem;
  }
  .xl-w-24 {
    width: 6rem;
  }
  .xl-min-w-24 {
    min-width: 6rem;
  }
  .xl-max-w-24 {
    max-width: 6rem;
  }
  .xl-w-28 {
    width: 7rem;
  }
  .xl-min-w-28 {
    min-width: 7rem;
  }
  .xl-max-w-28 {
    max-width: 7rem;
  }
  .xl-w-32 {
    width: 8rem;
  }
  .xl-min-w-32 {
    min-width: 8rem;
  }
  .xl-max-w-32 {
    max-width: 8rem;
  }
  .xl-w-36 {
    width: 9rem;
  }
  .xl-min-w-36 {
    min-width: 9rem;
  }
  .xl-max-w-36 {
    max-width: 9rem;
  }
  .xl-w-40 {
    width: 10rem;
  }
  .xl-min-w-40 {
    min-width: 10rem;
  }
  .xl-max-w-40 {
    max-width: 10rem;
  }
  .xl-w-44 {
    width: 11rem;
  }
  .xl-min-w-44 {
    min-width: 11rem;
  }
  .xl-max-w-44 {
    max-width: 11rem;
  }
  .xl-w-48 {
    width: 12rem;
  }
  .xl-min-w-48 {
    min-width: 12rem;
  }
  .xl-max-w-48 {
    max-width: 12rem;
  }
  .xl-w-52 {
    width: 13rem;
  }
  .xl-min-w-52 {
    min-width: 13rem;
  }
  .xl-max-w-52 {
    max-width: 13rem;
  }
  .xl-w-56 {
    width: 13rem;
  }
  .xl-min-w-56 {
    min-width: 13rem;
  }
  .xl-max-w-56 {
    max-width: 13rem;
  }
  .xl-w-60 {
    width: 15rem;
  }
  .xl-min-w-60 {
    min-width: 15rem;
  }
  .xl-max-w-60 {
    max-width: 15rem;
  }
  .xl-w-64 {
    width: 16rem;
  }
  .xl-min-w-64 {
    min-width: 16rem;
  }
  .xl-max-w-64 {
    max-width: 16rem;
  }
  .xl-w-72 {
    width: 18rem;
  }
  .xl-min-w-72 {
    min-width: 18rem;
  }
  .xl-max-w-72 {
    max-width: 18rem;
  }
  .xl-w-80 {
    width: 20rem;
  }
  .xl-min-w-80 {
    min-width: 20rem;
  }
  .xl-max-w-80 {
    max-width: 20rem;
  }
  .xl-w-96 {
    width: 24rem;
  }
  .xl-min-w-96 {
    min-width: 24rem;
  }
  .xl-max-w-96 {
    max-width: 24rem;
  }
  .xl-w-auto {
    width: auto;
  }
  .xl-min-w-auto {
    min-width: auto;
  }
  .xl-max-w-auto {
    max-width: auto;
  }
  .xl-w-1on2 {
    width: 50%;
  }
  .xl-min-w-1on2 {
    min-width: 50%;
  }
  .xl-max-w-1on2 {
    max-width: 50%;
  }
  .xl-w-1on3 {
    width: 33.333333%;
  }
  .xl-min-w-1on3 {
    min-width: 33.333333%;
  }
  .xl-max-w-1on3 {
    max-width: 33.333333%;
  }
  .xl-w-2on3 {
    width: 66.666667%;
  }
  .xl-min-w-2on3 {
    min-width: 66.666667%;
  }
  .xl-max-w-2on3 {
    max-width: 66.666667%;
  }
  .xl-w-1on4 {
    width: 25%;
  }
  .xl-min-w-1on4 {
    min-width: 25%;
  }
  .xl-max-w-1on4 {
    max-width: 25%;
  }
  .xl-w-2on4 {
    width: 50%;
  }
  .xl-min-w-2on4 {
    min-width: 50%;
  }
  .xl-max-w-2on4 {
    max-width: 50%;
  }
  .xl-w-3on4 {
    width: 75%;
  }
  .xl-min-w-3on4 {
    min-width: 75%;
  }
  .xl-max-w-3on4 {
    max-width: 75%;
  }
  .xl-w-1on5 {
    width: 20%;
  }
  .xl-min-w-1on5 {
    min-width: 20%;
  }
  .xl-max-w-1on5 {
    max-width: 20%;
  }
  .xl-w-2on5 {
    width: 40%;
  }
  .xl-min-w-2on5 {
    min-width: 40%;
  }
  .xl-max-w-2on5 {
    max-width: 40%;
  }
  .xl-w-3on5 {
    width: 60%;
  }
  .xl-min-w-3on5 {
    min-width: 60%;
  }
  .xl-max-w-3on5 {
    max-width: 60%;
  }
  .xl-w-4on5 {
    width: 80%;
  }
  .xl-min-w-4on5 {
    min-width: 80%;
  }
  .xl-max-w-4on5 {
    max-width: 80%;
  }
  .xl-w-1on6 {
    width: 16.666667%;
  }
  .xl-min-w-1on6 {
    min-width: 16.666667%;
  }
  .xl-max-w-1on6 {
    max-width: 16.666667%;
  }
  .xl-w-2on6 {
    width: 33.333333%;
  }
  .xl-min-w-2on6 {
    min-width: 33.333333%;
  }
  .xl-max-w-2on6 {
    max-width: 33.333333%;
  }
  .xl-w-3on6 {
    width: 50%;
  }
  .xl-min-w-3on6 {
    min-width: 50%;
  }
  .xl-max-w-3on6 {
    max-width: 50%;
  }
  .xl-w-4on6 {
    width: 66.666667%;
  }
  .xl-min-w-4on6 {
    min-width: 66.666667%;
  }
  .xl-max-w-4on6 {
    max-width: 66.666667%;
  }
  .xl-w-5on6 {
    width: 83.333333%;
  }
  .xl-min-w-5on6 {
    min-width: 83.333333%;
  }
  .xl-max-w-5on6 {
    max-width: 83.333333%;
  }
  .xl-w-1on12 {
    width: 8.333333%;
  }
  .xl-min-w-1on12 {
    min-width: 8.333333%;
  }
  .xl-max-w-1on12 {
    max-width: 8.333333%;
  }
  .xl-w-2on12 {
    width: 16.666667%;
  }
  .xl-min-w-2on12 {
    min-width: 16.666667%;
  }
  .xl-max-w-2on12 {
    max-width: 16.666667%;
  }
  .xl-w-3on12 {
    width: 25%;
  }
  .xl-min-w-3on12 {
    min-width: 25%;
  }
  .xl-max-w-3on12 {
    max-width: 25%;
  }
  .xl-w-4on12 {
    width: 33.333333%;
  }
  .xl-min-w-4on12 {
    min-width: 33.333333%;
  }
  .xl-max-w-4on12 {
    max-width: 33.333333%;
  }
  .xl-w-5on12 {
    width: 41.666667%;
  }
  .xl-min-w-5on12 {
    min-width: 41.666667%;
  }
  .xl-max-w-5on12 {
    max-width: 41.666667%;
  }
  .xl-w-6on12 {
    width: 50%;
  }
  .xl-min-w-6on12 {
    min-width: 50%;
  }
  .xl-max-w-6on12 {
    max-width: 50%;
  }
  .xl-w-7on12 {
    width: 58.333333%;
  }
  .xl-min-w-7on12 {
    min-width: 58.333333%;
  }
  .xl-max-w-7on12 {
    max-width: 58.333333%;
  }
  .xl-w-8on12 {
    width: 66.666667%;
  }
  .xl-min-w-8on12 {
    min-width: 66.666667%;
  }
  .xl-max-w-8on12 {
    max-width: 66.666667%;
  }
  .xl-w-9on12 {
    width: 75%;
  }
  .xl-min-w-9on12 {
    min-width: 75%;
  }
  .xl-max-w-9on12 {
    max-width: 75%;
  }
  .xl-w-10on12 {
    width: 83.333333%;
  }
  .xl-min-w-10on12 {
    min-width: 83.333333%;
  }
  .xl-max-w-10on12 {
    max-width: 83.333333%;
  }
  .xl-w-11on12 {
    width: 91.666667%;
  }
  .xl-min-w-11on12 {
    min-width: 91.666667%;
  }
  .xl-max-w-11on12 {
    max-width: 91.666667%;
  }
  .xl-w-screen {
    width: 100vw;
  }
  .xl-min-w-screen {
    min-width: 100vw;
  }
  .xl-max-w-screen {
    max-width: 100vw;
  }
  .xl-w-full {
    width: 100%;
  }
  .xl-min-w-full {
    min-width: 100%;
  }
  .xl-max-w-full {
    max-width: 100%;
  }
  .xl-w-fit {
    width: fit-content;
  }
  .xl-min-w-fit {
    min-width: fit-content;
  }
  .xl-max-w-fit {
    max-width: fit-content;
  }
  .xl-w-min {
    width: min-content;
  }
  .xl-min-w-min {
    min-width: min-content;
  }
  .xl-max-w-min {
    max-width: min-content;
  }
  .xl-w-max {
    width: max-content;
  }
  .xl-min-w-max {
    min-width: max-content;
  }
  .xl-max-w-max {
    max-width: max-content;
  }
  .xl-h-0 {
    height: 0px;
  }
  .xl-min-h-0 {
    min-height: 0px;
  }
  .xl-max-h-0 {
    max-height: 0px;
  }
  .xl-h-0-5 {
    height: 0.125rem;
  }
  .xl-min-h-0-5 {
    min-height: 0.125rem;
  }
  .xl-max-h-0-5 {
    max-height: 0.125rem;
  }
  .xl-h-1 {
    height: 0.25rem;
  }
  .xl-min-h-1 {
    min-height: 0.25rem;
  }
  .xl-max-h-1 {
    max-height: 0.25rem;
  }
  .xl-h-1-5 {
    height: 0.375rem;
  }
  .xl-min-h-1-5 {
    min-height: 0.375rem;
  }
  .xl-max-h-1-5 {
    max-height: 0.375rem;
  }
  .xl-h-2 {
    height: 0.5rem;
  }
  .xl-min-h-2 {
    min-height: 0.5rem;
  }
  .xl-max-h-2 {
    max-height: 0.5rem;
  }
  .xl-h-2-5 {
    height: 0.625rem;
  }
  .xl-min-h-2-5 {
    min-height: 0.625rem;
  }
  .xl-max-h-2-5 {
    max-height: 0.625rem;
  }
  .xl-h-3 {
    height: 0.75rem;
  }
  .xl-min-h-3 {
    min-height: 0.75rem;
  }
  .xl-max-h-3 {
    max-height: 0.75rem;
  }
  .xl-h-3-5 {
    height: 0.875rem;
  }
  .xl-min-h-3-5 {
    min-height: 0.875rem;
  }
  .xl-max-h-3-5 {
    max-height: 0.875rem;
  }
  .xl-h-4 {
    height: 1rem;
  }
  .xl-min-h-4 {
    min-height: 1rem;
  }
  .xl-max-h-4 {
    max-height: 1rem;
  }
  .xl-h-5 {
    height: 1.25rem;
  }
  .xl-min-h-5 {
    min-height: 1.25rem;
  }
  .xl-max-h-5 {
    max-height: 1.25rem;
  }
  .xl-h-6 {
    height: 1.5rem;
  }
  .xl-min-h-6 {
    min-height: 1.5rem;
  }
  .xl-max-h-6 {
    max-height: 1.5rem;
  }
  .xl-h-7 {
    height: 1.75rem;
  }
  .xl-min-h-7 {
    min-height: 1.75rem;
  }
  .xl-max-h-7 {
    max-height: 1.75rem;
  }
  .xl-h-8 {
    height: 2rem;
  }
  .xl-min-h-8 {
    min-height: 2rem;
  }
  .xl-max-h-8 {
    max-height: 2rem;
  }
  .xl-h-9 {
    height: 2.25rem;
  }
  .xl-min-h-9 {
    min-height: 2.25rem;
  }
  .xl-max-h-9 {
    max-height: 2.25rem;
  }
  .xl-h-10 {
    height: 2.5rem;
  }
  .xl-min-h-10 {
    min-height: 2.5rem;
  }
  .xl-max-h-10 {
    max-height: 2.5rem;
  }
  .xl-h-11 {
    height: 2.75rem;
  }
  .xl-min-h-11 {
    min-height: 2.75rem;
  }
  .xl-max-h-11 {
    max-height: 2.75rem;
  }
  .xl-h-12 {
    height: 3rem;
  }
  .xl-min-h-12 {
    min-height: 3rem;
  }
  .xl-max-h-12 {
    max-height: 3rem;
  }
  .xl-h-14 {
    height: 3.5rem;
  }
  .xl-min-h-14 {
    min-height: 3.5rem;
  }
  .xl-max-h-14 {
    max-height: 3.5rem;
  }
  .xl-h-16 {
    height: 4rem;
  }
  .xl-min-h-16 {
    min-height: 4rem;
  }
  .xl-max-h-16 {
    max-height: 4rem;
  }
  .xl-h-20 {
    height: 5rem;
  }
  .xl-min-h-20 {
    min-height: 5rem;
  }
  .xl-max-h-20 {
    max-height: 5rem;
  }
  .xl-h-24 {
    height: 6rem;
  }
  .xl-min-h-24 {
    min-height: 6rem;
  }
  .xl-max-h-24 {
    max-height: 6rem;
  }
  .xl-h-28 {
    height: 7rem;
  }
  .xl-min-h-28 {
    min-height: 7rem;
  }
  .xl-max-h-28 {
    max-height: 7rem;
  }
  .xl-h-32 {
    height: 8rem;
  }
  .xl-min-h-32 {
    min-height: 8rem;
  }
  .xl-max-h-32 {
    max-height: 8rem;
  }
  .xl-h-36 {
    height: 9rem;
  }
  .xl-min-h-36 {
    min-height: 9rem;
  }
  .xl-max-h-36 {
    max-height: 9rem;
  }
  .xl-h-40 {
    height: 10rem;
  }
  .xl-min-h-40 {
    min-height: 10rem;
  }
  .xl-max-h-40 {
    max-height: 10rem;
  }
  .xl-h-44 {
    height: 11rem;
  }
  .xl-min-h-44 {
    min-height: 11rem;
  }
  .xl-max-h-44 {
    max-height: 11rem;
  }
  .xl-h-48 {
    height: 12rem;
  }
  .xl-min-h-48 {
    min-height: 12rem;
  }
  .xl-max-h-48 {
    max-height: 12rem;
  }
  .xl-h-52 {
    height: 13rem;
  }
  .xl-min-h-52 {
    min-height: 13rem;
  }
  .xl-max-h-52 {
    max-height: 13rem;
  }
  .xl-h-56 {
    height: 13rem;
  }
  .xl-min-h-56 {
    min-height: 13rem;
  }
  .xl-max-h-56 {
    max-height: 13rem;
  }
  .xl-h-60 {
    height: 15rem;
  }
  .xl-min-h-60 {
    min-height: 15rem;
  }
  .xl-max-h-60 {
    max-height: 15rem;
  }
  .xl-h-64 {
    height: 16rem;
  }
  .xl-min-h-64 {
    min-height: 16rem;
  }
  .xl-max-h-64 {
    max-height: 16rem;
  }
  .xl-h-72 {
    height: 18rem;
  }
  .xl-min-h-72 {
    min-height: 18rem;
  }
  .xl-max-h-72 {
    max-height: 18rem;
  }
  .xl-h-80 {
    height: 20rem;
  }
  .xl-min-h-80 {
    min-height: 20rem;
  }
  .xl-max-h-80 {
    max-height: 20rem;
  }
  .xl-h-96 {
    height: 24rem;
  }
  .xl-min-h-96 {
    min-height: 24rem;
  }
  .xl-max-h-96 {
    max-height: 24rem;
  }
  .xl-h-100 {
    height: 28rem;
  }
  .xl-min-h-100 {
    min-height: 28rem;
  }
  .xl-max-h-100 {
    max-height: 28rem;
  }
  .xl-h-auto {
    height: auto;
  }
  .xl-min-h-auto {
    min-height: auto;
  }
  .xl-max-h-auto {
    max-height: auto;
  }
  .xl-h-1on2 {
    height: 50%;
  }
  .xl-min-h-1on2 {
    min-height: 50%;
  }
  .xl-max-h-1on2 {
    max-height: 50%;
  }
  .xl-h-1on3 {
    height: 33.333333%;
  }
  .xl-min-h-1on3 {
    min-height: 33.333333%;
  }
  .xl-max-h-1on3 {
    max-height: 33.333333%;
  }
  .xl-h-2on3 {
    height: 66.666667%;
  }
  .xl-min-h-2on3 {
    min-height: 66.666667%;
  }
  .xl-max-h-2on3 {
    max-height: 66.666667%;
  }
  .xl-h-1on4 {
    height: 25%;
  }
  .xl-min-h-1on4 {
    min-height: 25%;
  }
  .xl-max-h-1on4 {
    max-height: 25%;
  }
  .xl-h-2on4 {
    height: 50%;
  }
  .xl-min-h-2on4 {
    min-height: 50%;
  }
  .xl-max-h-2on4 {
    max-height: 50%;
  }
  .xl-h-3on4 {
    height: 75%;
  }
  .xl-min-h-3on4 {
    min-height: 75%;
  }
  .xl-max-h-3on4 {
    max-height: 75%;
  }
  .xl-h-1on5 {
    height: 20%;
  }
  .xl-min-h-1on5 {
    min-height: 20%;
  }
  .xl-max-h-1on5 {
    max-height: 20%;
  }
  .xl-h-2on5 {
    height: 40%;
  }
  .xl-min-h-2on5 {
    min-height: 40%;
  }
  .xl-max-h-2on5 {
    max-height: 40%;
  }
  .xl-h-3on5 {
    height: 60%;
  }
  .xl-min-h-3on5 {
    min-height: 60%;
  }
  .xl-max-h-3on5 {
    max-height: 60%;
  }
  .xl-h-4on5 {
    height: 80%;
  }
  .xl-min-h-4on5 {
    min-height: 80%;
  }
  .xl-max-h-4on5 {
    max-height: 80%;
  }
  .xl-h-1on6 {
    height: 16.666667%;
  }
  .xl-min-h-1on6 {
    min-height: 16.666667%;
  }
  .xl-max-h-1on6 {
    max-height: 16.666667%;
  }
  .xl-h-2on6 {
    height: 33.333333%;
  }
  .xl-min-h-2on6 {
    min-height: 33.333333%;
  }
  .xl-max-h-2on6 {
    max-height: 33.333333%;
  }
  .xl-h-3on6 {
    height: 50%;
  }
  .xl-min-h-3on6 {
    min-height: 50%;
  }
  .xl-max-h-3on6 {
    max-height: 50%;
  }
  .xl-h-4on6 {
    height: 66.666667%;
  }
  .xl-min-h-4on6 {
    min-height: 66.666667%;
  }
  .xl-max-h-4on6 {
    max-height: 66.666667%;
  }
  .xl-h-5on6 {
    height: 83.333333%;
  }
  .xl-min-h-5on6 {
    min-height: 83.333333%;
  }
  .xl-max-h-5on6 {
    max-height: 83.333333%;
  }
  .xl-h-1on12 {
    height: 8.333333%;
  }
  .xl-min-h-1on12 {
    min-height: 8.333333%;
  }
  .xl-max-h-1on12 {
    max-height: 8.333333%;
  }
  .xl-h-2on12 {
    height: 16.666667%;
  }
  .xl-min-h-2on12 {
    min-height: 16.666667%;
  }
  .xl-max-h-2on12 {
    max-height: 16.666667%;
  }
  .xl-h-3on12 {
    height: 25%;
  }
  .xl-min-h-3on12 {
    min-height: 25%;
  }
  .xl-max-h-3on12 {
    max-height: 25%;
  }
  .xl-h-4on12 {
    height: 33.333333%;
  }
  .xl-min-h-4on12 {
    min-height: 33.333333%;
  }
  .xl-max-h-4on12 {
    max-height: 33.333333%;
  }
  .xl-h-5on12 {
    height: 41.666667%;
  }
  .xl-min-h-5on12 {
    min-height: 41.666667%;
  }
  .xl-max-h-5on12 {
    max-height: 41.666667%;
  }
  .xl-h-6on12 {
    height: 50%;
  }
  .xl-min-h-6on12 {
    min-height: 50%;
  }
  .xl-max-h-6on12 {
    max-height: 50%;
  }
  .xl-h-7on12 {
    height: 58.333333%;
  }
  .xl-min-h-7on12 {
    min-height: 58.333333%;
  }
  .xl-max-h-7on12 {
    max-height: 58.333333%;
  }
  .xl-h-8on12 {
    height: 66.666667%;
  }
  .xl-min-h-8on12 {
    min-height: 66.666667%;
  }
  .xl-max-h-8on12 {
    max-height: 66.666667%;
  }
  .xl-h-9on12 {
    height: 75%;
  }
  .xl-min-h-9on12 {
    min-height: 75%;
  }
  .xl-max-h-9on12 {
    max-height: 75%;
  }
  .xl-h-10on12 {
    height: 83.333333%;
  }
  .xl-min-h-10on12 {
    min-height: 83.333333%;
  }
  .xl-max-h-10on12 {
    max-height: 83.333333%;
  }
  .xl-h-11on12 {
    height: 91.666667%;
  }
  .xl-min-h-11on12 {
    min-height: 91.666667%;
  }
  .xl-max-h-11on12 {
    max-height: 91.666667%;
  }
  .xl-h-screen {
    height: 100vw;
  }
  .xl-min-h-screen {
    min-height: 100vw;
  }
  .xl-max-h-screen {
    max-height: 100vw;
  }
  .xl-h-full {
    height: 100%;
  }
  .xl-min-h-full {
    min-height: 100%;
  }
  .xl-max-h-full {
    max-height: 100%;
  }
  .xl-h-fit {
    height: fit-content;
  }
  .xl-min-h-fit {
    min-height: fit-content;
  }
  .xl-max-h-fit {
    max-height: fit-content;
  }
  .xl-h-min {
    height: min-content;
  }
  .xl-min-h-min {
    min-height: min-content;
  }
  .xl-max-h-min {
    max-height: min-content;
  }
  .xl-h-max {
    height: max-content;
  }
  .xl-min-h-max {
    min-height: max-content;
  }
  .xl-max-h-max {
    max-height: max-content;
  }
  .xl-m-0 {
    margin: 0;
  }
  .xl-mt-0,
  .xl-my-0 {
    margin-top: 0;
  }
  .xl-mr-0,
  .xl-mx-0 {
    margin-right: 0;
  }
  .xl-mb-0,
  .xl-my-0 {
    margin-bottom: 0;
  }
  .xl-ml-0,
  .xl-mx-0 {
    margin-left: 0;
  }
  .xl-mbls-0,
  .xl-mbl-0 {
    margin-block-start: 0;
  }
  .xl-mble-0,
  .xl-mbl-0 {
    margin-block-end: 0;
  }
  .xl-mins-0,
  .xl-min-0 {
    margin-inline-start: 0;
  }
  .xl-mine-0,
  .xl-min-0 {
    margin-inline-end: 0;
  }
  .xl-p-0 {
    padding: 0;
  }
  .xl-pt-0,
  .xl-py-0 {
    padding-top: 0;
  }
  .xl-pr-0,
  .xl-px-0 {
    padding-right: 0;
  }
  .xl-pb-0,
  .xl-py-0 {
    padding-bottom: 0;
  }
  .xl-pl-0,
  .xl-px-0 {
    padding-left: 0;
  }
  .xl-pbls-0,
  .xl-pbl-0 {
    padding-block-start: 0;
  }
  .xl-pble-0,
  .xl-pbl-0 {
    padding-block-end: 0;
  }
  .xl-pins-0,
  .xl-pin-0 {
    padding-inline-start: 0;
  }
  .xl-pine-0,
  .xl-pin-0 {
    padding-inline-end: 0;
  }
  .xl-m-1 {
    margin: 4px;
  }
  .xl-mt-1,
  .xl-my-1 {
    margin-top: 4px;
  }
  .xl-mr-1,
  .xl-mx-1 {
    margin-right: 4px;
  }
  .xl-mb-1,
  .xl-my-1 {
    margin-bottom: 4px;
  }
  .xl-ml-1,
  .xl-mx-1 {
    margin-left: 4px;
  }
  .xl-mbls-1,
  .xl-mbl-1 {
    margin-block-start: 4px;
  }
  .xl-mble-1,
  .xl-mbl-1 {
    margin-block-end: 4px;
  }
  .xl-mins-1,
  .xl-min-1 {
    margin-inline-start: 4px;
  }
  .xl-mine-1,
  .xl-min-1 {
    margin-inline-end: 4px;
  }
  .xl-p-1 {
    padding: 4px;
  }
  .xl-pt-1,
  .xl-py-1 {
    padding-top: 4px;
  }
  .xl-pr-1,
  .xl-px-1 {
    padding-right: 4px;
  }
  .xl-pb-1,
  .xl-py-1 {
    padding-bottom: 4px;
  }
  .xl-pl-1,
  .xl-px-1 {
    padding-left: 4px;
  }
  .xl-pbls-1,
  .xl-pbl-1 {
    padding-block-start: 4px;
  }
  .xl-pble-1,
  .xl-pbl-1 {
    padding-block-end: 4px;
  }
  .xl-pins-1,
  .xl-pin-1 {
    padding-inline-start: 4px;
  }
  .xl-pine-1,
  .xl-pin-1 {
    padding-inline-end: 4px;
  }
  .xl-m-2 {
    margin: 8px;
  }
  .xl-mt-2,
  .xl-my-2 {
    margin-top: 8px;
  }
  .xl-mr-2,
  .xl-mx-2 {
    margin-right: 8px;
  }
  .xl-mb-2,
  .xl-my-2 {
    margin-bottom: 8px;
  }
  .xl-ml-2,
  .xl-mx-2 {
    margin-left: 8px;
  }
  .xl-mbls-2,
  .xl-mbl-2 {
    margin-block-start: 8px;
  }
  .xl-mble-2,
  .xl-mbl-2 {
    margin-block-end: 8px;
  }
  .xl-mins-2,
  .xl-min-2 {
    margin-inline-start: 8px;
  }
  .xl-mine-2,
  .xl-min-2 {
    margin-inline-end: 8px;
  }
  .xl-p-2 {
    padding: 8px;
  }
  .xl-pt-2,
  .xl-py-2 {
    padding-top: 8px;
  }
  .xl-pr-2,
  .xl-px-2 {
    padding-right: 8px;
  }
  .xl-pb-2,
  .xl-py-2 {
    padding-bottom: 8px;
  }
  .xl-pl-2,
  .xl-px-2 {
    padding-left: 8px;
  }
  .xl-pbls-2,
  .xl-pbl-2 {
    padding-block-start: 8px;
  }
  .xl-pble-2,
  .xl-pbl-2 {
    padding-block-end: 8px;
  }
  .xl-pins-2,
  .xl-pin-2 {
    padding-inline-start: 8px;
  }
  .xl-pine-2,
  .xl-pin-2 {
    padding-inline-end: 8px;
  }
  .xl-m-3 {
    margin: 16px;
  }
  .xl-mt-3,
  .xl-my-3 {
    margin-top: 16px;
  }
  .xl-mr-3,
  .xl-mx-3 {
    margin-right: 16px;
  }
  .xl-mb-3,
  .xl-my-3 {
    margin-bottom: 16px;
  }
  .xl-ml-3,
  .xl-mx-3 {
    margin-left: 16px;
  }
  .xl-mbls-3,
  .xl-mbl-3 {
    margin-block-start: 16px;
  }
  .xl-mble-3,
  .xl-mbl-3 {
    margin-block-end: 16px;
  }
  .xl-mins-3,
  .xl-min-3 {
    margin-inline-start: 16px;
  }
  .xl-mine-3,
  .xl-min-3 {
    margin-inline-end: 16px;
  }
  .xl-p-3 {
    padding: 16px;
  }
  .xl-pt-3,
  .xl-py-3 {
    padding-top: 16px;
  }
  .xl-pr-3,
  .xl-px-3 {
    padding-right: 16px;
  }
  .xl-pb-3,
  .xl-py-3 {
    padding-bottom: 16px;
  }
  .xl-pl-3,
  .xl-px-3 {
    padding-left: 16px;
  }
  .xl-pbls-3,
  .xl-pbl-3 {
    padding-block-start: 16px;
  }
  .xl-pble-3,
  .xl-pbl-3 {
    padding-block-end: 16px;
  }
  .xl-pins-3,
  .xl-pin-3 {
    padding-inline-start: 16px;
  }
  .xl-pine-3,
  .xl-pin-3 {
    padding-inline-end: 16px;
  }
  .xl-m-4 {
    margin: 24px;
  }
  .xl-mt-4,
  .xl-my-4 {
    margin-top: 24px;
  }
  .xl-mr-4,
  .xl-mx-4 {
    margin-right: 24px;
  }
  .xl-mb-4,
  .xl-my-4 {
    margin-bottom: 24px;
  }
  .xl-ml-4,
  .xl-mx-4 {
    margin-left: 24px;
  }
  .xl-mbls-4,
  .xl-mbl-4 {
    margin-block-start: 24px;
  }
  .xl-mble-4,
  .xl-mbl-4 {
    margin-block-end: 24px;
  }
  .xl-mins-4,
  .xl-min-4 {
    margin-inline-start: 24px;
  }
  .xl-mine-4,
  .xl-min-4 {
    margin-inline-end: 24px;
  }
  .xl-p-4 {
    padding: 24px;
  }
  .xl-pt-4,
  .xl-py-4 {
    padding-top: 24px;
  }
  .xl-pr-4,
  .xl-px-4 {
    padding-right: 24px;
  }
  .xl-pb-4,
  .xl-py-4 {
    padding-bottom: 24px;
  }
  .xl-pl-4,
  .xl-px-4 {
    padding-left: 24px;
  }
  .xl-pbls-4,
  .xl-pbl-4 {
    padding-block-start: 24px;
  }
  .xl-pble-4,
  .xl-pbl-4 {
    padding-block-end: 24px;
  }
  .xl-pins-4,
  .xl-pin-4 {
    padding-inline-start: 24px;
  }
  .xl-pine-4,
  .xl-pin-4 {
    padding-inline-end: 24px;
  }
  .xl-m-5 {
    margin: 32px;
  }
  .xl-mt-5,
  .xl-my-5 {
    margin-top: 32px;
  }
  .xl-mr-5,
  .xl-mx-5 {
    margin-right: 32px;
  }
  .xl-mb-5,
  .xl-my-5 {
    margin-bottom: 32px;
  }
  .xl-ml-5,
  .xl-mx-5 {
    margin-left: 32px;
  }
  .xl-mbls-5,
  .xl-mbl-5 {
    margin-block-start: 32px;
  }
  .xl-mble-5,
  .xl-mbl-5 {
    margin-block-end: 32px;
  }
  .xl-mins-5,
  .xl-min-5 {
    margin-inline-start: 32px;
  }
  .xl-mine-5,
  .xl-min-5 {
    margin-inline-end: 32px;
  }
  .xl-p-5 {
    padding: 32px;
  }
  .xl-pt-5,
  .xl-py-5 {
    padding-top: 32px;
  }
  .xl-pr-5,
  .xl-px-5 {
    padding-right: 32px;
  }
  .xl-pb-5,
  .xl-py-5 {
    padding-bottom: 32px;
  }
  .xl-pl-5,
  .xl-px-5 {
    padding-left: 32px;
  }
  .xl-pbls-5,
  .xl-pbl-5 {
    padding-block-start: 32px;
  }
  .xl-pble-5,
  .xl-pbl-5 {
    padding-block-end: 32px;
  }
  .xl-pins-5,
  .xl-pin-5 {
    padding-inline-start: 32px;
  }
  .xl-pine-5,
  .xl-pin-5 {
    padding-inline-end: 32px;
  }
  .xl-m-6 {
    margin: 40px;
  }
  .xl-mt-6,
  .xl-my-6 {
    margin-top: 40px;
  }
  .xl-mr-6,
  .xl-mx-6 {
    margin-right: 40px;
  }
  .xl-mb-6,
  .xl-my-6 {
    margin-bottom: 40px;
  }
  .xl-ml-6,
  .xl-mx-6 {
    margin-left: 40px;
  }
  .xl-mbls-6,
  .xl-mbl-6 {
    margin-block-start: 40px;
  }
  .xl-mble-6,
  .xl-mbl-6 {
    margin-block-end: 40px;
  }
  .xl-mins-6,
  .xl-min-6 {
    margin-inline-start: 40px;
  }
  .xl-mine-6,
  .xl-min-6 {
    margin-inline-end: 40px;
  }
  .xl-p-6 {
    padding: 40px;
  }
  .xl-pt-6,
  .xl-py-6 {
    padding-top: 40px;
  }
  .xl-pr-6,
  .xl-px-6 {
    padding-right: 40px;
  }
  .xl-pb-6,
  .xl-py-6 {
    padding-bottom: 40px;
  }
  .xl-pl-6,
  .xl-px-6 {
    padding-left: 40px;
  }
  .xl-pbls-6,
  .xl-pbl-6 {
    padding-block-start: 40px;
  }
  .xl-pble-6,
  .xl-pbl-6 {
    padding-block-end: 40px;
  }
  .xl-pins-6,
  .xl-pin-6 {
    padding-inline-start: 40px;
  }
  .xl-pine-6,
  .xl-pin-6 {
    padding-inline-end: 40px;
  }
  .xl-m-7 {
    margin: 48px;
  }
  .xl-mt-7,
  .xl-my-7 {
    margin-top: 48px;
  }
  .xl-mr-7,
  .xl-mx-7 {
    margin-right: 48px;
  }
  .xl-mb-7,
  .xl-my-7 {
    margin-bottom: 48px;
  }
  .xl-ml-7,
  .xl-mx-7 {
    margin-left: 48px;
  }
  .xl-mbls-7,
  .xl-mbl-7 {
    margin-block-start: 48px;
  }
  .xl-mble-7,
  .xl-mbl-7 {
    margin-block-end: 48px;
  }
  .xl-mins-7,
  .xl-min-7 {
    margin-inline-start: 48px;
  }
  .xl-mine-7,
  .xl-min-7 {
    margin-inline-end: 48px;
  }
  .xl-p-7 {
    padding: 48px;
  }
  .xl-pt-7,
  .xl-py-7 {
    padding-top: 48px;
  }
  .xl-pr-7,
  .xl-px-7 {
    padding-right: 48px;
  }
  .xl-pb-7,
  .xl-py-7 {
    padding-bottom: 48px;
  }
  .xl-pl-7,
  .xl-px-7 {
    padding-left: 48px;
  }
  .xl-pbls-7,
  .xl-pbl-7 {
    padding-block-start: 48px;
  }
  .xl-pble-7,
  .xl-pbl-7 {
    padding-block-end: 48px;
  }
  .xl-pins-7,
  .xl-pin-7 {
    padding-inline-start: 48px;
  }
  .xl-pine-7,
  .xl-pin-7 {
    padding-inline-end: 48px;
  }
  .xl-m-8 {
    margin: 56px;
  }
  .xl-mt-8,
  .xl-my-8 {
    margin-top: 56px;
  }
  .xl-mr-8,
  .xl-mx-8 {
    margin-right: 56px;
  }
  .xl-mb-8,
  .xl-my-8 {
    margin-bottom: 56px;
  }
  .xl-ml-8,
  .xl-mx-8 {
    margin-left: 56px;
  }
  .xl-mbls-8,
  .xl-mbl-8 {
    margin-block-start: 56px;
  }
  .xl-mble-8,
  .xl-mbl-8 {
    margin-block-end: 56px;
  }
  .xl-mins-8,
  .xl-min-8 {
    margin-inline-start: 56px;
  }
  .xl-mine-8,
  .xl-min-8 {
    margin-inline-end: 56px;
  }
  .xl-p-8 {
    padding: 56px;
  }
  .xl-pt-8,
  .xl-py-8 {
    padding-top: 56px;
  }
  .xl-pr-8,
  .xl-px-8 {
    padding-right: 56px;
  }
  .xl-pb-8,
  .xl-py-8 {
    padding-bottom: 56px;
  }
  .xl-pl-8,
  .xl-px-8 {
    padding-left: 56px;
  }
  .xl-pbls-8,
  .xl-pbl-8 {
    padding-block-start: 56px;
  }
  .xl-pble-8,
  .xl-pbl-8 {
    padding-block-end: 56px;
  }
  .xl-pins-8,
  .xl-pin-8 {
    padding-inline-start: 56px;
  }
  .xl-pine-8,
  .xl-pin-8 {
    padding-inline-end: 56px;
  }
  .xl-m-9 {
    margin: 64px;
  }
  .xl-mt-9,
  .xl-my-9 {
    margin-top: 64px;
  }
  .xl-mr-9,
  .xl-mx-9 {
    margin-right: 64px;
  }
  .xl-mb-9,
  .xl-my-9 {
    margin-bottom: 64px;
  }
  .xl-ml-9,
  .xl-mx-9 {
    margin-left: 64px;
  }
  .xl-mbls-9,
  .xl-mbl-9 {
    margin-block-start: 64px;
  }
  .xl-mble-9,
  .xl-mbl-9 {
    margin-block-end: 64px;
  }
  .xl-mins-9,
  .xl-min-9 {
    margin-inline-start: 64px;
  }
  .xl-mine-9,
  .xl-min-9 {
    margin-inline-end: 64px;
  }
  .xl-p-9 {
    padding: 64px;
  }
  .xl-pt-9,
  .xl-py-9 {
    padding-top: 64px;
  }
  .xl-pr-9,
  .xl-px-9 {
    padding-right: 64px;
  }
  .xl-pb-9,
  .xl-py-9 {
    padding-bottom: 64px;
  }
  .xl-pl-9,
  .xl-px-9 {
    padding-left: 64px;
  }
  .xl-pbls-9,
  .xl-pbl-9 {
    padding-block-start: 64px;
  }
  .xl-pble-9,
  .xl-pbl-9 {
    padding-block-end: 64px;
  }
  .xl-pins-9,
  .xl-pin-9 {
    padding-inline-start: 64px;
  }
  .xl-pine-9,
  .xl-pin-9 {
    padding-inline-end: 64px;
  }
  .xl-m-10 {
    margin: 72px;
  }
  .xl-mt-10,
  .xl-my-10 {
    margin-top: 72px;
  }
  .xl-mr-10,
  .xl-mx-10 {
    margin-right: 72px;
  }
  .xl-mb-10,
  .xl-my-10 {
    margin-bottom: 72px;
  }
  .xl-ml-10,
  .xl-mx-10 {
    margin-left: 72px;
  }
  .xl-mbls-10,
  .xl-mbl-10 {
    margin-block-start: 72px;
  }
  .xl-mble-10,
  .xl-mbl-10 {
    margin-block-end: 72px;
  }
  .xl-mins-10,
  .xl-min-10 {
    margin-inline-start: 72px;
  }
  .xl-mine-10,
  .xl-min-10 {
    margin-inline-end: 72px;
  }
  .xl-p-10 {
    padding: 72px;
  }
  .xl-pt-10,
  .xl-py-10 {
    padding-top: 72px;
  }
  .xl-pr-10,
  .xl-px-10 {
    padding-right: 72px;
  }
  .xl-pb-10,
  .xl-py-10 {
    padding-bottom: 72px;
  }
  .xl-pl-10,
  .xl-px-10 {
    padding-left: 72px;
  }
  .xl-pbls-10,
  .xl-pbl-10 {
    padding-block-start: 72px;
  }
  .xl-pble-10,
  .xl-pbl-10 {
    padding-block-end: 72px;
  }
  .xl-pins-10,
  .xl-pin-10 {
    padding-inline-start: 72px;
  }
  .xl-pine-10,
  .xl-pin-10 {
    padding-inline-end: 72px;
  }
  .xl-m-11 {
    margin: 80px;
  }
  .xl-mt-11,
  .xl-my-11 {
    margin-top: 80px;
  }
  .xl-mr-11,
  .xl-mx-11 {
    margin-right: 80px;
  }
  .xl-mb-11,
  .xl-my-11 {
    margin-bottom: 80px;
  }
  .xl-ml-11,
  .xl-mx-11 {
    margin-left: 80px;
  }
  .xl-mbls-11,
  .xl-mbl-11 {
    margin-block-start: 80px;
  }
  .xl-mble-11,
  .xl-mbl-11 {
    margin-block-end: 80px;
  }
  .xl-mins-11,
  .xl-min-11 {
    margin-inline-start: 80px;
  }
  .xl-mine-11,
  .xl-min-11 {
    margin-inline-end: 80px;
  }
  .xl-p-11 {
    padding: 80px;
  }
  .xl-pt-11,
  .xl-py-11 {
    padding-top: 80px;
  }
  .xl-pr-11,
  .xl-px-11 {
    padding-right: 80px;
  }
  .xl-pb-11,
  .xl-py-11 {
    padding-bottom: 80px;
  }
  .xl-pl-11,
  .xl-px-11 {
    padding-left: 80px;
  }
  .xl-pbls-11,
  .xl-pbl-11 {
    padding-block-start: 80px;
  }
  .xl-pble-11,
  .xl-pbl-11 {
    padding-block-end: 80px;
  }
  .xl-pins-11,
  .xl-pin-11 {
    padding-inline-start: 80px;
  }
  .xl-pine-11,
  .xl-pin-11 {
    padding-inline-end: 80px;
  }
  .xl-m-12 {
    margin: 88px;
  }
  .xl-mt-12,
  .xl-my-12 {
    margin-top: 88px;
  }
  .xl-mr-12,
  .xl-mx-12 {
    margin-right: 88px;
  }
  .xl-mb-12,
  .xl-my-12 {
    margin-bottom: 88px;
  }
  .xl-ml-12,
  .xl-mx-12 {
    margin-left: 88px;
  }
  .xl-mbls-12,
  .xl-mbl-12 {
    margin-block-start: 88px;
  }
  .xl-mble-12,
  .xl-mbl-12 {
    margin-block-end: 88px;
  }
  .xl-mins-12,
  .xl-min-12 {
    margin-inline-start: 88px;
  }
  .xl-mine-12,
  .xl-min-12 {
    margin-inline-end: 88px;
  }
  .xl-p-12 {
    padding: 88px;
  }
  .xl-pt-12,
  .xl-py-12 {
    padding-top: 88px;
  }
  .xl-pr-12,
  .xl-px-12 {
    padding-right: 88px;
  }
  .xl-pb-12,
  .xl-py-12 {
    padding-bottom: 88px;
  }
  .xl-pl-12,
  .xl-px-12 {
    padding-left: 88px;
  }
  .xl-pbls-12,
  .xl-pbl-12 {
    padding-block-start: 88px;
  }
  .xl-pble-12,
  .xl-pbl-12 {
    padding-block-end: 88px;
  }
  .xl-pins-12,
  .xl-pin-12 {
    padding-inline-start: 88px;
  }
  .xl-pine-12,
  .xl-pin-12 {
    padding-inline-end: 88px;
  }
  .xl-m-13 {
    margin: 96px;
  }
  .xl-mt-13,
  .xl-my-13 {
    margin-top: 96px;
  }
  .xl-mr-13,
  .xl-mx-13 {
    margin-right: 96px;
  }
  .xl-mb-13,
  .xl-my-13 {
    margin-bottom: 96px;
  }
  .xl-ml-13,
  .xl-mx-13 {
    margin-left: 96px;
  }
  .xl-mbls-13,
  .xl-mbl-13 {
    margin-block-start: 96px;
  }
  .xl-mble-13,
  .xl-mbl-13 {
    margin-block-end: 96px;
  }
  .xl-mins-13,
  .xl-min-13 {
    margin-inline-start: 96px;
  }
  .xl-mine-13,
  .xl-min-13 {
    margin-inline-end: 96px;
  }
  .xl-p-13 {
    padding: 96px;
  }
  .xl-pt-13,
  .xl-py-13 {
    padding-top: 96px;
  }
  .xl-pr-13,
  .xl-px-13 {
    padding-right: 96px;
  }
  .xl-pb-13,
  .xl-py-13 {
    padding-bottom: 96px;
  }
  .xl-pl-13,
  .xl-px-13 {
    padding-left: 96px;
  }
  .xl-pbls-13,
  .xl-pbl-13 {
    padding-block-start: 96px;
  }
  .xl-pble-13,
  .xl-pbl-13 {
    padding-block-end: 96px;
  }
  .xl-pins-13,
  .xl-pin-13 {
    padding-inline-start: 96px;
  }
  .xl-pine-13,
  .xl-pin-13 {
    padding-inline-end: 96px;
  }
  .xl-m-14 {
    margin: 104px;
  }
  .xl-mt-14,
  .xl-my-14 {
    margin-top: 104px;
  }
  .xl-mr-14,
  .xl-mx-14 {
    margin-right: 104px;
  }
  .xl-mb-14,
  .xl-my-14 {
    margin-bottom: 104px;
  }
  .xl-ml-14,
  .xl-mx-14 {
    margin-left: 104px;
  }
  .xl-mbls-14,
  .xl-mbl-14 {
    margin-block-start: 104px;
  }
  .xl-mble-14,
  .xl-mbl-14 {
    margin-block-end: 104px;
  }
  .xl-mins-14,
  .xl-min-14 {
    margin-inline-start: 104px;
  }
  .xl-mine-14,
  .xl-min-14 {
    margin-inline-end: 104px;
  }
  .xl-p-14 {
    padding: 104px;
  }
  .xl-pt-14,
  .xl-py-14 {
    padding-top: 104px;
  }
  .xl-pr-14,
  .xl-px-14 {
    padding-right: 104px;
  }
  .xl-pb-14,
  .xl-py-14 {
    padding-bottom: 104px;
  }
  .xl-pl-14,
  .xl-px-14 {
    padding-left: 104px;
  }
  .xl-pbls-14,
  .xl-pbl-14 {
    padding-block-start: 104px;
  }
  .xl-pble-14,
  .xl-pbl-14 {
    padding-block-end: 104px;
  }
  .xl-pins-14,
  .xl-pin-14 {
    padding-inline-start: 104px;
  }
  .xl-pine-14,
  .xl-pin-14 {
    padding-inline-end: 104px;
  }
  .xl-m-15 {
    margin: 112px;
  }
  .xl-mt-15,
  .xl-my-15 {
    margin-top: 112px;
  }
  .xl-mr-15,
  .xl-mx-15 {
    margin-right: 112px;
  }
  .xl-mb-15,
  .xl-my-15 {
    margin-bottom: 112px;
  }
  .xl-ml-15,
  .xl-mx-15 {
    margin-left: 112px;
  }
  .xl-mbls-15,
  .xl-mbl-15 {
    margin-block-start: 112px;
  }
  .xl-mble-15,
  .xl-mbl-15 {
    margin-block-end: 112px;
  }
  .xl-mins-15,
  .xl-min-15 {
    margin-inline-start: 112px;
  }
  .xl-mine-15,
  .xl-min-15 {
    margin-inline-end: 112px;
  }
  .xl-p-15 {
    padding: 112px;
  }
  .xl-pt-15,
  .xl-py-15 {
    padding-top: 112px;
  }
  .xl-pr-15,
  .xl-px-15 {
    padding-right: 112px;
  }
  .xl-pb-15,
  .xl-py-15 {
    padding-bottom: 112px;
  }
  .xl-pl-15,
  .xl-px-15 {
    padding-left: 112px;
  }
  .xl-pbls-15,
  .xl-pbl-15 {
    padding-block-start: 112px;
  }
  .xl-pble-15,
  .xl-pbl-15 {
    padding-block-end: 112px;
  }
  .xl-pins-15,
  .xl-pin-15 {
    padding-inline-start: 112px;
  }
  .xl-pine-15,
  .xl-pin-15 {
    padding-inline-end: 112px;
  }
  .xl-m-16 {
    margin: 120px;
  }
  .xl-mt-16,
  .xl-my-16 {
    margin-top: 120px;
  }
  .xl-mr-16,
  .xl-mx-16 {
    margin-right: 120px;
  }
  .xl-mb-16,
  .xl-my-16 {
    margin-bottom: 120px;
  }
  .xl-ml-16,
  .xl-mx-16 {
    margin-left: 120px;
  }
  .xl-mbls-16,
  .xl-mbl-16 {
    margin-block-start: 120px;
  }
  .xl-mble-16,
  .xl-mbl-16 {
    margin-block-end: 120px;
  }
  .xl-mins-16,
  .xl-min-16 {
    margin-inline-start: 120px;
  }
  .xl-mine-16,
  .xl-min-16 {
    margin-inline-end: 120px;
  }
  .xl-p-16 {
    padding: 120px;
  }
  .xl-pt-16,
  .xl-py-16 {
    padding-top: 120px;
  }
  .xl-pr-16,
  .xl-px-16 {
    padding-right: 120px;
  }
  .xl-pb-16,
  .xl-py-16 {
    padding-bottom: 120px;
  }
  .xl-pl-16,
  .xl-px-16 {
    padding-left: 120px;
  }
  .xl-pbls-16,
  .xl-pbl-16 {
    padding-block-start: 120px;
  }
  .xl-pble-16,
  .xl-pbl-16 {
    padding-block-end: 120px;
  }
  .xl-pins-16,
  .xl-pin-16 {
    padding-inline-start: 120px;
  }
  .xl-pine-16,
  .xl-pin-16 {
    padding-inline-end: 120px;
  }
  .xl-m-17 {
    margin: 128px;
  }
  .xl-mt-17,
  .xl-my-17 {
    margin-top: 128px;
  }
  .xl-mr-17,
  .xl-mx-17 {
    margin-right: 128px;
  }
  .xl-mb-17,
  .xl-my-17 {
    margin-bottom: 128px;
  }
  .xl-ml-17,
  .xl-mx-17 {
    margin-left: 128px;
  }
  .xl-mbls-17,
  .xl-mbl-17 {
    margin-block-start: 128px;
  }
  .xl-mble-17,
  .xl-mbl-17 {
    margin-block-end: 128px;
  }
  .xl-mins-17,
  .xl-min-17 {
    margin-inline-start: 128px;
  }
  .xl-mine-17,
  .xl-min-17 {
    margin-inline-end: 128px;
  }
  .xl-p-17 {
    padding: 128px;
  }
  .xl-pt-17,
  .xl-py-17 {
    padding-top: 128px;
  }
  .xl-pr-17,
  .xl-px-17 {
    padding-right: 128px;
  }
  .xl-pb-17,
  .xl-py-17 {
    padding-bottom: 128px;
  }
  .xl-pl-17,
  .xl-px-17 {
    padding-left: 128px;
  }
  .xl-pbls-17,
  .xl-pbl-17 {
    padding-block-start: 128px;
  }
  .xl-pble-17,
  .xl-pbl-17 {
    padding-block-end: 128px;
  }
  .xl-pins-17,
  .xl-pin-17 {
    padding-inline-start: 128px;
  }
  .xl-pine-17,
  .xl-pin-17 {
    padding-inline-end: 128px;
  }
  .xl-gap-0 {
    gap: 0px;
  }
  .xl-gap-x-0 {
    column-gap: 0px;
  }
  .xl-gap-y-0 {
    row-gap: 0px;
  }
  .xl-gap-0-5 {
    gap: 0.125rem;
  }
  .xl-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .xl-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .xl-gap-1 {
    gap: 0.25rem;
  }
  .xl-gap-x-1 {
    column-gap: 0.25rem;
  }
  .xl-gap-y-1 {
    row-gap: 0.25rem;
  }
  .xl-gap-1-5 {
    gap: 0.375rem;
  }
  .xl-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .xl-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .xl-gap-2 {
    gap: 0.5rem;
  }
  .xl-gap-x-2 {
    column-gap: 0.5rem;
  }
  .xl-gap-y-2 {
    row-gap: 0.5rem;
  }
  .xl-gap-2-5 {
    gap: 0.625rem;
  }
  .xl-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .xl-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .xl-gap-3 {
    gap: 0.75rem;
  }
  .xl-gap-x-3 {
    column-gap: 0.75rem;
  }
  .xl-gap-y-3 {
    row-gap: 0.75rem;
  }
  .xl-gap-3-5 {
    gap: 0.875rem;
  }
  .xl-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .xl-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .xl-gap-4 {
    gap: 1rem;
  }
  .xl-gap-x-4 {
    column-gap: 1rem;
  }
  .xl-gap-y-4 {
    row-gap: 1rem;
  }
  .xl-gap-5 {
    gap: 1.25rem;
  }
  .xl-gap-x-5 {
    column-gap: 1.25rem;
  }
  .xl-gap-y-5 {
    row-gap: 1.25rem;
  }
  .xl-gap-6 {
    gap: 1.5rem;
  }
  .xl-gap-x-6 {
    column-gap: 1.5rem;
  }
  .xl-gap-y-6 {
    row-gap: 1.5rem;
  }
  .xl-gap-7 {
    gap: 1.75rem;
  }
  .xl-gap-x-7 {
    column-gap: 1.75rem;
  }
  .xl-gap-y-7 {
    row-gap: 1.75rem;
  }
  .xl-gap-8 {
    gap: 2rem;
  }
  .xl-gap-x-8 {
    column-gap: 2rem;
  }
  .xl-gap-y-8 {
    row-gap: 2rem;
  }
  .xl-gap-9 {
    gap: 2.25rem;
  }
  .xl-gap-x-9 {
    column-gap: 2.25rem;
  }
  .xl-gap-y-9 {
    row-gap: 2.25rem;
  }
  .xl-gap-10 {
    gap: 2.5rem;
  }
  .xl-gap-x-10 {
    column-gap: 2.5rem;
  }
  .xl-gap-y-10 {
    row-gap: 2.5rem;
  }
  .xl-gap-11 {
    gap: 2.75rem;
  }
  .xl-gap-x-11 {
    column-gap: 2.75rem;
  }
  .xl-gap-y-11 {
    row-gap: 2.75rem;
  }
  .xl-gap-12 {
    gap: 3rem;
  }
  .xl-gap-x-12 {
    column-gap: 3rem;
  }
  .xl-gap-y-12 {
    row-gap: 3rem;
  }
  .xl-gap-14 {
    gap: 3.5rem;
  }
  .xl-gap-x-14 {
    column-gap: 3.5rem;
  }
  .xl-gap-y-14 {
    row-gap: 3.5rem;
  }
  .xl-gap-16 {
    gap: 4rem;
  }
  .xl-gap-x-16 {
    column-gap: 4rem;
  }
  .xl-gap-y-16 {
    row-gap: 4rem;
  }
  .xl-gap-20 {
    gap: 5rem;
  }
  .xl-gap-x-20 {
    column-gap: 5rem;
  }
  .xl-gap-y-20 {
    row-gap: 5rem;
  }
  .xl-gap-24 {
    gap: 6rem;
  }
  .xl-gap-x-24 {
    column-gap: 6rem;
  }
  .xl-gap-y-24 {
    row-gap: 6rem;
  }
  .xl-gap-28 {
    gap: 7rem;
  }
  .xl-gap-x-28 {
    column-gap: 7rem;
  }
  .xl-gap-y-28 {
    row-gap: 7rem;
  }
  .xl-gap-32 {
    gap: 8rem;
  }
  .xl-gap-x-32 {
    column-gap: 8rem;
  }
  .xl-gap-y-32 {
    row-gap: 8rem;
  }
  .xl-gap-36 {
    gap: 9rem;
  }
  .xl-gap-x-36 {
    column-gap: 9rem;
  }
  .xl-gap-y-36 {
    row-gap: 9rem;
  }
  .xl-gap-40 {
    gap: 10rem;
  }
  .xl-gap-x-40 {
    column-gap: 10rem;
  }
  .xl-gap-y-40 {
    row-gap: 10rem;
  }
  .xl-gap-44 {
    gap: 11rem;
  }
  .xl-gap-x-44 {
    column-gap: 11rem;
  }
  .xl-gap-y-44 {
    row-gap: 11rem;
  }
  .xl-gap-48 {
    gap: 12rem;
  }
  .xl-gap-x-48 {
    column-gap: 12rem;
  }
  .xl-gap-y-48 {
    row-gap: 12rem;
  }
  .xl-gap-52 {
    gap: 13rem;
  }
  .xl-gap-x-52 {
    column-gap: 13rem;
  }
  .xl-gap-y-52 {
    row-gap: 13rem;
  }
  .xl-gap-56 {
    gap: 13rem;
  }
  .xl-gap-x-56 {
    column-gap: 13rem;
  }
  .xl-gap-y-56 {
    row-gap: 13rem;
  }
  .xl-gap-60 {
    gap: 15rem;
  }
  .xl-gap-x-60 {
    column-gap: 15rem;
  }
  .xl-gap-y-60 {
    row-gap: 15rem;
  }
  .xl-gap-64 {
    gap: 16rem;
  }
  .xl-gap-x-64 {
    column-gap: 16rem;
  }
  .xl-gap-y-64 {
    row-gap: 16rem;
  }
  .xl-gap-72 {
    gap: 18rem;
  }
  .xl-gap-x-72 {
    column-gap: 18rem;
  }
  .xl-gap-y-72 {
    row-gap: 18rem;
  }
  .xl-gap-80 {
    gap: 20rem;
  }
  .xl-gap-x-80 {
    column-gap: 20rem;
  }
  .xl-gap-y-80 {
    row-gap: 20rem;
  }
  .xl-gap-96 {
    gap: 24rem;
  }
  .xl-gap-x-96 {
    column-gap: 24rem;
  }
  .xl-gap-y-96 {
    row-gap: 24rem;
  }
  .xl-flex {
    display: flex;
  }
  .xl-block {
    display: block;
  }
  .xl-grid {
    display: grid;
  }
  .xl-table {
    display: table;
  }
  .xl-table-row {
    display: table-row;
  }
  .xl-table-row-group {
    display: table-row-group;
  }
  .xl-inline-table {
    display: inline-table;
  }
  .xl-inline-block {
    display: inline-block;
  }
  .xl-inline {
    display: inline-flex;
  }
  .xl-hidden {
    display: none;
  }
  .xl-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .xl-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .xl-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .xl-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .xl-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .xl-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .xl-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .xl-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .xl-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .xl-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .xl-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .xl-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .xl-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .xl-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .xl-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .xl-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .xl-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .xl-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .xl-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .xl-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .xl-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .xl-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .xl-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .xl-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .xl-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .xl-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .xl-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .xl-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .xl-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .xl-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .xl-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .xl-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .xl-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .xl-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .xl-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .xl-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .xl-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .xl-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .xl-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .xl-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .xl-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .xl-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .xl-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .xl-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .xl-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .xl-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .xl-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .xl-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .xl-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .xl-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .xl-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .xl-text-ellipsis {
    text-overflow: ellipsis;
  }
  .xl-text-clip {
    text-overflow: clip;;
  }
  .xl-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .xl-overflow-hidden {
    overflow: hidden;
  }
  .xl-text-left {
    text-align: left;
  }
  .xl-text-center {
    text-align: center;
  }
  .xl-text-right {
    text-align: right;
  }
  .xl-text-justify {
    text-align: justify;
  }
  .xl-text-start {
    text-align: start;
  }
  .xl-text-end {
    text-align: end;
  }
  .xl-underline {
    text-decoration: underline;
  }
  .xl-overline {
    text-decoration: overline;
  }
  .xl-line-through {
    text-decoration: line-through;
  }
  .xl-no-underline {
    text-decoration: none;
  }
  .xl-uppercase {
    text-transform: uppercase;
  }
  .xl-lowercase {
    text-transform: lowercase;
  }
  .xl-capitalize {
    text-transform: capitalize;
  }
  .xl-normal-case {
    text-transform: none;
  }
  .xl-align-baseline {
    vertical-align: baseline;
  }
  .xl-align-top {
    vertical-align: top;
  }
  .xl-align-middle {
    vertical-align: middle;
  }
  .xl-align-bottom {
    vertical-align: bottom;
  }
  .xl-align-text-top {
    vertical-align: text-top;
  }
  .xl-align-text-bottom {
    vertical-align: text-bottom;
  }
  .xl-align-sub {
    vertical-align: sub;
  }
  .xl-align-super {
    vertical-align: super;
  }
  .xl-whitespace-normal {
    white-space: normal;
  }
  .xl-whitespace-nowrap {
    white-space: nowrap;
  }
  .xl-whitespace-pre {
    white-space: pre;
  }
  .xl-whitespace-pre-line {
    white-space: pre-line;
  }
  .xl-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .xl-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .xl-break-all {
    word-break: break-all;
  }
  .xl-break-keep {
    word-break: keep-all;
  }
  .xl-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .xl-break-words {
    overflow-wrap: break-word;
  }
  .xl-hyphens-none {
    hyphens: none;
  }
  .xl-hyphens-manual {
    hyphens: manual;
  }
  .xl-hyphens-auto {
    hyphens: auto;
  }
  .xl-indent-0 {
    text-indent: 0px;
  }
  .xl-indent-px {
    text-indent: 1px;
  }
  .xl-indent-0-5 {
    text-indent: 0.125rem;
  }
  .xl-indent-1 {
    text-indent: 0.25rem;
  }
  .xl-indent-1-5 {
    text-indent: 0.375rem;
  }
  .xl-indent-2 {
    text-indent: 0.5rem;
  }
  .xl-indent-2-5 {
    text-indent: 0.625rem;
  }
  .xl-indent-3 {
    text-indent: 0.75rem;
  }
  .xl-indent-3-5 {
    text-indent: 0.875rem;
  }
  .xl-indent-4 {
    text-indent: 1rem;
  }
  .xl-indent-5 {
    text-indent: 1.25rem;
  }
  .xl-indent-6 {
    text-indent: 1.5rem;
  }
  .xl-indent-7 {
    text-indent: 1.75rem;
  }
  .xl-indent-8 {
    text-indent: 2rem;
  }
  .xl-indent-9 {
    text-indent: 2.25rem;
  }
  .xl-indent-10 {
    text-indent: 2.5rem;
  }
  .xl-indent-11 {
    text-indent: 2.75rem;
  }
  .xl-indent-12 {
    text-indent:  3rem;
  }
  .xl-indent-14 {
    text-indent: 3.5rem;
  }
  .xl-indent-16 {
    text-indent: 4rem;
  }
  .xl-indent-20 {
    text-indent: 5rem;
  }
  .xl-indent-24 {
    text-indent: 6rem;
  }
  .xl-indent-28 {
    text-indent: 7rem;
  }
  .xl-indent-32 {
    text-indent: 8rem;
  }
  .xl-indent-36 {
    text-indent: 9rem;
  }
  .xl-indent-40 {
    text-indent: 10rem;
  }
  .xl-indent-44 {
    text-indent: 11rem;
  }
  .xl-indent-48 {
    text-indent: 12rem;
  }
  .xl-indent-52 {
    text-indent: 13rem;
  }
  .xl-indent-56 {
    text-indent: 14rem;
  }
  .xl-indent-60 {
    text-indent: 15rem;
  }
  .xl-indent-64 {
    text-indent: 16rem;
  }
  .xl-indent-72 {
    text-indent: 18rem;
  }
  .xl-indent-80 {
    text-indent: 20rem;
  }
  .xl-indent-96 {
    text-indent: 24rem;
  }
  .xl-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .xl-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .xl-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xl-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .xl-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .xl-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .xl-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .xl-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 1919px) {
  .lg-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .lg-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .lg-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .lg-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .lg-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .lg-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .lg-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .lg-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .lg-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .lg-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .lg-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .lg-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .lg-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .lg-col-span-0 {
    grid-column: span 0/span 0;
  }
  .lg-col-span-1 {
    grid-column: span 1/span 1;
  }
  .lg-col-span-2 {
    grid-column: span 2/span 2;
  }
  .lg-col-span-3 {
    grid-column: span 3/span 3;
  }
  .lg-col-span-4 {
    grid-column: span 4/span 4;
  }
  .lg-col-span-5 {
    grid-column: span 5/span 5;
  }
  .lg-col-span-6 {
    grid-column: span 6/span 6;
  }
  .lg-col-span-7 {
    grid-column: span 7/span 7;
  }
  .lg-col-span-8 {
    grid-column: span 8/span 8;
  }
  .lg-col-span-9 {
    grid-column: span 9/span 9;
  }
  .lg-col-span-10 {
    grid-column: span 10/span 10;
  }
  .lg-col-span-11 {
    grid-column: span 11/span 11;
  }
  .lg-col-span-12 {
    grid-column: span 12/span 12;
  }
  .lg-col-auto {
    grid-column: auto;
  }
  .lg-row-span-0 {
    grid-row: span 0/span 0;
  }
  .lg-row-span-1 {
    grid-row: span 1/span 1;
  }
  .lg-row-span-2 {
    grid-row: span 2/span 2;
  }
  .lg-row-span-3 {
    grid-row: span 3/span 3;
  }
  .lg-row-span-4 {
    grid-row: span 4/span 4;
  }
  .lg-row-span-5 {
    grid-row: span 5/span 5;
  }
  .lg-row-span-6 {
    grid-row: span 6/span 6;
  }
  .lg-row-span-7 {
    grid-row: span 7/span 7;
  }
  .lg-row-span-8 {
    grid-row: span 8/span 8;
  }
  .lg-row-span-9 {
    grid-row: span 9/span 9;
  }
  .lg-row-span-10 {
    grid-row: span 10/span 10;
  }
  .lg-row-span-11 {
    grid-row: span 11/span 11;
  }
  .lg-row-span-12 {
    grid-row: span 12/span 12;
  }
  .lg-row-auto {
    grid-row: auto;
  }
  .lg-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .lg-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .lg-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .lg-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .lg-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .lg-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .lg-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .lg-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .lg-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .lg-flex-wrap {
    flex-wrap: wrap;
  }
  .lg-flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .lg-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .lg-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .lg-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .lg-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .lg-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .lg-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .lg-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .lg-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .lg-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .lg-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .lg-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .lg-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .lg-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .lg-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .lg-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .lg-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .lg-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .lg-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .lg-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .lg-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .lg-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .lg-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .lg-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .lg-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .lg-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .lg-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .lg-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .lg-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .lg-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .lg-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .lg-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .lg-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .lg-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .lg-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .lg-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .lg-basis-0 {
    flex-basis: 0px;
  }
  .lg-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .lg-basis-1 {
    flex-basis: 0.25rem;
  }
  .lg-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .lg-basis-2 {
    flex-basis: 0.5rem;
  }
  .lg-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .lg-basis-3 {
    flex-basis: 0.75rem;
  }
  .lg-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .lg-basis-4 {
    flex-basis: 1rem;
  }
  .lg-basis-5 {
    flex-basis: 1.25rem;
  }
  .lg-basis-6 {
    flex-basis: 1.5rem;
  }
  .lg-basis-7 {
    flex-basis: 1.75rem;
  }
  .lg-basis-8 {
    flex-basis: 2rem;
  }
  .lg-basis-9 {
    flex-basis: 2.25rem;
  }
  .lg-basis-10 {
    flex-basis: 2.5rem;
  }
  .lg-basis-11 {
    flex-basis: 2.75rem;
  }
  .lg-basis-12 {
    flex-basis: 3rem;
  }
  .lg-basis-14 {
    flex-basis: 3.5rem;
  }
  .lg-basis-16 {
    flex-basis: 4rem;
  }
  .lg-basis-20 {
    flex-basis: 5rem;
  }
  .lg-basis-24 {
    flex-basis: 6rem;
  }
  .lg-basis-28 {
    flex-basis: 7rem;
  }
  .lg-basis-32 {
    flex-basis: 8rem;
  }
  .lg-basis-36 {
    flex-basis: 9rem;
  }
  .lg-basis-40 {
    flex-basis: 10rem;
  }
  .lg-basis-44 {
    flex-basis: 11rem;
  }
  .lg-basis-48 {
    flex-basis: 12rem;
  }
  .lg-basis-52 {
    flex-basis: 13rem;
  }
  .lg-basis-56 {
    flex-basis: 13rem;
  }
  .lg-basis-60 {
    flex-basis: 15rem;
  }
  .lg-basis-64 {
    flex-basis: 16rem;
  }
  .lg-basis-72 {
    flex-basis: 18rem;
  }
  .lg-basis-80 {
    flex-basis: 20rem;
  }
  .lg-basis-96 {
    flex-basis: 24rem;
  }
  .lg-basis-auto {
    flex-basis: auto;
  }
  .lg-basis-1on2 {
    flex-basis: 50%;
  }
  .lg-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .lg-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .lg-basis-1on4 {
    flex-basis: 25%;
  }
  .lg-basis-2on4 {
    flex-basis: 50%;
  }
  .lg-basis-3on4 {
    flex-basis: 75%;
  }
  .lg-basis-1on5 {
    flex-basis: 20%;
  }
  .lg-basis-2on5 {
    flex-basis: 40%;
  }
  .lg-basis-3on5 {
    flex-basis: 60%;
  }
  .lg-basis-4on5 {
    flex-basis: 80%;
  }
  .lg-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .lg-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .lg-basis-3on6 {
    flex-basis: 50%;
  }
  .lg-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .lg-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .lg-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .lg-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .lg-basis-3on12 {
    flex-basis: 25%;
  }
  .lg-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .lg-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .lg-basis-6on12 {
    flex-basis: 50%;
  }
  .lg-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .lg-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .lg-basis-9on12 {
    flex-basis: 75%;
  }
  .lg-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .lg-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .lg-basis-screen {
    flex-basis: 100vw;
  }
  .lg-basis-full {
    flex-basis: 100%;
  }
  .lg-w-0 {
    width: 0px;
  }
  .lg-min-w-0 {
    min-width: 0px;
  }
  .lg-max-w-0 {
    max-width: 0px;
  }
  .lg-w-0-5 {
    width: 0.125rem;
  }
  .lg-min-w-0-5 {
    min-width: 0.125rem;
  }
  .lg-max-w-0-5 {
    max-width: 0.125rem;
  }
  .lg-w-1 {
    width: 0.25rem;
  }
  .lg-min-w-1 {
    min-width: 0.25rem;
  }
  .lg-max-w-1 {
    max-width: 0.25rem;
  }
  .lg-w-1-5 {
    width: 0.375rem;
  }
  .lg-min-w-1-5 {
    min-width: 0.375rem;
  }
  .lg-max-w-1-5 {
    max-width: 0.375rem;
  }
  .lg-w-2 {
    width: 0.5rem;
  }
  .lg-min-w-2 {
    min-width: 0.5rem;
  }
  .lg-max-w-2 {
    max-width: 0.5rem;
  }
  .lg-w-2-5 {
    width: 0.625rem;
  }
  .lg-min-w-2-5 {
    min-width: 0.625rem;
  }
  .lg-max-w-2-5 {
    max-width: 0.625rem;
  }
  .lg-w-3 {
    width: 0.75rem;
  }
  .lg-min-w-3 {
    min-width: 0.75rem;
  }
  .lg-max-w-3 {
    max-width: 0.75rem;
  }
  .lg-w-3-5 {
    width: 0.875rem;
  }
  .lg-min-w-3-5 {
    min-width: 0.875rem;
  }
  .lg-max-w-3-5 {
    max-width: 0.875rem;
  }
  .lg-w-4 {
    width: 1rem;
  }
  .lg-min-w-4 {
    min-width: 1rem;
  }
  .lg-max-w-4 {
    max-width: 1rem;
  }
  .lg-w-5 {
    width: 1.25rem;
  }
  .lg-min-w-5 {
    min-width: 1.25rem;
  }
  .lg-max-w-5 {
    max-width: 1.25rem;
  }
  .lg-w-6 {
    width: 1.5rem;
  }
  .lg-min-w-6 {
    min-width: 1.5rem;
  }
  .lg-max-w-6 {
    max-width: 1.5rem;
  }
  .lg-w-7 {
    width: 1.75rem;
  }
  .lg-min-w-7 {
    min-width: 1.75rem;
  }
  .lg-max-w-7 {
    max-width: 1.75rem;
  }
  .lg-w-8 {
    width: 2rem;
  }
  .lg-min-w-8 {
    min-width: 2rem;
  }
  .lg-max-w-8 {
    max-width: 2rem;
  }
  .lg-w-9 {
    width: 2.25rem;
  }
  .lg-min-w-9 {
    min-width: 2.25rem;
  }
  .lg-max-w-9 {
    max-width: 2.25rem;
  }
  .lg-w-10 {
    width: 2.5rem;
  }
  .lg-min-w-10 {
    min-width: 2.5rem;
  }
  .lg-max-w-10 {
    max-width: 2.5rem;
  }
  .lg-w-11 {
    width: 2.75rem;
  }
  .lg-min-w-11 {
    min-width: 2.75rem;
  }
  .lg-max-w-11 {
    max-width: 2.75rem;
  }
  .lg-w-12 {
    width: 3rem;
  }
  .lg-min-w-12 {
    min-width: 3rem;
  }
  .lg-max-w-12 {
    max-width: 3rem;
  }
  .lg-w-14 {
    width: 3.5rem;
  }
  .lg-min-w-14 {
    min-width: 3.5rem;
  }
  .lg-max-w-14 {
    max-width: 3.5rem;
  }
  .lg-w-16 {
    width: 4rem;
  }
  .lg-min-w-16 {
    min-width: 4rem;
  }
  .lg-max-w-16 {
    max-width: 4rem;
  }
  .lg-w-20 {
    width: 5rem;
  }
  .lg-min-w-20 {
    min-width: 5rem;
  }
  .lg-max-w-20 {
    max-width: 5rem;
  }
  .lg-w-24 {
    width: 6rem;
  }
  .lg-min-w-24 {
    min-width: 6rem;
  }
  .lg-max-w-24 {
    max-width: 6rem;
  }
  .lg-w-28 {
    width: 7rem;
  }
  .lg-min-w-28 {
    min-width: 7rem;
  }
  .lg-max-w-28 {
    max-width: 7rem;
  }
  .lg-w-32 {
    width: 8rem;
  }
  .lg-min-w-32 {
    min-width: 8rem;
  }
  .lg-max-w-32 {
    max-width: 8rem;
  }
  .lg-w-36 {
    width: 9rem;
  }
  .lg-min-w-36 {
    min-width: 9rem;
  }
  .lg-max-w-36 {
    max-width: 9rem;
  }
  .lg-w-40 {
    width: 10rem;
  }
  .lg-min-w-40 {
    min-width: 10rem;
  }
  .lg-max-w-40 {
    max-width: 10rem;
  }
  .lg-w-44 {
    width: 11rem;
  }
  .lg-min-w-44 {
    min-width: 11rem;
  }
  .lg-max-w-44 {
    max-width: 11rem;
  }
  .lg-w-48 {
    width: 12rem;
  }
  .lg-min-w-48 {
    min-width: 12rem;
  }
  .lg-max-w-48 {
    max-width: 12rem;
  }
  .lg-w-52 {
    width: 13rem;
  }
  .lg-min-w-52 {
    min-width: 13rem;
  }
  .lg-max-w-52 {
    max-width: 13rem;
  }
  .lg-w-56 {
    width: 13rem;
  }
  .lg-min-w-56 {
    min-width: 13rem;
  }
  .lg-max-w-56 {
    max-width: 13rem;
  }
  .lg-w-60 {
    width: 15rem;
  }
  .lg-min-w-60 {
    min-width: 15rem;
  }
  .lg-max-w-60 {
    max-width: 15rem;
  }
  .lg-w-64 {
    width: 16rem;
  }
  .lg-min-w-64 {
    min-width: 16rem;
  }
  .lg-max-w-64 {
    max-width: 16rem;
  }
  .lg-w-72 {
    width: 18rem;
  }
  .lg-min-w-72 {
    min-width: 18rem;
  }
  .lg-max-w-72 {
    max-width: 18rem;
  }
  .lg-w-80 {
    width: 20rem;
  }
  .lg-min-w-80 {
    min-width: 20rem;
  }
  .lg-max-w-80 {
    max-width: 20rem;
  }
  .lg-w-96 {
    width: 24rem;
  }
  .lg-min-w-96 {
    min-width: 24rem;
  }
  .lg-max-w-96 {
    max-width: 24rem;
  }
  .lg-w-auto {
    width: auto;
  }
  .lg-min-w-auto {
    min-width: auto;
  }
  .lg-max-w-auto {
    max-width: auto;
  }
  .lg-w-1on2 {
    width: 50%;
  }
  .lg-min-w-1on2 {
    min-width: 50%;
  }
  .lg-max-w-1on2 {
    max-width: 50%;
  }
  .lg-w-1on3 {
    width: 33.333333%;
  }
  .lg-min-w-1on3 {
    min-width: 33.333333%;
  }
  .lg-max-w-1on3 {
    max-width: 33.333333%;
  }
  .lg-w-2on3 {
    width: 66.666667%;
  }
  .lg-min-w-2on3 {
    min-width: 66.666667%;
  }
  .lg-max-w-2on3 {
    max-width: 66.666667%;
  }
  .lg-w-1on4 {
    width: 25%;
  }
  .lg-min-w-1on4 {
    min-width: 25%;
  }
  .lg-max-w-1on4 {
    max-width: 25%;
  }
  .lg-w-2on4 {
    width: 50%;
  }
  .lg-min-w-2on4 {
    min-width: 50%;
  }
  .lg-max-w-2on4 {
    max-width: 50%;
  }
  .lg-w-3on4 {
    width: 75%;
  }
  .lg-min-w-3on4 {
    min-width: 75%;
  }
  .lg-max-w-3on4 {
    max-width: 75%;
  }
  .lg-w-1on5 {
    width: 20%;
  }
  .lg-min-w-1on5 {
    min-width: 20%;
  }
  .lg-max-w-1on5 {
    max-width: 20%;
  }
  .lg-w-2on5 {
    width: 40%;
  }
  .lg-min-w-2on5 {
    min-width: 40%;
  }
  .lg-max-w-2on5 {
    max-width: 40%;
  }
  .lg-w-3on5 {
    width: 60%;
  }
  .lg-min-w-3on5 {
    min-width: 60%;
  }
  .lg-max-w-3on5 {
    max-width: 60%;
  }
  .lg-w-4on5 {
    width: 80%;
  }
  .lg-min-w-4on5 {
    min-width: 80%;
  }
  .lg-max-w-4on5 {
    max-width: 80%;
  }
  .lg-w-1on6 {
    width: 16.666667%;
  }
  .lg-min-w-1on6 {
    min-width: 16.666667%;
  }
  .lg-max-w-1on6 {
    max-width: 16.666667%;
  }
  .lg-w-2on6 {
    width: 33.333333%;
  }
  .lg-min-w-2on6 {
    min-width: 33.333333%;
  }
  .lg-max-w-2on6 {
    max-width: 33.333333%;
  }
  .lg-w-3on6 {
    width: 50%;
  }
  .lg-min-w-3on6 {
    min-width: 50%;
  }
  .lg-max-w-3on6 {
    max-width: 50%;
  }
  .lg-w-4on6 {
    width: 66.666667%;
  }
  .lg-min-w-4on6 {
    min-width: 66.666667%;
  }
  .lg-max-w-4on6 {
    max-width: 66.666667%;
  }
  .lg-w-5on6 {
    width: 83.333333%;
  }
  .lg-min-w-5on6 {
    min-width: 83.333333%;
  }
  .lg-max-w-5on6 {
    max-width: 83.333333%;
  }
  .lg-w-1on12 {
    width: 8.333333%;
  }
  .lg-min-w-1on12 {
    min-width: 8.333333%;
  }
  .lg-max-w-1on12 {
    max-width: 8.333333%;
  }
  .lg-w-2on12 {
    width: 16.666667%;
  }
  .lg-min-w-2on12 {
    min-width: 16.666667%;
  }
  .lg-max-w-2on12 {
    max-width: 16.666667%;
  }
  .lg-w-3on12 {
    width: 25%;
  }
  .lg-min-w-3on12 {
    min-width: 25%;
  }
  .lg-max-w-3on12 {
    max-width: 25%;
  }
  .lg-w-4on12 {
    width: 33.333333%;
  }
  .lg-min-w-4on12 {
    min-width: 33.333333%;
  }
  .lg-max-w-4on12 {
    max-width: 33.333333%;
  }
  .lg-w-5on12 {
    width: 41.666667%;
  }
  .lg-min-w-5on12 {
    min-width: 41.666667%;
  }
  .lg-max-w-5on12 {
    max-width: 41.666667%;
  }
  .lg-w-6on12 {
    width: 50%;
  }
  .lg-min-w-6on12 {
    min-width: 50%;
  }
  .lg-max-w-6on12 {
    max-width: 50%;
  }
  .lg-w-7on12 {
    width: 58.333333%;
  }
  .lg-min-w-7on12 {
    min-width: 58.333333%;
  }
  .lg-max-w-7on12 {
    max-width: 58.333333%;
  }
  .lg-w-8on12 {
    width: 66.666667%;
  }
  .lg-min-w-8on12 {
    min-width: 66.666667%;
  }
  .lg-max-w-8on12 {
    max-width: 66.666667%;
  }
  .lg-w-9on12 {
    width: 75%;
  }
  .lg-min-w-9on12 {
    min-width: 75%;
  }
  .lg-max-w-9on12 {
    max-width: 75%;
  }
  .lg-w-10on12 {
    width: 83.333333%;
  }
  .lg-min-w-10on12 {
    min-width: 83.333333%;
  }
  .lg-max-w-10on12 {
    max-width: 83.333333%;
  }
  .lg-w-11on12 {
    width: 91.666667%;
  }
  .lg-min-w-11on12 {
    min-width: 91.666667%;
  }
  .lg-max-w-11on12 {
    max-width: 91.666667%;
  }
  .lg-w-screen {
    width: 100vw;
  }
  .lg-min-w-screen {
    min-width: 100vw;
  }
  .lg-max-w-screen {
    max-width: 100vw;
  }
  .lg-w-full {
    width: 100%;
  }
  .lg-min-w-full {
    min-width: 100%;
  }
  .lg-max-w-full {
    max-width: 100%;
  }
  .lg-w-fit {
    width: fit-content;
  }
  .lg-min-w-fit {
    min-width: fit-content;
  }
  .lg-max-w-fit {
    max-width: fit-content;
  }
  .lg-w-min {
    width: min-content;
  }
  .lg-min-w-min {
    min-width: min-content;
  }
  .lg-max-w-min {
    max-width: min-content;
  }
  .lg-w-max {
    width: max-content;
  }
  .lg-min-w-max {
    min-width: max-content;
  }
  .lg-max-w-max {
    max-width: max-content;
  }
  .lg-h-0 {
    height: 0px;
  }
  .lg-min-h-0 {
    min-height: 0px;
  }
  .lg-max-h-0 {
    max-height: 0px;
  }
  .lg-h-0-5 {
    height: 0.125rem;
  }
  .lg-min-h-0-5 {
    min-height: 0.125rem;
  }
  .lg-max-h-0-5 {
    max-height: 0.125rem;
  }
  .lg-h-1 {
    height: 0.25rem;
  }
  .lg-min-h-1 {
    min-height: 0.25rem;
  }
  .lg-max-h-1 {
    max-height: 0.25rem;
  }
  .lg-h-1-5 {
    height: 0.375rem;
  }
  .lg-min-h-1-5 {
    min-height: 0.375rem;
  }
  .lg-max-h-1-5 {
    max-height: 0.375rem;
  }
  .lg-h-2 {
    height: 0.5rem;
  }
  .lg-min-h-2 {
    min-height: 0.5rem;
  }
  .lg-max-h-2 {
    max-height: 0.5rem;
  }
  .lg-h-2-5 {
    height: 0.625rem;
  }
  .lg-min-h-2-5 {
    min-height: 0.625rem;
  }
  .lg-max-h-2-5 {
    max-height: 0.625rem;
  }
  .lg-h-3 {
    height: 0.75rem;
  }
  .lg-min-h-3 {
    min-height: 0.75rem;
  }
  .lg-max-h-3 {
    max-height: 0.75rem;
  }
  .lg-h-3-5 {
    height: 0.875rem;
  }
  .lg-min-h-3-5 {
    min-height: 0.875rem;
  }
  .lg-max-h-3-5 {
    max-height: 0.875rem;
  }
  .lg-h-4 {
    height: 1rem;
  }
  .lg-min-h-4 {
    min-height: 1rem;
  }
  .lg-max-h-4 {
    max-height: 1rem;
  }
  .lg-h-5 {
    height: 1.25rem;
  }
  .lg-min-h-5 {
    min-height: 1.25rem;
  }
  .lg-max-h-5 {
    max-height: 1.25rem;
  }
  .lg-h-6 {
    height: 1.5rem;
  }
  .lg-min-h-6 {
    min-height: 1.5rem;
  }
  .lg-max-h-6 {
    max-height: 1.5rem;
  }
  .lg-h-7 {
    height: 1.75rem;
  }
  .lg-min-h-7 {
    min-height: 1.75rem;
  }
  .lg-max-h-7 {
    max-height: 1.75rem;
  }
  .lg-h-8 {
    height: 2rem;
  }
  .lg-min-h-8 {
    min-height: 2rem;
  }
  .lg-max-h-8 {
    max-height: 2rem;
  }
  .lg-h-9 {
    height: 2.25rem;
  }
  .lg-min-h-9 {
    min-height: 2.25rem;
  }
  .lg-max-h-9 {
    max-height: 2.25rem;
  }
  .lg-h-10 {
    height: 2.5rem;
  }
  .lg-min-h-10 {
    min-height: 2.5rem;
  }
  .lg-max-h-10 {
    max-height: 2.5rem;
  }
  .lg-h-11 {
    height: 2.75rem;
  }
  .lg-min-h-11 {
    min-height: 2.75rem;
  }
  .lg-max-h-11 {
    max-height: 2.75rem;
  }
  .lg-h-12 {
    height: 3rem;
  }
  .lg-min-h-12 {
    min-height: 3rem;
  }
  .lg-max-h-12 {
    max-height: 3rem;
  }
  .lg-h-14 {
    height: 3.5rem;
  }
  .lg-min-h-14 {
    min-height: 3.5rem;
  }
  .lg-max-h-14 {
    max-height: 3.5rem;
  }
  .lg-h-16 {
    height: 4rem;
  }
  .lg-min-h-16 {
    min-height: 4rem;
  }
  .lg-max-h-16 {
    max-height: 4rem;
  }
  .lg-h-20 {
    height: 5rem;
  }
  .lg-min-h-20 {
    min-height: 5rem;
  }
  .lg-max-h-20 {
    max-height: 5rem;
  }
  .lg-h-24 {
    height: 6rem;
  }
  .lg-min-h-24 {
    min-height: 6rem;
  }
  .lg-max-h-24 {
    max-height: 6rem;
  }
  .lg-h-28 {
    height: 7rem;
  }
  .lg-min-h-28 {
    min-height: 7rem;
  }
  .lg-max-h-28 {
    max-height: 7rem;
  }
  .lg-h-32 {
    height: 8rem;
  }
  .lg-min-h-32 {
    min-height: 8rem;
  }
  .lg-max-h-32 {
    max-height: 8rem;
  }
  .lg-h-36 {
    height: 9rem;
  }
  .lg-min-h-36 {
    min-height: 9rem;
  }
  .lg-max-h-36 {
    max-height: 9rem;
  }
  .lg-h-40 {
    height: 10rem;
  }
  .lg-min-h-40 {
    min-height: 10rem;
  }
  .lg-max-h-40 {
    max-height: 10rem;
  }
  .lg-h-44 {
    height: 11rem;
  }
  .lg-min-h-44 {
    min-height: 11rem;
  }
  .lg-max-h-44 {
    max-height: 11rem;
  }
  .lg-h-48 {
    height: 12rem;
  }
  .lg-min-h-48 {
    min-height: 12rem;
  }
  .lg-max-h-48 {
    max-height: 12rem;
  }
  .lg-h-52 {
    height: 13rem;
  }
  .lg-min-h-52 {
    min-height: 13rem;
  }
  .lg-max-h-52 {
    max-height: 13rem;
  }
  .lg-h-56 {
    height: 13rem;
  }
  .lg-min-h-56 {
    min-height: 13rem;
  }
  .lg-max-h-56 {
    max-height: 13rem;
  }
  .lg-h-60 {
    height: 15rem;
  }
  .lg-min-h-60 {
    min-height: 15rem;
  }
  .lg-max-h-60 {
    max-height: 15rem;
  }
  .lg-h-64 {
    height: 16rem;
  }
  .lg-min-h-64 {
    min-height: 16rem;
  }
  .lg-max-h-64 {
    max-height: 16rem;
  }
  .lg-h-72 {
    height: 18rem;
  }
  .lg-min-h-72 {
    min-height: 18rem;
  }
  .lg-max-h-72 {
    max-height: 18rem;
  }
  .lg-h-80 {
    height: 20rem;
  }
  .lg-min-h-80 {
    min-height: 20rem;
  }
  .lg-max-h-80 {
    max-height: 20rem;
  }
  .lg-h-96 {
    height: 24rem;
  }
  .lg-min-h-96 {
    min-height: 24rem;
  }
  .lg-max-h-96 {
    max-height: 24rem;
  }
  .lg-h-100 {
    height: 28rem;
  }
  .lg-min-h-100 {
    min-height: 28rem;
  }
  .lg-max-h-100 {
    max-height: 28rem;
  }
  .lg-h-auto {
    height: auto;
  }
  .lg-min-h-auto {
    min-height: auto;
  }
  .lg-max-h-auto {
    max-height: auto;
  }
  .lg-h-1on2 {
    height: 50%;
  }
  .lg-min-h-1on2 {
    min-height: 50%;
  }
  .lg-max-h-1on2 {
    max-height: 50%;
  }
  .lg-h-1on3 {
    height: 33.333333%;
  }
  .lg-min-h-1on3 {
    min-height: 33.333333%;
  }
  .lg-max-h-1on3 {
    max-height: 33.333333%;
  }
  .lg-h-2on3 {
    height: 66.666667%;
  }
  .lg-min-h-2on3 {
    min-height: 66.666667%;
  }
  .lg-max-h-2on3 {
    max-height: 66.666667%;
  }
  .lg-h-1on4 {
    height: 25%;
  }
  .lg-min-h-1on4 {
    min-height: 25%;
  }
  .lg-max-h-1on4 {
    max-height: 25%;
  }
  .lg-h-2on4 {
    height: 50%;
  }
  .lg-min-h-2on4 {
    min-height: 50%;
  }
  .lg-max-h-2on4 {
    max-height: 50%;
  }
  .lg-h-3on4 {
    height: 75%;
  }
  .lg-min-h-3on4 {
    min-height: 75%;
  }
  .lg-max-h-3on4 {
    max-height: 75%;
  }
  .lg-h-1on5 {
    height: 20%;
  }
  .lg-min-h-1on5 {
    min-height: 20%;
  }
  .lg-max-h-1on5 {
    max-height: 20%;
  }
  .lg-h-2on5 {
    height: 40%;
  }
  .lg-min-h-2on5 {
    min-height: 40%;
  }
  .lg-max-h-2on5 {
    max-height: 40%;
  }
  .lg-h-3on5 {
    height: 60%;
  }
  .lg-min-h-3on5 {
    min-height: 60%;
  }
  .lg-max-h-3on5 {
    max-height: 60%;
  }
  .lg-h-4on5 {
    height: 80%;
  }
  .lg-min-h-4on5 {
    min-height: 80%;
  }
  .lg-max-h-4on5 {
    max-height: 80%;
  }
  .lg-h-1on6 {
    height: 16.666667%;
  }
  .lg-min-h-1on6 {
    min-height: 16.666667%;
  }
  .lg-max-h-1on6 {
    max-height: 16.666667%;
  }
  .lg-h-2on6 {
    height: 33.333333%;
  }
  .lg-min-h-2on6 {
    min-height: 33.333333%;
  }
  .lg-max-h-2on6 {
    max-height: 33.333333%;
  }
  .lg-h-3on6 {
    height: 50%;
  }
  .lg-min-h-3on6 {
    min-height: 50%;
  }
  .lg-max-h-3on6 {
    max-height: 50%;
  }
  .lg-h-4on6 {
    height: 66.666667%;
  }
  .lg-min-h-4on6 {
    min-height: 66.666667%;
  }
  .lg-max-h-4on6 {
    max-height: 66.666667%;
  }
  .lg-h-5on6 {
    height: 83.333333%;
  }
  .lg-min-h-5on6 {
    min-height: 83.333333%;
  }
  .lg-max-h-5on6 {
    max-height: 83.333333%;
  }
  .lg-h-1on12 {
    height: 8.333333%;
  }
  .lg-min-h-1on12 {
    min-height: 8.333333%;
  }
  .lg-max-h-1on12 {
    max-height: 8.333333%;
  }
  .lg-h-2on12 {
    height: 16.666667%;
  }
  .lg-min-h-2on12 {
    min-height: 16.666667%;
  }
  .lg-max-h-2on12 {
    max-height: 16.666667%;
  }
  .lg-h-3on12 {
    height: 25%;
  }
  .lg-min-h-3on12 {
    min-height: 25%;
  }
  .lg-max-h-3on12 {
    max-height: 25%;
  }
  .lg-h-4on12 {
    height: 33.333333%;
  }
  .lg-min-h-4on12 {
    min-height: 33.333333%;
  }
  .lg-max-h-4on12 {
    max-height: 33.333333%;
  }
  .lg-h-5on12 {
    height: 41.666667%;
  }
  .lg-min-h-5on12 {
    min-height: 41.666667%;
  }
  .lg-max-h-5on12 {
    max-height: 41.666667%;
  }
  .lg-h-6on12 {
    height: 50%;
  }
  .lg-min-h-6on12 {
    min-height: 50%;
  }
  .lg-max-h-6on12 {
    max-height: 50%;
  }
  .lg-h-7on12 {
    height: 58.333333%;
  }
  .lg-min-h-7on12 {
    min-height: 58.333333%;
  }
  .lg-max-h-7on12 {
    max-height: 58.333333%;
  }
  .lg-h-8on12 {
    height: 66.666667%;
  }
  .lg-min-h-8on12 {
    min-height: 66.666667%;
  }
  .lg-max-h-8on12 {
    max-height: 66.666667%;
  }
  .lg-h-9on12 {
    height: 75%;
  }
  .lg-min-h-9on12 {
    min-height: 75%;
  }
  .lg-max-h-9on12 {
    max-height: 75%;
  }
  .lg-h-10on12 {
    height: 83.333333%;
  }
  .lg-min-h-10on12 {
    min-height: 83.333333%;
  }
  .lg-max-h-10on12 {
    max-height: 83.333333%;
  }
  .lg-h-11on12 {
    height: 91.666667%;
  }
  .lg-min-h-11on12 {
    min-height: 91.666667%;
  }
  .lg-max-h-11on12 {
    max-height: 91.666667%;
  }
  .lg-h-screen {
    height: 100vw;
  }
  .lg-min-h-screen {
    min-height: 100vw;
  }
  .lg-max-h-screen {
    max-height: 100vw;
  }
  .lg-h-full {
    height: 100%;
  }
  .lg-min-h-full {
    min-height: 100%;
  }
  .lg-max-h-full {
    max-height: 100%;
  }
  .lg-h-fit {
    height: fit-content;
  }
  .lg-min-h-fit {
    min-height: fit-content;
  }
  .lg-max-h-fit {
    max-height: fit-content;
  }
  .lg-h-min {
    height: min-content;
  }
  .lg-min-h-min {
    min-height: min-content;
  }
  .lg-max-h-min {
    max-height: min-content;
  }
  .lg-h-max {
    height: max-content;
  }
  .lg-min-h-max {
    min-height: max-content;
  }
  .lg-max-h-max {
    max-height: max-content;
  }
  .lg-m-0 {
    margin: 0;
  }
  .lg-mt-0,
  .lg-my-0 {
    margin-top: 0;
  }
  .lg-mr-0,
  .lg-mx-0 {
    margin-right: 0;
  }
  .lg-mb-0,
  .lg-my-0 {
    margin-bottom: 0;
  }
  .lg-ml-0,
  .lg-mx-0 {
    margin-left: 0;
  }
  .lg-mbls-0,
  .lg-mbl-0 {
    margin-block-start: 0;
  }
  .lg-mble-0,
  .lg-mbl-0 {
    margin-block-end: 0;
  }
  .lg-mins-0,
  .lg-min-0 {
    margin-inline-start: 0;
  }
  .lg-mine-0,
  .lg-min-0 {
    margin-inline-end: 0;
  }
  .lg-p-0 {
    padding: 0;
  }
  .lg-pt-0,
  .lg-py-0 {
    padding-top: 0;
  }
  .lg-pr-0,
  .lg-px-0 {
    padding-right: 0;
  }
  .lg-pb-0,
  .lg-py-0 {
    padding-bottom: 0;
  }
  .lg-pl-0,
  .lg-px-0 {
    padding-left: 0;
  }
  .lg-pbls-0,
  .lg-pbl-0 {
    padding-block-start: 0;
  }
  .lg-pble-0,
  .lg-pbl-0 {
    padding-block-end: 0;
  }
  .lg-pins-0,
  .lg-pin-0 {
    padding-inline-start: 0;
  }
  .lg-pine-0,
  .lg-pin-0 {
    padding-inline-end: 0;
  }
  .lg-m-1 {
    margin: 4px;
  }
  .lg-mt-1,
  .lg-my-1 {
    margin-top: 4px;
  }
  .lg-mr-1,
  .lg-mx-1 {
    margin-right: 4px;
  }
  .lg-mb-1,
  .lg-my-1 {
    margin-bottom: 4px;
  }
  .lg-ml-1,
  .lg-mx-1 {
    margin-left: 4px;
  }
  .lg-mbls-1,
  .lg-mbl-1 {
    margin-block-start: 4px;
  }
  .lg-mble-1,
  .lg-mbl-1 {
    margin-block-end: 4px;
  }
  .lg-mins-1,
  .lg-min-1 {
    margin-inline-start: 4px;
  }
  .lg-mine-1,
  .lg-min-1 {
    margin-inline-end: 4px;
  }
  .lg-p-1 {
    padding: 4px;
  }
  .lg-pt-1,
  .lg-py-1 {
    padding-top: 4px;
  }
  .lg-pr-1,
  .lg-px-1 {
    padding-right: 4px;
  }
  .lg-pb-1,
  .lg-py-1 {
    padding-bottom: 4px;
  }
  .lg-pl-1,
  .lg-px-1 {
    padding-left: 4px;
  }
  .lg-pbls-1,
  .lg-pbl-1 {
    padding-block-start: 4px;
  }
  .lg-pble-1,
  .lg-pbl-1 {
    padding-block-end: 4px;
  }
  .lg-pins-1,
  .lg-pin-1 {
    padding-inline-start: 4px;
  }
  .lg-pine-1,
  .lg-pin-1 {
    padding-inline-end: 4px;
  }
  .lg-m-2 {
    margin: 8px;
  }
  .lg-mt-2,
  .lg-my-2 {
    margin-top: 8px;
  }
  .lg-mr-2,
  .lg-mx-2 {
    margin-right: 8px;
  }
  .lg-mb-2,
  .lg-my-2 {
    margin-bottom: 8px;
  }
  .lg-ml-2,
  .lg-mx-2 {
    margin-left: 8px;
  }
  .lg-mbls-2,
  .lg-mbl-2 {
    margin-block-start: 8px;
  }
  .lg-mble-2,
  .lg-mbl-2 {
    margin-block-end: 8px;
  }
  .lg-mins-2,
  .lg-min-2 {
    margin-inline-start: 8px;
  }
  .lg-mine-2,
  .lg-min-2 {
    margin-inline-end: 8px;
  }
  .lg-p-2 {
    padding: 8px;
  }
  .lg-pt-2,
  .lg-py-2 {
    padding-top: 8px;
  }
  .lg-pr-2,
  .lg-px-2 {
    padding-right: 8px;
  }
  .lg-pb-2,
  .lg-py-2 {
    padding-bottom: 8px;
  }
  .lg-pl-2,
  .lg-px-2 {
    padding-left: 8px;
  }
  .lg-pbls-2,
  .lg-pbl-2 {
    padding-block-start: 8px;
  }
  .lg-pble-2,
  .lg-pbl-2 {
    padding-block-end: 8px;
  }
  .lg-pins-2,
  .lg-pin-2 {
    padding-inline-start: 8px;
  }
  .lg-pine-2,
  .lg-pin-2 {
    padding-inline-end: 8px;
  }
  .lg-m-3 {
    margin: 16px;
  }
  .lg-mt-3,
  .lg-my-3 {
    margin-top: 16px;
  }
  .lg-mr-3,
  .lg-mx-3 {
    margin-right: 16px;
  }
  .lg-mb-3,
  .lg-my-3 {
    margin-bottom: 16px;
  }
  .lg-ml-3,
  .lg-mx-3 {
    margin-left: 16px;
  }
  .lg-mbls-3,
  .lg-mbl-3 {
    margin-block-start: 16px;
  }
  .lg-mble-3,
  .lg-mbl-3 {
    margin-block-end: 16px;
  }
  .lg-mins-3,
  .lg-min-3 {
    margin-inline-start: 16px;
  }
  .lg-mine-3,
  .lg-min-3 {
    margin-inline-end: 16px;
  }
  .lg-p-3 {
    padding: 16px;
  }
  .lg-pt-3,
  .lg-py-3 {
    padding-top: 16px;
  }
  .lg-pr-3,
  .lg-px-3 {
    padding-right: 16px;
  }
  .lg-pb-3,
  .lg-py-3 {
    padding-bottom: 16px;
  }
  .lg-pl-3,
  .lg-px-3 {
    padding-left: 16px;
  }
  .lg-pbls-3,
  .lg-pbl-3 {
    padding-block-start: 16px;
  }
  .lg-pble-3,
  .lg-pbl-3 {
    padding-block-end: 16px;
  }
  .lg-pins-3,
  .lg-pin-3 {
    padding-inline-start: 16px;
  }
  .lg-pine-3,
  .lg-pin-3 {
    padding-inline-end: 16px;
  }
  .lg-m-4 {
    margin: 24px;
  }
  .lg-mt-4,
  .lg-my-4 {
    margin-top: 24px;
  }
  .lg-mr-4,
  .lg-mx-4 {
    margin-right: 24px;
  }
  .lg-mb-4,
  .lg-my-4 {
    margin-bottom: 24px;
  }
  .lg-ml-4,
  .lg-mx-4 {
    margin-left: 24px;
  }
  .lg-mbls-4,
  .lg-mbl-4 {
    margin-block-start: 24px;
  }
  .lg-mble-4,
  .lg-mbl-4 {
    margin-block-end: 24px;
  }
  .lg-mins-4,
  .lg-min-4 {
    margin-inline-start: 24px;
  }
  .lg-mine-4,
  .lg-min-4 {
    margin-inline-end: 24px;
  }
  .lg-p-4 {
    padding: 24px;
  }
  .lg-pt-4,
  .lg-py-4 {
    padding-top: 24px;
  }
  .lg-pr-4,
  .lg-px-4 {
    padding-right: 24px;
  }
  .lg-pb-4,
  .lg-py-4 {
    padding-bottom: 24px;
  }
  .lg-pl-4,
  .lg-px-4 {
    padding-left: 24px;
  }
  .lg-pbls-4,
  .lg-pbl-4 {
    padding-block-start: 24px;
  }
  .lg-pble-4,
  .lg-pbl-4 {
    padding-block-end: 24px;
  }
  .lg-pins-4,
  .lg-pin-4 {
    padding-inline-start: 24px;
  }
  .lg-pine-4,
  .lg-pin-4 {
    padding-inline-end: 24px;
  }
  .lg-m-5 {
    margin: 32px;
  }
  .lg-mt-5,
  .lg-my-5 {
    margin-top: 32px;
  }
  .lg-mr-5,
  .lg-mx-5 {
    margin-right: 32px;
  }
  .lg-mb-5,
  .lg-my-5 {
    margin-bottom: 32px;
  }
  .lg-ml-5,
  .lg-mx-5 {
    margin-left: 32px;
  }
  .lg-mbls-5,
  .lg-mbl-5 {
    margin-block-start: 32px;
  }
  .lg-mble-5,
  .lg-mbl-5 {
    margin-block-end: 32px;
  }
  .lg-mins-5,
  .lg-min-5 {
    margin-inline-start: 32px;
  }
  .lg-mine-5,
  .lg-min-5 {
    margin-inline-end: 32px;
  }
  .lg-p-5 {
    padding: 32px;
  }
  .lg-pt-5,
  .lg-py-5 {
    padding-top: 32px;
  }
  .lg-pr-5,
  .lg-px-5 {
    padding-right: 32px;
  }
  .lg-pb-5,
  .lg-py-5 {
    padding-bottom: 32px;
  }
  .lg-pl-5,
  .lg-px-5 {
    padding-left: 32px;
  }
  .lg-pbls-5,
  .lg-pbl-5 {
    padding-block-start: 32px;
  }
  .lg-pble-5,
  .lg-pbl-5 {
    padding-block-end: 32px;
  }
  .lg-pins-5,
  .lg-pin-5 {
    padding-inline-start: 32px;
  }
  .lg-pine-5,
  .lg-pin-5 {
    padding-inline-end: 32px;
  }
  .lg-m-6 {
    margin: 40px;
  }
  .lg-mt-6,
  .lg-my-6 {
    margin-top: 40px;
  }
  .lg-mr-6,
  .lg-mx-6 {
    margin-right: 40px;
  }
  .lg-mb-6,
  .lg-my-6 {
    margin-bottom: 40px;
  }
  .lg-ml-6,
  .lg-mx-6 {
    margin-left: 40px;
  }
  .lg-mbls-6,
  .lg-mbl-6 {
    margin-block-start: 40px;
  }
  .lg-mble-6,
  .lg-mbl-6 {
    margin-block-end: 40px;
  }
  .lg-mins-6,
  .lg-min-6 {
    margin-inline-start: 40px;
  }
  .lg-mine-6,
  .lg-min-6 {
    margin-inline-end: 40px;
  }
  .lg-p-6 {
    padding: 40px;
  }
  .lg-pt-6,
  .lg-py-6 {
    padding-top: 40px;
  }
  .lg-pr-6,
  .lg-px-6 {
    padding-right: 40px;
  }
  .lg-pb-6,
  .lg-py-6 {
    padding-bottom: 40px;
  }
  .lg-pl-6,
  .lg-px-6 {
    padding-left: 40px;
  }
  .lg-pbls-6,
  .lg-pbl-6 {
    padding-block-start: 40px;
  }
  .lg-pble-6,
  .lg-pbl-6 {
    padding-block-end: 40px;
  }
  .lg-pins-6,
  .lg-pin-6 {
    padding-inline-start: 40px;
  }
  .lg-pine-6,
  .lg-pin-6 {
    padding-inline-end: 40px;
  }
  .lg-m-7 {
    margin: 48px;
  }
  .lg-mt-7,
  .lg-my-7 {
    margin-top: 48px;
  }
  .lg-mr-7,
  .lg-mx-7 {
    margin-right: 48px;
  }
  .lg-mb-7,
  .lg-my-7 {
    margin-bottom: 48px;
  }
  .lg-ml-7,
  .lg-mx-7 {
    margin-left: 48px;
  }
  .lg-mbls-7,
  .lg-mbl-7 {
    margin-block-start: 48px;
  }
  .lg-mble-7,
  .lg-mbl-7 {
    margin-block-end: 48px;
  }
  .lg-mins-7,
  .lg-min-7 {
    margin-inline-start: 48px;
  }
  .lg-mine-7,
  .lg-min-7 {
    margin-inline-end: 48px;
  }
  .lg-p-7 {
    padding: 48px;
  }
  .lg-pt-7,
  .lg-py-7 {
    padding-top: 48px;
  }
  .lg-pr-7,
  .lg-px-7 {
    padding-right: 48px;
  }
  .lg-pb-7,
  .lg-py-7 {
    padding-bottom: 48px;
  }
  .lg-pl-7,
  .lg-px-7 {
    padding-left: 48px;
  }
  .lg-pbls-7,
  .lg-pbl-7 {
    padding-block-start: 48px;
  }
  .lg-pble-7,
  .lg-pbl-7 {
    padding-block-end: 48px;
  }
  .lg-pins-7,
  .lg-pin-7 {
    padding-inline-start: 48px;
  }
  .lg-pine-7,
  .lg-pin-7 {
    padding-inline-end: 48px;
  }
  .lg-m-8 {
    margin: 56px;
  }
  .lg-mt-8,
  .lg-my-8 {
    margin-top: 56px;
  }
  .lg-mr-8,
  .lg-mx-8 {
    margin-right: 56px;
  }
  .lg-mb-8,
  .lg-my-8 {
    margin-bottom: 56px;
  }
  .lg-ml-8,
  .lg-mx-8 {
    margin-left: 56px;
  }
  .lg-mbls-8,
  .lg-mbl-8 {
    margin-block-start: 56px;
  }
  .lg-mble-8,
  .lg-mbl-8 {
    margin-block-end: 56px;
  }
  .lg-mins-8,
  .lg-min-8 {
    margin-inline-start: 56px;
  }
  .lg-mine-8,
  .lg-min-8 {
    margin-inline-end: 56px;
  }
  .lg-p-8 {
    padding: 56px;
  }
  .lg-pt-8,
  .lg-py-8 {
    padding-top: 56px;
  }
  .lg-pr-8,
  .lg-px-8 {
    padding-right: 56px;
  }
  .lg-pb-8,
  .lg-py-8 {
    padding-bottom: 56px;
  }
  .lg-pl-8,
  .lg-px-8 {
    padding-left: 56px;
  }
  .lg-pbls-8,
  .lg-pbl-8 {
    padding-block-start: 56px;
  }
  .lg-pble-8,
  .lg-pbl-8 {
    padding-block-end: 56px;
  }
  .lg-pins-8,
  .lg-pin-8 {
    padding-inline-start: 56px;
  }
  .lg-pine-8,
  .lg-pin-8 {
    padding-inline-end: 56px;
  }
  .lg-m-9 {
    margin: 64px;
  }
  .lg-mt-9,
  .lg-my-9 {
    margin-top: 64px;
  }
  .lg-mr-9,
  .lg-mx-9 {
    margin-right: 64px;
  }
  .lg-mb-9,
  .lg-my-9 {
    margin-bottom: 64px;
  }
  .lg-ml-9,
  .lg-mx-9 {
    margin-left: 64px;
  }
  .lg-mbls-9,
  .lg-mbl-9 {
    margin-block-start: 64px;
  }
  .lg-mble-9,
  .lg-mbl-9 {
    margin-block-end: 64px;
  }
  .lg-mins-9,
  .lg-min-9 {
    margin-inline-start: 64px;
  }
  .lg-mine-9,
  .lg-min-9 {
    margin-inline-end: 64px;
  }
  .lg-p-9 {
    padding: 64px;
  }
  .lg-pt-9,
  .lg-py-9 {
    padding-top: 64px;
  }
  .lg-pr-9,
  .lg-px-9 {
    padding-right: 64px;
  }
  .lg-pb-9,
  .lg-py-9 {
    padding-bottom: 64px;
  }
  .lg-pl-9,
  .lg-px-9 {
    padding-left: 64px;
  }
  .lg-pbls-9,
  .lg-pbl-9 {
    padding-block-start: 64px;
  }
  .lg-pble-9,
  .lg-pbl-9 {
    padding-block-end: 64px;
  }
  .lg-pins-9,
  .lg-pin-9 {
    padding-inline-start: 64px;
  }
  .lg-pine-9,
  .lg-pin-9 {
    padding-inline-end: 64px;
  }
  .lg-m-10 {
    margin: 72px;
  }
  .lg-mt-10,
  .lg-my-10 {
    margin-top: 72px;
  }
  .lg-mr-10,
  .lg-mx-10 {
    margin-right: 72px;
  }
  .lg-mb-10,
  .lg-my-10 {
    margin-bottom: 72px;
  }
  .lg-ml-10,
  .lg-mx-10 {
    margin-left: 72px;
  }
  .lg-mbls-10,
  .lg-mbl-10 {
    margin-block-start: 72px;
  }
  .lg-mble-10,
  .lg-mbl-10 {
    margin-block-end: 72px;
  }
  .lg-mins-10,
  .lg-min-10 {
    margin-inline-start: 72px;
  }
  .lg-mine-10,
  .lg-min-10 {
    margin-inline-end: 72px;
  }
  .lg-p-10 {
    padding: 72px;
  }
  .lg-pt-10,
  .lg-py-10 {
    padding-top: 72px;
  }
  .lg-pr-10,
  .lg-px-10 {
    padding-right: 72px;
  }
  .lg-pb-10,
  .lg-py-10 {
    padding-bottom: 72px;
  }
  .lg-pl-10,
  .lg-px-10 {
    padding-left: 72px;
  }
  .lg-pbls-10,
  .lg-pbl-10 {
    padding-block-start: 72px;
  }
  .lg-pble-10,
  .lg-pbl-10 {
    padding-block-end: 72px;
  }
  .lg-pins-10,
  .lg-pin-10 {
    padding-inline-start: 72px;
  }
  .lg-pine-10,
  .lg-pin-10 {
    padding-inline-end: 72px;
  }
  .lg-m-11 {
    margin: 80px;
  }
  .lg-mt-11,
  .lg-my-11 {
    margin-top: 80px;
  }
  .lg-mr-11,
  .lg-mx-11 {
    margin-right: 80px;
  }
  .lg-mb-11,
  .lg-my-11 {
    margin-bottom: 80px;
  }
  .lg-ml-11,
  .lg-mx-11 {
    margin-left: 80px;
  }
  .lg-mbls-11,
  .lg-mbl-11 {
    margin-block-start: 80px;
  }
  .lg-mble-11,
  .lg-mbl-11 {
    margin-block-end: 80px;
  }
  .lg-mins-11,
  .lg-min-11 {
    margin-inline-start: 80px;
  }
  .lg-mine-11,
  .lg-min-11 {
    margin-inline-end: 80px;
  }
  .lg-p-11 {
    padding: 80px;
  }
  .lg-pt-11,
  .lg-py-11 {
    padding-top: 80px;
  }
  .lg-pr-11,
  .lg-px-11 {
    padding-right: 80px;
  }
  .lg-pb-11,
  .lg-py-11 {
    padding-bottom: 80px;
  }
  .lg-pl-11,
  .lg-px-11 {
    padding-left: 80px;
  }
  .lg-pbls-11,
  .lg-pbl-11 {
    padding-block-start: 80px;
  }
  .lg-pble-11,
  .lg-pbl-11 {
    padding-block-end: 80px;
  }
  .lg-pins-11,
  .lg-pin-11 {
    padding-inline-start: 80px;
  }
  .lg-pine-11,
  .lg-pin-11 {
    padding-inline-end: 80px;
  }
  .lg-m-12 {
    margin: 88px;
  }
  .lg-mt-12,
  .lg-my-12 {
    margin-top: 88px;
  }
  .lg-mr-12,
  .lg-mx-12 {
    margin-right: 88px;
  }
  .lg-mb-12,
  .lg-my-12 {
    margin-bottom: 88px;
  }
  .lg-ml-12,
  .lg-mx-12 {
    margin-left: 88px;
  }
  .lg-mbls-12,
  .lg-mbl-12 {
    margin-block-start: 88px;
  }
  .lg-mble-12,
  .lg-mbl-12 {
    margin-block-end: 88px;
  }
  .lg-mins-12,
  .lg-min-12 {
    margin-inline-start: 88px;
  }
  .lg-mine-12,
  .lg-min-12 {
    margin-inline-end: 88px;
  }
  .lg-p-12 {
    padding: 88px;
  }
  .lg-pt-12,
  .lg-py-12 {
    padding-top: 88px;
  }
  .lg-pr-12,
  .lg-px-12 {
    padding-right: 88px;
  }
  .lg-pb-12,
  .lg-py-12 {
    padding-bottom: 88px;
  }
  .lg-pl-12,
  .lg-px-12 {
    padding-left: 88px;
  }
  .lg-pbls-12,
  .lg-pbl-12 {
    padding-block-start: 88px;
  }
  .lg-pble-12,
  .lg-pbl-12 {
    padding-block-end: 88px;
  }
  .lg-pins-12,
  .lg-pin-12 {
    padding-inline-start: 88px;
  }
  .lg-pine-12,
  .lg-pin-12 {
    padding-inline-end: 88px;
  }
  .lg-m-13 {
    margin: 96px;
  }
  .lg-mt-13,
  .lg-my-13 {
    margin-top: 96px;
  }
  .lg-mr-13,
  .lg-mx-13 {
    margin-right: 96px;
  }
  .lg-mb-13,
  .lg-my-13 {
    margin-bottom: 96px;
  }
  .lg-ml-13,
  .lg-mx-13 {
    margin-left: 96px;
  }
  .lg-mbls-13,
  .lg-mbl-13 {
    margin-block-start: 96px;
  }
  .lg-mble-13,
  .lg-mbl-13 {
    margin-block-end: 96px;
  }
  .lg-mins-13,
  .lg-min-13 {
    margin-inline-start: 96px;
  }
  .lg-mine-13,
  .lg-min-13 {
    margin-inline-end: 96px;
  }
  .lg-p-13 {
    padding: 96px;
  }
  .lg-pt-13,
  .lg-py-13 {
    padding-top: 96px;
  }
  .lg-pr-13,
  .lg-px-13 {
    padding-right: 96px;
  }
  .lg-pb-13,
  .lg-py-13 {
    padding-bottom: 96px;
  }
  .lg-pl-13,
  .lg-px-13 {
    padding-left: 96px;
  }
  .lg-pbls-13,
  .lg-pbl-13 {
    padding-block-start: 96px;
  }
  .lg-pble-13,
  .lg-pbl-13 {
    padding-block-end: 96px;
  }
  .lg-pins-13,
  .lg-pin-13 {
    padding-inline-start: 96px;
  }
  .lg-pine-13,
  .lg-pin-13 {
    padding-inline-end: 96px;
  }
  .lg-m-14 {
    margin: 104px;
  }
  .lg-mt-14,
  .lg-my-14 {
    margin-top: 104px;
  }
  .lg-mr-14,
  .lg-mx-14 {
    margin-right: 104px;
  }
  .lg-mb-14,
  .lg-my-14 {
    margin-bottom: 104px;
  }
  .lg-ml-14,
  .lg-mx-14 {
    margin-left: 104px;
  }
  .lg-mbls-14,
  .lg-mbl-14 {
    margin-block-start: 104px;
  }
  .lg-mble-14,
  .lg-mbl-14 {
    margin-block-end: 104px;
  }
  .lg-mins-14,
  .lg-min-14 {
    margin-inline-start: 104px;
  }
  .lg-mine-14,
  .lg-min-14 {
    margin-inline-end: 104px;
  }
  .lg-p-14 {
    padding: 104px;
  }
  .lg-pt-14,
  .lg-py-14 {
    padding-top: 104px;
  }
  .lg-pr-14,
  .lg-px-14 {
    padding-right: 104px;
  }
  .lg-pb-14,
  .lg-py-14 {
    padding-bottom: 104px;
  }
  .lg-pl-14,
  .lg-px-14 {
    padding-left: 104px;
  }
  .lg-pbls-14,
  .lg-pbl-14 {
    padding-block-start: 104px;
  }
  .lg-pble-14,
  .lg-pbl-14 {
    padding-block-end: 104px;
  }
  .lg-pins-14,
  .lg-pin-14 {
    padding-inline-start: 104px;
  }
  .lg-pine-14,
  .lg-pin-14 {
    padding-inline-end: 104px;
  }
  .lg-m-15 {
    margin: 112px;
  }
  .lg-mt-15,
  .lg-my-15 {
    margin-top: 112px;
  }
  .lg-mr-15,
  .lg-mx-15 {
    margin-right: 112px;
  }
  .lg-mb-15,
  .lg-my-15 {
    margin-bottom: 112px;
  }
  .lg-ml-15,
  .lg-mx-15 {
    margin-left: 112px;
  }
  .lg-mbls-15,
  .lg-mbl-15 {
    margin-block-start: 112px;
  }
  .lg-mble-15,
  .lg-mbl-15 {
    margin-block-end: 112px;
  }
  .lg-mins-15,
  .lg-min-15 {
    margin-inline-start: 112px;
  }
  .lg-mine-15,
  .lg-min-15 {
    margin-inline-end: 112px;
  }
  .lg-p-15 {
    padding: 112px;
  }
  .lg-pt-15,
  .lg-py-15 {
    padding-top: 112px;
  }
  .lg-pr-15,
  .lg-px-15 {
    padding-right: 112px;
  }
  .lg-pb-15,
  .lg-py-15 {
    padding-bottom: 112px;
  }
  .lg-pl-15,
  .lg-px-15 {
    padding-left: 112px;
  }
  .lg-pbls-15,
  .lg-pbl-15 {
    padding-block-start: 112px;
  }
  .lg-pble-15,
  .lg-pbl-15 {
    padding-block-end: 112px;
  }
  .lg-pins-15,
  .lg-pin-15 {
    padding-inline-start: 112px;
  }
  .lg-pine-15,
  .lg-pin-15 {
    padding-inline-end: 112px;
  }
  .lg-m-16 {
    margin: 120px;
  }
  .lg-mt-16,
  .lg-my-16 {
    margin-top: 120px;
  }
  .lg-mr-16,
  .lg-mx-16 {
    margin-right: 120px;
  }
  .lg-mb-16,
  .lg-my-16 {
    margin-bottom: 120px;
  }
  .lg-ml-16,
  .lg-mx-16 {
    margin-left: 120px;
  }
  .lg-mbls-16,
  .lg-mbl-16 {
    margin-block-start: 120px;
  }
  .lg-mble-16,
  .lg-mbl-16 {
    margin-block-end: 120px;
  }
  .lg-mins-16,
  .lg-min-16 {
    margin-inline-start: 120px;
  }
  .lg-mine-16,
  .lg-min-16 {
    margin-inline-end: 120px;
  }
  .lg-p-16 {
    padding: 120px;
  }
  .lg-pt-16,
  .lg-py-16 {
    padding-top: 120px;
  }
  .lg-pr-16,
  .lg-px-16 {
    padding-right: 120px;
  }
  .lg-pb-16,
  .lg-py-16 {
    padding-bottom: 120px;
  }
  .lg-pl-16,
  .lg-px-16 {
    padding-left: 120px;
  }
  .lg-pbls-16,
  .lg-pbl-16 {
    padding-block-start: 120px;
  }
  .lg-pble-16,
  .lg-pbl-16 {
    padding-block-end: 120px;
  }
  .lg-pins-16,
  .lg-pin-16 {
    padding-inline-start: 120px;
  }
  .lg-pine-16,
  .lg-pin-16 {
    padding-inline-end: 120px;
  }
  .lg-m-17 {
    margin: 128px;
  }
  .lg-mt-17,
  .lg-my-17 {
    margin-top: 128px;
  }
  .lg-mr-17,
  .lg-mx-17 {
    margin-right: 128px;
  }
  .lg-mb-17,
  .lg-my-17 {
    margin-bottom: 128px;
  }
  .lg-ml-17,
  .lg-mx-17 {
    margin-left: 128px;
  }
  .lg-mbls-17,
  .lg-mbl-17 {
    margin-block-start: 128px;
  }
  .lg-mble-17,
  .lg-mbl-17 {
    margin-block-end: 128px;
  }
  .lg-mins-17,
  .lg-min-17 {
    margin-inline-start: 128px;
  }
  .lg-mine-17,
  .lg-min-17 {
    margin-inline-end: 128px;
  }
  .lg-p-17 {
    padding: 128px;
  }
  .lg-pt-17,
  .lg-py-17 {
    padding-top: 128px;
  }
  .lg-pr-17,
  .lg-px-17 {
    padding-right: 128px;
  }
  .lg-pb-17,
  .lg-py-17 {
    padding-bottom: 128px;
  }
  .lg-pl-17,
  .lg-px-17 {
    padding-left: 128px;
  }
  .lg-pbls-17,
  .lg-pbl-17 {
    padding-block-start: 128px;
  }
  .lg-pble-17,
  .lg-pbl-17 {
    padding-block-end: 128px;
  }
  .lg-pins-17,
  .lg-pin-17 {
    padding-inline-start: 128px;
  }
  .lg-pine-17,
  .lg-pin-17 {
    padding-inline-end: 128px;
  }
  .lg-gap-0 {
    gap: 0px;
  }
  .lg-gap-x-0 {
    column-gap: 0px;
  }
  .lg-gap-y-0 {
    row-gap: 0px;
  }
  .lg-gap-0-5 {
    gap: 0.125rem;
  }
  .lg-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .lg-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .lg-gap-1 {
    gap: 0.25rem;
  }
  .lg-gap-x-1 {
    column-gap: 0.25rem;
  }
  .lg-gap-y-1 {
    row-gap: 0.25rem;
  }
  .lg-gap-1-5 {
    gap: 0.375rem;
  }
  .lg-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .lg-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .lg-gap-2 {
    gap: 0.5rem;
  }
  .lg-gap-x-2 {
    column-gap: 0.5rem;
  }
  .lg-gap-y-2 {
    row-gap: 0.5rem;
  }
  .lg-gap-2-5 {
    gap: 0.625rem;
  }
  .lg-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .lg-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .lg-gap-3 {
    gap: 0.75rem;
  }
  .lg-gap-x-3 {
    column-gap: 0.75rem;
  }
  .lg-gap-y-3 {
    row-gap: 0.75rem;
  }
  .lg-gap-3-5 {
    gap: 0.875rem;
  }
  .lg-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .lg-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .lg-gap-4 {
    gap: 1rem;
  }
  .lg-gap-x-4 {
    column-gap: 1rem;
  }
  .lg-gap-y-4 {
    row-gap: 1rem;
  }
  .lg-gap-5 {
    gap: 1.25rem;
  }
  .lg-gap-x-5 {
    column-gap: 1.25rem;
  }
  .lg-gap-y-5 {
    row-gap: 1.25rem;
  }
  .lg-gap-6 {
    gap: 1.5rem;
  }
  .lg-gap-x-6 {
    column-gap: 1.5rem;
  }
  .lg-gap-y-6 {
    row-gap: 1.5rem;
  }
  .lg-gap-7 {
    gap: 1.75rem;
  }
  .lg-gap-x-7 {
    column-gap: 1.75rem;
  }
  .lg-gap-y-7 {
    row-gap: 1.75rem;
  }
  .lg-gap-8 {
    gap: 2rem;
  }
  .lg-gap-x-8 {
    column-gap: 2rem;
  }
  .lg-gap-y-8 {
    row-gap: 2rem;
  }
  .lg-gap-9 {
    gap: 2.25rem;
  }
  .lg-gap-x-9 {
    column-gap: 2.25rem;
  }
  .lg-gap-y-9 {
    row-gap: 2.25rem;
  }
  .lg-gap-10 {
    gap: 2.5rem;
  }
  .lg-gap-x-10 {
    column-gap: 2.5rem;
  }
  .lg-gap-y-10 {
    row-gap: 2.5rem;
  }
  .lg-gap-11 {
    gap: 2.75rem;
  }
  .lg-gap-x-11 {
    column-gap: 2.75rem;
  }
  .lg-gap-y-11 {
    row-gap: 2.75rem;
  }
  .lg-gap-12 {
    gap: 3rem;
  }
  .lg-gap-x-12 {
    column-gap: 3rem;
  }
  .lg-gap-y-12 {
    row-gap: 3rem;
  }
  .lg-gap-14 {
    gap: 3.5rem;
  }
  .lg-gap-x-14 {
    column-gap: 3.5rem;
  }
  .lg-gap-y-14 {
    row-gap: 3.5rem;
  }
  .lg-gap-16 {
    gap: 4rem;
  }
  .lg-gap-x-16 {
    column-gap: 4rem;
  }
  .lg-gap-y-16 {
    row-gap: 4rem;
  }
  .lg-gap-20 {
    gap: 5rem;
  }
  .lg-gap-x-20 {
    column-gap: 5rem;
  }
  .lg-gap-y-20 {
    row-gap: 5rem;
  }
  .lg-gap-24 {
    gap: 6rem;
  }
  .lg-gap-x-24 {
    column-gap: 6rem;
  }
  .lg-gap-y-24 {
    row-gap: 6rem;
  }
  .lg-gap-28 {
    gap: 7rem;
  }
  .lg-gap-x-28 {
    column-gap: 7rem;
  }
  .lg-gap-y-28 {
    row-gap: 7rem;
  }
  .lg-gap-32 {
    gap: 8rem;
  }
  .lg-gap-x-32 {
    column-gap: 8rem;
  }
  .lg-gap-y-32 {
    row-gap: 8rem;
  }
  .lg-gap-36 {
    gap: 9rem;
  }
  .lg-gap-x-36 {
    column-gap: 9rem;
  }
  .lg-gap-y-36 {
    row-gap: 9rem;
  }
  .lg-gap-40 {
    gap: 10rem;
  }
  .lg-gap-x-40 {
    column-gap: 10rem;
  }
  .lg-gap-y-40 {
    row-gap: 10rem;
  }
  .lg-gap-44 {
    gap: 11rem;
  }
  .lg-gap-x-44 {
    column-gap: 11rem;
  }
  .lg-gap-y-44 {
    row-gap: 11rem;
  }
  .lg-gap-48 {
    gap: 12rem;
  }
  .lg-gap-x-48 {
    column-gap: 12rem;
  }
  .lg-gap-y-48 {
    row-gap: 12rem;
  }
  .lg-gap-52 {
    gap: 13rem;
  }
  .lg-gap-x-52 {
    column-gap: 13rem;
  }
  .lg-gap-y-52 {
    row-gap: 13rem;
  }
  .lg-gap-56 {
    gap: 13rem;
  }
  .lg-gap-x-56 {
    column-gap: 13rem;
  }
  .lg-gap-y-56 {
    row-gap: 13rem;
  }
  .lg-gap-60 {
    gap: 15rem;
  }
  .lg-gap-x-60 {
    column-gap: 15rem;
  }
  .lg-gap-y-60 {
    row-gap: 15rem;
  }
  .lg-gap-64 {
    gap: 16rem;
  }
  .lg-gap-x-64 {
    column-gap: 16rem;
  }
  .lg-gap-y-64 {
    row-gap: 16rem;
  }
  .lg-gap-72 {
    gap: 18rem;
  }
  .lg-gap-x-72 {
    column-gap: 18rem;
  }
  .lg-gap-y-72 {
    row-gap: 18rem;
  }
  .lg-gap-80 {
    gap: 20rem;
  }
  .lg-gap-x-80 {
    column-gap: 20rem;
  }
  .lg-gap-y-80 {
    row-gap: 20rem;
  }
  .lg-gap-96 {
    gap: 24rem;
  }
  .lg-gap-x-96 {
    column-gap: 24rem;
  }
  .lg-gap-y-96 {
    row-gap: 24rem;
  }
  .lg-flex {
    display: flex;
  }
  .lg-block {
    display: block;
  }
  .lg-grid {
    display: grid;
  }
  .lg-table {
    display: table;
  }
  .lg-table-row {
    display: table-row;
  }
  .lg-table-row-group {
    display: table-row-group;
  }
  .lg-inline-table {
    display: inline-table;
  }
  .lg-inline-block {
    display: inline-block;
  }
  .lg-inline {
    display: inline-flex;
  }
  .lg-hidden {
    display: none;
  }
  .lg-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .lg-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .lg-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .lg-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .lg-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .lg-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .lg-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .lg-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .lg-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .lg-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .lg-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .lg-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .lg-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .lg-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .lg-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .lg-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .lg-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .lg-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .lg-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .lg-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .lg-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .lg-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .lg-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .lg-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .lg-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .lg-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .lg-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .lg-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .lg-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .lg-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .lg-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .lg-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .lg-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .lg-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .lg-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .lg-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .lg-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .lg-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .lg-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .lg-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .lg-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .lg-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .lg-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .lg-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .lg-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .lg-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .lg-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .lg-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .lg-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .lg-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .lg-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .lg-text-ellipsis {
    text-overflow: ellipsis;
  }
  .lg-text-clip {
    text-overflow: clip;;
  }
  .lg-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .lg-overflow-hidden {
    overflow: hidden;
  }
  .lg-text-left {
    text-align: left;
  }
  .lg-text-center {
    text-align: center;
  }
  .lg-text-right {
    text-align: right;
  }
  .lg-text-justify {
    text-align: justify;
  }
  .lg-text-start {
    text-align: start;
  }
  .lg-text-end {
    text-align: end;
  }
  .lg-underline {
    text-decoration: underline;
  }
  .lg-overline {
    text-decoration: overline;
  }
  .lg-line-through {
    text-decoration: line-through;
  }
  .lg-no-underline {
    text-decoration: none;
  }
  .lg-uppercase {
    text-transform: uppercase;
  }
  .lg-lowercase {
    text-transform: lowercase;
  }
  .lg-capitalize {
    text-transform: capitalize;
  }
  .lg-normal-case {
    text-transform: none;
  }
  .lg-align-baseline {
    vertical-align: baseline;
  }
  .lg-align-top {
    vertical-align: top;
  }
  .lg-align-middle {
    vertical-align: middle;
  }
  .lg-align-bottom {
    vertical-align: bottom;
  }
  .lg-align-text-top {
    vertical-align: text-top;
  }
  .lg-align-text-bottom {
    vertical-align: text-bottom;
  }
  .lg-align-sub {
    vertical-align: sub;
  }
  .lg-align-super {
    vertical-align: super;
  }
  .lg-whitespace-normal {
    white-space: normal;
  }
  .lg-whitespace-nowrap {
    white-space: nowrap;
  }
  .lg-whitespace-pre {
    white-space: pre;
  }
  .lg-whitespace-pre-line {
    white-space: pre-line;
  }
  .lg-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .lg-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .lg-break-all {
    word-break: break-all;
  }
  .lg-break-keep {
    word-break: keep-all;
  }
  .lg-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .lg-break-words {
    overflow-wrap: break-word;
  }
  .lg-hyphens-none {
    hyphens: none;
  }
  .lg-hyphens-manual {
    hyphens: manual;
  }
  .lg-hyphens-auto {
    hyphens: auto;
  }
  .lg-indent-0 {
    text-indent: 0px;
  }
  .lg-indent-px {
    text-indent: 1px;
  }
  .lg-indent-0-5 {
    text-indent: 0.125rem;
  }
  .lg-indent-1 {
    text-indent: 0.25rem;
  }
  .lg-indent-1-5 {
    text-indent: 0.375rem;
  }
  .lg-indent-2 {
    text-indent: 0.5rem;
  }
  .lg-indent-2-5 {
    text-indent: 0.625rem;
  }
  .lg-indent-3 {
    text-indent: 0.75rem;
  }
  .lg-indent-3-5 {
    text-indent: 0.875rem;
  }
  .lg-indent-4 {
    text-indent: 1rem;
  }
  .lg-indent-5 {
    text-indent: 1.25rem;
  }
  .lg-indent-6 {
    text-indent: 1.5rem;
  }
  .lg-indent-7 {
    text-indent: 1.75rem;
  }
  .lg-indent-8 {
    text-indent: 2rem;
  }
  .lg-indent-9 {
    text-indent: 2.25rem;
  }
  .lg-indent-10 {
    text-indent: 2.5rem;
  }
  .lg-indent-11 {
    text-indent: 2.75rem;
  }
  .lg-indent-12 {
    text-indent:  3rem;
  }
  .lg-indent-14 {
    text-indent: 3.5rem;
  }
  .lg-indent-16 {
    text-indent: 4rem;
  }
  .lg-indent-20 {
    text-indent: 5rem;
  }
  .lg-indent-24 {
    text-indent: 6rem;
  }
  .lg-indent-28 {
    text-indent: 7rem;
  }
  .lg-indent-32 {
    text-indent: 8rem;
  }
  .lg-indent-36 {
    text-indent: 9rem;
  }
  .lg-indent-40 {
    text-indent: 10rem;
  }
  .lg-indent-44 {
    text-indent: 11rem;
  }
  .lg-indent-48 {
    text-indent: 12rem;
  }
  .lg-indent-52 {
    text-indent: 13rem;
  }
  .lg-indent-56 {
    text-indent: 14rem;
  }
  .lg-indent-60 {
    text-indent: 15rem;
  }
  .lg-indent-64 {
    text-indent: 16rem;
  }
  .lg-indent-72 {
    text-indent: 18rem;
  }
  .lg-indent-80 {
    text-indent: 20rem;
  }
  .lg-indent-96 {
    text-indent: 24rem;
  }
  .lg-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .lg-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .lg-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .lg-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .lg-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .lg-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .lg-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .lg-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 1279px) {
  .md-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .md-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .md-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .md-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .md-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .md-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .md-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .md-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .md-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .md-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .md-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .md-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .md-col-span-0 {
    grid-column: span 0/span 0;
  }
  .md-col-span-1 {
    grid-column: span 1/span 1;
  }
  .md-col-span-2 {
    grid-column: span 2/span 2;
  }
  .md-col-span-3 {
    grid-column: span 3/span 3;
  }
  .md-col-span-4 {
    grid-column: span 4/span 4;
  }
  .md-col-span-5 {
    grid-column: span 5/span 5;
  }
  .md-col-span-6 {
    grid-column: span 6/span 6;
  }
  .md-col-span-7 {
    grid-column: span 7/span 7;
  }
  .md-col-span-8 {
    grid-column: span 8/span 8;
  }
  .md-col-span-9 {
    grid-column: span 9/span 9;
  }
  .md-col-span-10 {
    grid-column: span 10/span 10;
  }
  .md-col-span-11 {
    grid-column: span 11/span 11;
  }
  .md-col-span-12 {
    grid-column: span 12/span 12;
  }
  .md-col-auto {
    grid-column: auto;
  }
  .md-row-span-0 {
    grid-row: span 0/span 0;
  }
  .md-row-span-1 {
    grid-row: span 1/span 1;
  }
  .md-row-span-2 {
    grid-row: span 2/span 2;
  }
  .md-row-span-3 {
    grid-row: span 3/span 3;
  }
  .md-row-span-4 {
    grid-row: span 4/span 4;
  }
  .md-row-span-5 {
    grid-row: span 5/span 5;
  }
  .md-row-span-6 {
    grid-row: span 6/span 6;
  }
  .md-row-span-7 {
    grid-row: span 7/span 7;
  }
  .md-row-span-8 {
    grid-row: span 8/span 8;
  }
  .md-row-span-9 {
    grid-row: span 9/span 9;
  }
  .md-row-span-10 {
    grid-row: span 10/span 10;
  }
  .md-row-span-11 {
    grid-row: span 11/span 11;
  }
  .md-row-span-12 {
    grid-row: span 12/span 12;
  }
  .md-row-auto {
    grid-row: auto;
  }
  .md-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .md-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .md-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .md-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .md-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .md-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .md-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .md-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .md-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .md-flex-wrap {
    flex-wrap: wrap;
  }
  .md-flex-nowrap {
    flex-wrap: nowrap;
  }
  .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .md-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .md-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .md-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .md-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .md-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .md-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .md-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .md-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .md-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .md-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .md-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .md-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .md-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .md-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .md-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .md-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .md-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .md-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .md-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .md-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .md-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .md-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .md-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .md-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .md-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .md-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .md-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .md-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .md-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .md-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .md-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .md-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .md-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .md-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .md-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .md-basis-0 {
    flex-basis: 0px;
  }
  .md-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .md-basis-1 {
    flex-basis: 0.25rem;
  }
  .md-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .md-basis-2 {
    flex-basis: 0.5rem;
  }
  .md-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .md-basis-3 {
    flex-basis: 0.75rem;
  }
  .md-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .md-basis-4 {
    flex-basis: 1rem;
  }
  .md-basis-5 {
    flex-basis: 1.25rem;
  }
  .md-basis-6 {
    flex-basis: 1.5rem;
  }
  .md-basis-7 {
    flex-basis: 1.75rem;
  }
  .md-basis-8 {
    flex-basis: 2rem;
  }
  .md-basis-9 {
    flex-basis: 2.25rem;
  }
  .md-basis-10 {
    flex-basis: 2.5rem;
  }
  .md-basis-11 {
    flex-basis: 2.75rem;
  }
  .md-basis-12 {
    flex-basis: 3rem;
  }
  .md-basis-14 {
    flex-basis: 3.5rem;
  }
  .md-basis-16 {
    flex-basis: 4rem;
  }
  .md-basis-20 {
    flex-basis: 5rem;
  }
  .md-basis-24 {
    flex-basis: 6rem;
  }
  .md-basis-28 {
    flex-basis: 7rem;
  }
  .md-basis-32 {
    flex-basis: 8rem;
  }
  .md-basis-36 {
    flex-basis: 9rem;
  }
  .md-basis-40 {
    flex-basis: 10rem;
  }
  .md-basis-44 {
    flex-basis: 11rem;
  }
  .md-basis-48 {
    flex-basis: 12rem;
  }
  .md-basis-52 {
    flex-basis: 13rem;
  }
  .md-basis-56 {
    flex-basis: 13rem;
  }
  .md-basis-60 {
    flex-basis: 15rem;
  }
  .md-basis-64 {
    flex-basis: 16rem;
  }
  .md-basis-72 {
    flex-basis: 18rem;
  }
  .md-basis-80 {
    flex-basis: 20rem;
  }
  .md-basis-96 {
    flex-basis: 24rem;
  }
  .md-basis-auto {
    flex-basis: auto;
  }
  .md-basis-1on2 {
    flex-basis: 50%;
  }
  .md-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .md-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .md-basis-1on4 {
    flex-basis: 25%;
  }
  .md-basis-2on4 {
    flex-basis: 50%;
  }
  .md-basis-3on4 {
    flex-basis: 75%;
  }
  .md-basis-1on5 {
    flex-basis: 20%;
  }
  .md-basis-2on5 {
    flex-basis: 40%;
  }
  .md-basis-3on5 {
    flex-basis: 60%;
  }
  .md-basis-4on5 {
    flex-basis: 80%;
  }
  .md-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .md-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .md-basis-3on6 {
    flex-basis: 50%;
  }
  .md-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .md-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .md-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .md-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .md-basis-3on12 {
    flex-basis: 25%;
  }
  .md-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .md-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .md-basis-6on12 {
    flex-basis: 50%;
  }
  .md-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .md-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .md-basis-9on12 {
    flex-basis: 75%;
  }
  .md-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .md-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .md-basis-screen {
    flex-basis: 100vw;
  }
  .md-basis-full {
    flex-basis: 100%;
  }
  .md-w-0 {
    width: 0px;
  }
  .md-min-w-0 {
    min-width: 0px;
  }
  .md-max-w-0 {
    max-width: 0px;
  }
  .md-w-0-5 {
    width: 0.125rem;
  }
  .md-min-w-0-5 {
    min-width: 0.125rem;
  }
  .md-max-w-0-5 {
    max-width: 0.125rem;
  }
  .md-w-1 {
    width: 0.25rem;
  }
  .md-min-w-1 {
    min-width: 0.25rem;
  }
  .md-max-w-1 {
    max-width: 0.25rem;
  }
  .md-w-1-5 {
    width: 0.375rem;
  }
  .md-min-w-1-5 {
    min-width: 0.375rem;
  }
  .md-max-w-1-5 {
    max-width: 0.375rem;
  }
  .md-w-2 {
    width: 0.5rem;
  }
  .md-min-w-2 {
    min-width: 0.5rem;
  }
  .md-max-w-2 {
    max-width: 0.5rem;
  }
  .md-w-2-5 {
    width: 0.625rem;
  }
  .md-min-w-2-5 {
    min-width: 0.625rem;
  }
  .md-max-w-2-5 {
    max-width: 0.625rem;
  }
  .md-w-3 {
    width: 0.75rem;
  }
  .md-min-w-3 {
    min-width: 0.75rem;
  }
  .md-max-w-3 {
    max-width: 0.75rem;
  }
  .md-w-3-5 {
    width: 0.875rem;
  }
  .md-min-w-3-5 {
    min-width: 0.875rem;
  }
  .md-max-w-3-5 {
    max-width: 0.875rem;
  }
  .md-w-4 {
    width: 1rem;
  }
  .md-min-w-4 {
    min-width: 1rem;
  }
  .md-max-w-4 {
    max-width: 1rem;
  }
  .md-w-5 {
    width: 1.25rem;
  }
  .md-min-w-5 {
    min-width: 1.25rem;
  }
  .md-max-w-5 {
    max-width: 1.25rem;
  }
  .md-w-6 {
    width: 1.5rem;
  }
  .md-min-w-6 {
    min-width: 1.5rem;
  }
  .md-max-w-6 {
    max-width: 1.5rem;
  }
  .md-w-7 {
    width: 1.75rem;
  }
  .md-min-w-7 {
    min-width: 1.75rem;
  }
  .md-max-w-7 {
    max-width: 1.75rem;
  }
  .md-w-8 {
    width: 2rem;
  }
  .md-min-w-8 {
    min-width: 2rem;
  }
  .md-max-w-8 {
    max-width: 2rem;
  }
  .md-w-9 {
    width: 2.25rem;
  }
  .md-min-w-9 {
    min-width: 2.25rem;
  }
  .md-max-w-9 {
    max-width: 2.25rem;
  }
  .md-w-10 {
    width: 2.5rem;
  }
  .md-min-w-10 {
    min-width: 2.5rem;
  }
  .md-max-w-10 {
    max-width: 2.5rem;
  }
  .md-w-11 {
    width: 2.75rem;
  }
  .md-min-w-11 {
    min-width: 2.75rem;
  }
  .md-max-w-11 {
    max-width: 2.75rem;
  }
  .md-w-12 {
    width: 3rem;
  }
  .md-min-w-12 {
    min-width: 3rem;
  }
  .md-max-w-12 {
    max-width: 3rem;
  }
  .md-w-14 {
    width: 3.5rem;
  }
  .md-min-w-14 {
    min-width: 3.5rem;
  }
  .md-max-w-14 {
    max-width: 3.5rem;
  }
  .md-w-16 {
    width: 4rem;
  }
  .md-min-w-16 {
    min-width: 4rem;
  }
  .md-max-w-16 {
    max-width: 4rem;
  }
  .md-w-20 {
    width: 5rem;
  }
  .md-min-w-20 {
    min-width: 5rem;
  }
  .md-max-w-20 {
    max-width: 5rem;
  }
  .md-w-24 {
    width: 6rem;
  }
  .md-min-w-24 {
    min-width: 6rem;
  }
  .md-max-w-24 {
    max-width: 6rem;
  }
  .md-w-28 {
    width: 7rem;
  }
  .md-min-w-28 {
    min-width: 7rem;
  }
  .md-max-w-28 {
    max-width: 7rem;
  }
  .md-w-32 {
    width: 8rem;
  }
  .md-min-w-32 {
    min-width: 8rem;
  }
  .md-max-w-32 {
    max-width: 8rem;
  }
  .md-w-36 {
    width: 9rem;
  }
  .md-min-w-36 {
    min-width: 9rem;
  }
  .md-max-w-36 {
    max-width: 9rem;
  }
  .md-w-40 {
    width: 10rem;
  }
  .md-min-w-40 {
    min-width: 10rem;
  }
  .md-max-w-40 {
    max-width: 10rem;
  }
  .md-w-44 {
    width: 11rem;
  }
  .md-min-w-44 {
    min-width: 11rem;
  }
  .md-max-w-44 {
    max-width: 11rem;
  }
  .md-w-48 {
    width: 12rem;
  }
  .md-min-w-48 {
    min-width: 12rem;
  }
  .md-max-w-48 {
    max-width: 12rem;
  }
  .md-w-52 {
    width: 13rem;
  }
  .md-min-w-52 {
    min-width: 13rem;
  }
  .md-max-w-52 {
    max-width: 13rem;
  }
  .md-w-56 {
    width: 13rem;
  }
  .md-min-w-56 {
    min-width: 13rem;
  }
  .md-max-w-56 {
    max-width: 13rem;
  }
  .md-w-60 {
    width: 15rem;
  }
  .md-min-w-60 {
    min-width: 15rem;
  }
  .md-max-w-60 {
    max-width: 15rem;
  }
  .md-w-64 {
    width: 16rem;
  }
  .md-min-w-64 {
    min-width: 16rem;
  }
  .md-max-w-64 {
    max-width: 16rem;
  }
  .md-w-72 {
    width: 18rem;
  }
  .md-min-w-72 {
    min-width: 18rem;
  }
  .md-max-w-72 {
    max-width: 18rem;
  }
  .md-w-80 {
    width: 20rem;
  }
  .md-min-w-80 {
    min-width: 20rem;
  }
  .md-max-w-80 {
    max-width: 20rem;
  }
  .md-w-96 {
    width: 24rem;
  }
  .md-min-w-96 {
    min-width: 24rem;
  }
  .md-max-w-96 {
    max-width: 24rem;
  }
  .md-w-auto {
    width: auto;
  }
  .md-min-w-auto {
    min-width: auto;
  }
  .md-max-w-auto {
    max-width: auto;
  }
  .md-w-1on2 {
    width: 50%;
  }
  .md-min-w-1on2 {
    min-width: 50%;
  }
  .md-max-w-1on2 {
    max-width: 50%;
  }
  .md-w-1on3 {
    width: 33.333333%;
  }
  .md-min-w-1on3 {
    min-width: 33.333333%;
  }
  .md-max-w-1on3 {
    max-width: 33.333333%;
  }
  .md-w-2on3 {
    width: 66.666667%;
  }
  .md-min-w-2on3 {
    min-width: 66.666667%;
  }
  .md-max-w-2on3 {
    max-width: 66.666667%;
  }
  .md-w-1on4 {
    width: 25%;
  }
  .md-min-w-1on4 {
    min-width: 25%;
  }
  .md-max-w-1on4 {
    max-width: 25%;
  }
  .md-w-2on4 {
    width: 50%;
  }
  .md-min-w-2on4 {
    min-width: 50%;
  }
  .md-max-w-2on4 {
    max-width: 50%;
  }
  .md-w-3on4 {
    width: 75%;
  }
  .md-min-w-3on4 {
    min-width: 75%;
  }
  .md-max-w-3on4 {
    max-width: 75%;
  }
  .md-w-1on5 {
    width: 20%;
  }
  .md-min-w-1on5 {
    min-width: 20%;
  }
  .md-max-w-1on5 {
    max-width: 20%;
  }
  .md-w-2on5 {
    width: 40%;
  }
  .md-min-w-2on5 {
    min-width: 40%;
  }
  .md-max-w-2on5 {
    max-width: 40%;
  }
  .md-w-3on5 {
    width: 60%;
  }
  .md-min-w-3on5 {
    min-width: 60%;
  }
  .md-max-w-3on5 {
    max-width: 60%;
  }
  .md-w-4on5 {
    width: 80%;
  }
  .md-min-w-4on5 {
    min-width: 80%;
  }
  .md-max-w-4on5 {
    max-width: 80%;
  }
  .md-w-1on6 {
    width: 16.666667%;
  }
  .md-min-w-1on6 {
    min-width: 16.666667%;
  }
  .md-max-w-1on6 {
    max-width: 16.666667%;
  }
  .md-w-2on6 {
    width: 33.333333%;
  }
  .md-min-w-2on6 {
    min-width: 33.333333%;
  }
  .md-max-w-2on6 {
    max-width: 33.333333%;
  }
  .md-w-3on6 {
    width: 50%;
  }
  .md-min-w-3on6 {
    min-width: 50%;
  }
  .md-max-w-3on6 {
    max-width: 50%;
  }
  .md-w-4on6 {
    width: 66.666667%;
  }
  .md-min-w-4on6 {
    min-width: 66.666667%;
  }
  .md-max-w-4on6 {
    max-width: 66.666667%;
  }
  .md-w-5on6 {
    width: 83.333333%;
  }
  .md-min-w-5on6 {
    min-width: 83.333333%;
  }
  .md-max-w-5on6 {
    max-width: 83.333333%;
  }
  .md-w-1on12 {
    width: 8.333333%;
  }
  .md-min-w-1on12 {
    min-width: 8.333333%;
  }
  .md-max-w-1on12 {
    max-width: 8.333333%;
  }
  .md-w-2on12 {
    width: 16.666667%;
  }
  .md-min-w-2on12 {
    min-width: 16.666667%;
  }
  .md-max-w-2on12 {
    max-width: 16.666667%;
  }
  .md-w-3on12 {
    width: 25%;
  }
  .md-min-w-3on12 {
    min-width: 25%;
  }
  .md-max-w-3on12 {
    max-width: 25%;
  }
  .md-w-4on12 {
    width: 33.333333%;
  }
  .md-min-w-4on12 {
    min-width: 33.333333%;
  }
  .md-max-w-4on12 {
    max-width: 33.333333%;
  }
  .md-w-5on12 {
    width: 41.666667%;
  }
  .md-min-w-5on12 {
    min-width: 41.666667%;
  }
  .md-max-w-5on12 {
    max-width: 41.666667%;
  }
  .md-w-6on12 {
    width: 50%;
  }
  .md-min-w-6on12 {
    min-width: 50%;
  }
  .md-max-w-6on12 {
    max-width: 50%;
  }
  .md-w-7on12 {
    width: 58.333333%;
  }
  .md-min-w-7on12 {
    min-width: 58.333333%;
  }
  .md-max-w-7on12 {
    max-width: 58.333333%;
  }
  .md-w-8on12 {
    width: 66.666667%;
  }
  .md-min-w-8on12 {
    min-width: 66.666667%;
  }
  .md-max-w-8on12 {
    max-width: 66.666667%;
  }
  .md-w-9on12 {
    width: 75%;
  }
  .md-min-w-9on12 {
    min-width: 75%;
  }
  .md-max-w-9on12 {
    max-width: 75%;
  }
  .md-w-10on12 {
    width: 83.333333%;
  }
  .md-min-w-10on12 {
    min-width: 83.333333%;
  }
  .md-max-w-10on12 {
    max-width: 83.333333%;
  }
  .md-w-11on12 {
    width: 91.666667%;
  }
  .md-min-w-11on12 {
    min-width: 91.666667%;
  }
  .md-max-w-11on12 {
    max-width: 91.666667%;
  }
  .md-w-screen {
    width: 100vw;
  }
  .md-min-w-screen {
    min-width: 100vw;
  }
  .md-max-w-screen {
    max-width: 100vw;
  }
  .md-w-full {
    width: 100%;
  }
  .md-min-w-full {
    min-width: 100%;
  }
  .md-max-w-full {
    max-width: 100%;
  }
  .md-w-fit {
    width: fit-content;
  }
  .md-min-w-fit {
    min-width: fit-content;
  }
  .md-max-w-fit {
    max-width: fit-content;
  }
  .md-w-min {
    width: min-content;
  }
  .md-min-w-min {
    min-width: min-content;
  }
  .md-max-w-min {
    max-width: min-content;
  }
  .md-w-max {
    width: max-content;
  }
  .md-min-w-max {
    min-width: max-content;
  }
  .md-max-w-max {
    max-width: max-content;
  }
  .md-h-0 {
    height: 0px;
  }
  .md-min-h-0 {
    min-height: 0px;
  }
  .md-max-h-0 {
    max-height: 0px;
  }
  .md-h-0-5 {
    height: 0.125rem;
  }
  .md-min-h-0-5 {
    min-height: 0.125rem;
  }
  .md-max-h-0-5 {
    max-height: 0.125rem;
  }
  .md-h-1 {
    height: 0.25rem;
  }
  .md-min-h-1 {
    min-height: 0.25rem;
  }
  .md-max-h-1 {
    max-height: 0.25rem;
  }
  .md-h-1-5 {
    height: 0.375rem;
  }
  .md-min-h-1-5 {
    min-height: 0.375rem;
  }
  .md-max-h-1-5 {
    max-height: 0.375rem;
  }
  .md-h-2 {
    height: 0.5rem;
  }
  .md-min-h-2 {
    min-height: 0.5rem;
  }
  .md-max-h-2 {
    max-height: 0.5rem;
  }
  .md-h-2-5 {
    height: 0.625rem;
  }
  .md-min-h-2-5 {
    min-height: 0.625rem;
  }
  .md-max-h-2-5 {
    max-height: 0.625rem;
  }
  .md-h-3 {
    height: 0.75rem;
  }
  .md-min-h-3 {
    min-height: 0.75rem;
  }
  .md-max-h-3 {
    max-height: 0.75rem;
  }
  .md-h-3-5 {
    height: 0.875rem;
  }
  .md-min-h-3-5 {
    min-height: 0.875rem;
  }
  .md-max-h-3-5 {
    max-height: 0.875rem;
  }
  .md-h-4 {
    height: 1rem;
  }
  .md-min-h-4 {
    min-height: 1rem;
  }
  .md-max-h-4 {
    max-height: 1rem;
  }
  .md-h-5 {
    height: 1.25rem;
  }
  .md-min-h-5 {
    min-height: 1.25rem;
  }
  .md-max-h-5 {
    max-height: 1.25rem;
  }
  .md-h-6 {
    height: 1.5rem;
  }
  .md-min-h-6 {
    min-height: 1.5rem;
  }
  .md-max-h-6 {
    max-height: 1.5rem;
  }
  .md-h-7 {
    height: 1.75rem;
  }
  .md-min-h-7 {
    min-height: 1.75rem;
  }
  .md-max-h-7 {
    max-height: 1.75rem;
  }
  .md-h-8 {
    height: 2rem;
  }
  .md-min-h-8 {
    min-height: 2rem;
  }
  .md-max-h-8 {
    max-height: 2rem;
  }
  .md-h-9 {
    height: 2.25rem;
  }
  .md-min-h-9 {
    min-height: 2.25rem;
  }
  .md-max-h-9 {
    max-height: 2.25rem;
  }
  .md-h-10 {
    height: 2.5rem;
  }
  .md-min-h-10 {
    min-height: 2.5rem;
  }
  .md-max-h-10 {
    max-height: 2.5rem;
  }
  .md-h-11 {
    height: 2.75rem;
  }
  .md-min-h-11 {
    min-height: 2.75rem;
  }
  .md-max-h-11 {
    max-height: 2.75rem;
  }
  .md-h-12 {
    height: 3rem;
  }
  .md-min-h-12 {
    min-height: 3rem;
  }
  .md-max-h-12 {
    max-height: 3rem;
  }
  .md-h-14 {
    height: 3.5rem;
  }
  .md-min-h-14 {
    min-height: 3.5rem;
  }
  .md-max-h-14 {
    max-height: 3.5rem;
  }
  .md-h-16 {
    height: 4rem;
  }
  .md-min-h-16 {
    min-height: 4rem;
  }
  .md-max-h-16 {
    max-height: 4rem;
  }
  .md-h-20 {
    height: 5rem;
  }
  .md-min-h-20 {
    min-height: 5rem;
  }
  .md-max-h-20 {
    max-height: 5rem;
  }
  .md-h-24 {
    height: 6rem;
  }
  .md-min-h-24 {
    min-height: 6rem;
  }
  .md-max-h-24 {
    max-height: 6rem;
  }
  .md-h-28 {
    height: 7rem;
  }
  .md-min-h-28 {
    min-height: 7rem;
  }
  .md-max-h-28 {
    max-height: 7rem;
  }
  .md-h-32 {
    height: 8rem;
  }
  .md-min-h-32 {
    min-height: 8rem;
  }
  .md-max-h-32 {
    max-height: 8rem;
  }
  .md-h-36 {
    height: 9rem;
  }
  .md-min-h-36 {
    min-height: 9rem;
  }
  .md-max-h-36 {
    max-height: 9rem;
  }
  .md-h-40 {
    height: 10rem;
  }
  .md-min-h-40 {
    min-height: 10rem;
  }
  .md-max-h-40 {
    max-height: 10rem;
  }
  .md-h-44 {
    height: 11rem;
  }
  .md-min-h-44 {
    min-height: 11rem;
  }
  .md-max-h-44 {
    max-height: 11rem;
  }
  .md-h-48 {
    height: 12rem;
  }
  .md-min-h-48 {
    min-height: 12rem;
  }
  .md-max-h-48 {
    max-height: 12rem;
  }
  .md-h-52 {
    height: 13rem;
  }
  .md-min-h-52 {
    min-height: 13rem;
  }
  .md-max-h-52 {
    max-height: 13rem;
  }
  .md-h-56 {
    height: 13rem;
  }
  .md-min-h-56 {
    min-height: 13rem;
  }
  .md-max-h-56 {
    max-height: 13rem;
  }
  .md-h-60 {
    height: 15rem;
  }
  .md-min-h-60 {
    min-height: 15rem;
  }
  .md-max-h-60 {
    max-height: 15rem;
  }
  .md-h-64 {
    height: 16rem;
  }
  .md-min-h-64 {
    min-height: 16rem;
  }
  .md-max-h-64 {
    max-height: 16rem;
  }
  .md-h-72 {
    height: 18rem;
  }
  .md-min-h-72 {
    min-height: 18rem;
  }
  .md-max-h-72 {
    max-height: 18rem;
  }
  .md-h-80 {
    height: 20rem;
  }
  .md-min-h-80 {
    min-height: 20rem;
  }
  .md-max-h-80 {
    max-height: 20rem;
  }
  .md-h-96 {
    height: 24rem;
  }
  .md-min-h-96 {
    min-height: 24rem;
  }
  .md-max-h-96 {
    max-height: 24rem;
  }
  .md-h-100 {
    height: 28rem;
  }
  .md-min-h-100 {
    min-height: 28rem;
  }
  .md-max-h-100 {
    max-height: 28rem;
  }
  .md-h-auto {
    height: auto;
  }
  .md-min-h-auto {
    min-height: auto;
  }
  .md-max-h-auto {
    max-height: auto;
  }
  .md-h-1on2 {
    height: 50%;
  }
  .md-min-h-1on2 {
    min-height: 50%;
  }
  .md-max-h-1on2 {
    max-height: 50%;
  }
  .md-h-1on3 {
    height: 33.333333%;
  }
  .md-min-h-1on3 {
    min-height: 33.333333%;
  }
  .md-max-h-1on3 {
    max-height: 33.333333%;
  }
  .md-h-2on3 {
    height: 66.666667%;
  }
  .md-min-h-2on3 {
    min-height: 66.666667%;
  }
  .md-max-h-2on3 {
    max-height: 66.666667%;
  }
  .md-h-1on4 {
    height: 25%;
  }
  .md-min-h-1on4 {
    min-height: 25%;
  }
  .md-max-h-1on4 {
    max-height: 25%;
  }
  .md-h-2on4 {
    height: 50%;
  }
  .md-min-h-2on4 {
    min-height: 50%;
  }
  .md-max-h-2on4 {
    max-height: 50%;
  }
  .md-h-3on4 {
    height: 75%;
  }
  .md-min-h-3on4 {
    min-height: 75%;
  }
  .md-max-h-3on4 {
    max-height: 75%;
  }
  .md-h-1on5 {
    height: 20%;
  }
  .md-min-h-1on5 {
    min-height: 20%;
  }
  .md-max-h-1on5 {
    max-height: 20%;
  }
  .md-h-2on5 {
    height: 40%;
  }
  .md-min-h-2on5 {
    min-height: 40%;
  }
  .md-max-h-2on5 {
    max-height: 40%;
  }
  .md-h-3on5 {
    height: 60%;
  }
  .md-min-h-3on5 {
    min-height: 60%;
  }
  .md-max-h-3on5 {
    max-height: 60%;
  }
  .md-h-4on5 {
    height: 80%;
  }
  .md-min-h-4on5 {
    min-height: 80%;
  }
  .md-max-h-4on5 {
    max-height: 80%;
  }
  .md-h-1on6 {
    height: 16.666667%;
  }
  .md-min-h-1on6 {
    min-height: 16.666667%;
  }
  .md-max-h-1on6 {
    max-height: 16.666667%;
  }
  .md-h-2on6 {
    height: 33.333333%;
  }
  .md-min-h-2on6 {
    min-height: 33.333333%;
  }
  .md-max-h-2on6 {
    max-height: 33.333333%;
  }
  .md-h-3on6 {
    height: 50%;
  }
  .md-min-h-3on6 {
    min-height: 50%;
  }
  .md-max-h-3on6 {
    max-height: 50%;
  }
  .md-h-4on6 {
    height: 66.666667%;
  }
  .md-min-h-4on6 {
    min-height: 66.666667%;
  }
  .md-max-h-4on6 {
    max-height: 66.666667%;
  }
  .md-h-5on6 {
    height: 83.333333%;
  }
  .md-min-h-5on6 {
    min-height: 83.333333%;
  }
  .md-max-h-5on6 {
    max-height: 83.333333%;
  }
  .md-h-1on12 {
    height: 8.333333%;
  }
  .md-min-h-1on12 {
    min-height: 8.333333%;
  }
  .md-max-h-1on12 {
    max-height: 8.333333%;
  }
  .md-h-2on12 {
    height: 16.666667%;
  }
  .md-min-h-2on12 {
    min-height: 16.666667%;
  }
  .md-max-h-2on12 {
    max-height: 16.666667%;
  }
  .md-h-3on12 {
    height: 25%;
  }
  .md-min-h-3on12 {
    min-height: 25%;
  }
  .md-max-h-3on12 {
    max-height: 25%;
  }
  .md-h-4on12 {
    height: 33.333333%;
  }
  .md-min-h-4on12 {
    min-height: 33.333333%;
  }
  .md-max-h-4on12 {
    max-height: 33.333333%;
  }
  .md-h-5on12 {
    height: 41.666667%;
  }
  .md-min-h-5on12 {
    min-height: 41.666667%;
  }
  .md-max-h-5on12 {
    max-height: 41.666667%;
  }
  .md-h-6on12 {
    height: 50%;
  }
  .md-min-h-6on12 {
    min-height: 50%;
  }
  .md-max-h-6on12 {
    max-height: 50%;
  }
  .md-h-7on12 {
    height: 58.333333%;
  }
  .md-min-h-7on12 {
    min-height: 58.333333%;
  }
  .md-max-h-7on12 {
    max-height: 58.333333%;
  }
  .md-h-8on12 {
    height: 66.666667%;
  }
  .md-min-h-8on12 {
    min-height: 66.666667%;
  }
  .md-max-h-8on12 {
    max-height: 66.666667%;
  }
  .md-h-9on12 {
    height: 75%;
  }
  .md-min-h-9on12 {
    min-height: 75%;
  }
  .md-max-h-9on12 {
    max-height: 75%;
  }
  .md-h-10on12 {
    height: 83.333333%;
  }
  .md-min-h-10on12 {
    min-height: 83.333333%;
  }
  .md-max-h-10on12 {
    max-height: 83.333333%;
  }
  .md-h-11on12 {
    height: 91.666667%;
  }
  .md-min-h-11on12 {
    min-height: 91.666667%;
  }
  .md-max-h-11on12 {
    max-height: 91.666667%;
  }
  .md-h-screen {
    height: 100vw;
  }
  .md-min-h-screen {
    min-height: 100vw;
  }
  .md-max-h-screen {
    max-height: 100vw;
  }
  .md-h-full {
    height: 100%;
  }
  .md-min-h-full {
    min-height: 100%;
  }
  .md-max-h-full {
    max-height: 100%;
  }
  .md-h-fit {
    height: fit-content;
  }
  .md-min-h-fit {
    min-height: fit-content;
  }
  .md-max-h-fit {
    max-height: fit-content;
  }
  .md-h-min {
    height: min-content;
  }
  .md-min-h-min {
    min-height: min-content;
  }
  .md-max-h-min {
    max-height: min-content;
  }
  .md-h-max {
    height: max-content;
  }
  .md-min-h-max {
    min-height: max-content;
  }
  .md-max-h-max {
    max-height: max-content;
  }
  .md-m-0 {
    margin: 0;
  }
  .md-mt-0,
  .md-my-0 {
    margin-top: 0;
  }
  .md-mr-0,
  .md-mx-0 {
    margin-right: 0;
  }
  .md-mb-0,
  .md-my-0 {
    margin-bottom: 0;
  }
  .md-ml-0,
  .md-mx-0 {
    margin-left: 0;
  }
  .md-mbls-0,
  .md-mbl-0 {
    margin-block-start: 0;
  }
  .md-mble-0,
  .md-mbl-0 {
    margin-block-end: 0;
  }
  .md-mins-0,
  .md-min-0 {
    margin-inline-start: 0;
  }
  .md-mine-0,
  .md-min-0 {
    margin-inline-end: 0;
  }
  .md-p-0 {
    padding: 0;
  }
  .md-pt-0,
  .md-py-0 {
    padding-top: 0;
  }
  .md-pr-0,
  .md-px-0 {
    padding-right: 0;
  }
  .md-pb-0,
  .md-py-0 {
    padding-bottom: 0;
  }
  .md-pl-0,
  .md-px-0 {
    padding-left: 0;
  }
  .md-pbls-0,
  .md-pbl-0 {
    padding-block-start: 0;
  }
  .md-pble-0,
  .md-pbl-0 {
    padding-block-end: 0;
  }
  .md-pins-0,
  .md-pin-0 {
    padding-inline-start: 0;
  }
  .md-pine-0,
  .md-pin-0 {
    padding-inline-end: 0;
  }
  .md-m-1 {
    margin: 4px;
  }
  .md-mt-1,
  .md-my-1 {
    margin-top: 4px;
  }
  .md-mr-1,
  .md-mx-1 {
    margin-right: 4px;
  }
  .md-mb-1,
  .md-my-1 {
    margin-bottom: 4px;
  }
  .md-ml-1,
  .md-mx-1 {
    margin-left: 4px;
  }
  .md-mbls-1,
  .md-mbl-1 {
    margin-block-start: 4px;
  }
  .md-mble-1,
  .md-mbl-1 {
    margin-block-end: 4px;
  }
  .md-mins-1,
  .md-min-1 {
    margin-inline-start: 4px;
  }
  .md-mine-1,
  .md-min-1 {
    margin-inline-end: 4px;
  }
  .md-p-1 {
    padding: 4px;
  }
  .md-pt-1,
  .md-py-1 {
    padding-top: 4px;
  }
  .md-pr-1,
  .md-px-1 {
    padding-right: 4px;
  }
  .md-pb-1,
  .md-py-1 {
    padding-bottom: 4px;
  }
  .md-pl-1,
  .md-px-1 {
    padding-left: 4px;
  }
  .md-pbls-1,
  .md-pbl-1 {
    padding-block-start: 4px;
  }
  .md-pble-1,
  .md-pbl-1 {
    padding-block-end: 4px;
  }
  .md-pins-1,
  .md-pin-1 {
    padding-inline-start: 4px;
  }
  .md-pine-1,
  .md-pin-1 {
    padding-inline-end: 4px;
  }
  .md-m-2 {
    margin: 8px;
  }
  .md-mt-2,
  .md-my-2 {
    margin-top: 8px;
  }
  .md-mr-2,
  .md-mx-2 {
    margin-right: 8px;
  }
  .md-mb-2,
  .md-my-2 {
    margin-bottom: 8px;
  }
  .md-ml-2,
  .md-mx-2 {
    margin-left: 8px;
  }
  .md-mbls-2,
  .md-mbl-2 {
    margin-block-start: 8px;
  }
  .md-mble-2,
  .md-mbl-2 {
    margin-block-end: 8px;
  }
  .md-mins-2,
  .md-min-2 {
    margin-inline-start: 8px;
  }
  .md-mine-2,
  .md-min-2 {
    margin-inline-end: 8px;
  }
  .md-p-2 {
    padding: 8px;
  }
  .md-pt-2,
  .md-py-2 {
    padding-top: 8px;
  }
  .md-pr-2,
  .md-px-2 {
    padding-right: 8px;
  }
  .md-pb-2,
  .md-py-2 {
    padding-bottom: 8px;
  }
  .md-pl-2,
  .md-px-2 {
    padding-left: 8px;
  }
  .md-pbls-2,
  .md-pbl-2 {
    padding-block-start: 8px;
  }
  .md-pble-2,
  .md-pbl-2 {
    padding-block-end: 8px;
  }
  .md-pins-2,
  .md-pin-2 {
    padding-inline-start: 8px;
  }
  .md-pine-2,
  .md-pin-2 {
    padding-inline-end: 8px;
  }
  .md-m-3 {
    margin: 16px;
  }
  .md-mt-3,
  .md-my-3 {
    margin-top: 16px;
  }
  .md-mr-3,
  .md-mx-3 {
    margin-right: 16px;
  }
  .md-mb-3,
  .md-my-3 {
    margin-bottom: 16px;
  }
  .md-ml-3,
  .md-mx-3 {
    margin-left: 16px;
  }
  .md-mbls-3,
  .md-mbl-3 {
    margin-block-start: 16px;
  }
  .md-mble-3,
  .md-mbl-3 {
    margin-block-end: 16px;
  }
  .md-mins-3,
  .md-min-3 {
    margin-inline-start: 16px;
  }
  .md-mine-3,
  .md-min-3 {
    margin-inline-end: 16px;
  }
  .md-p-3 {
    padding: 16px;
  }
  .md-pt-3,
  .md-py-3 {
    padding-top: 16px;
  }
  .md-pr-3,
  .md-px-3 {
    padding-right: 16px;
  }
  .md-pb-3,
  .md-py-3 {
    padding-bottom: 16px;
  }
  .md-pl-3,
  .md-px-3 {
    padding-left: 16px;
  }
  .md-pbls-3,
  .md-pbl-3 {
    padding-block-start: 16px;
  }
  .md-pble-3,
  .md-pbl-3 {
    padding-block-end: 16px;
  }
  .md-pins-3,
  .md-pin-3 {
    padding-inline-start: 16px;
  }
  .md-pine-3,
  .md-pin-3 {
    padding-inline-end: 16px;
  }
  .md-m-4 {
    margin: 24px;
  }
  .md-mt-4,
  .md-my-4 {
    margin-top: 24px;
  }
  .md-mr-4,
  .md-mx-4 {
    margin-right: 24px;
  }
  .md-mb-4,
  .md-my-4 {
    margin-bottom: 24px;
  }
  .md-ml-4,
  .md-mx-4 {
    margin-left: 24px;
  }
  .md-mbls-4,
  .md-mbl-4 {
    margin-block-start: 24px;
  }
  .md-mble-4,
  .md-mbl-4 {
    margin-block-end: 24px;
  }
  .md-mins-4,
  .md-min-4 {
    margin-inline-start: 24px;
  }
  .md-mine-4,
  .md-min-4 {
    margin-inline-end: 24px;
  }
  .md-p-4 {
    padding: 24px;
  }
  .md-pt-4,
  .md-py-4 {
    padding-top: 24px;
  }
  .md-pr-4,
  .md-px-4 {
    padding-right: 24px;
  }
  .md-pb-4,
  .md-py-4 {
    padding-bottom: 24px;
  }
  .md-pl-4,
  .md-px-4 {
    padding-left: 24px;
  }
  .md-pbls-4,
  .md-pbl-4 {
    padding-block-start: 24px;
  }
  .md-pble-4,
  .md-pbl-4 {
    padding-block-end: 24px;
  }
  .md-pins-4,
  .md-pin-4 {
    padding-inline-start: 24px;
  }
  .md-pine-4,
  .md-pin-4 {
    padding-inline-end: 24px;
  }
  .md-m-5 {
    margin: 32px;
  }
  .md-mt-5,
  .md-my-5 {
    margin-top: 32px;
  }
  .md-mr-5,
  .md-mx-5 {
    margin-right: 32px;
  }
  .md-mb-5,
  .md-my-5 {
    margin-bottom: 32px;
  }
  .md-ml-5,
  .md-mx-5 {
    margin-left: 32px;
  }
  .md-mbls-5,
  .md-mbl-5 {
    margin-block-start: 32px;
  }
  .md-mble-5,
  .md-mbl-5 {
    margin-block-end: 32px;
  }
  .md-mins-5,
  .md-min-5 {
    margin-inline-start: 32px;
  }
  .md-mine-5,
  .md-min-5 {
    margin-inline-end: 32px;
  }
  .md-p-5 {
    padding: 32px;
  }
  .md-pt-5,
  .md-py-5 {
    padding-top: 32px;
  }
  .md-pr-5,
  .md-px-5 {
    padding-right: 32px;
  }
  .md-pb-5,
  .md-py-5 {
    padding-bottom: 32px;
  }
  .md-pl-5,
  .md-px-5 {
    padding-left: 32px;
  }
  .md-pbls-5,
  .md-pbl-5 {
    padding-block-start: 32px;
  }
  .md-pble-5,
  .md-pbl-5 {
    padding-block-end: 32px;
  }
  .md-pins-5,
  .md-pin-5 {
    padding-inline-start: 32px;
  }
  .md-pine-5,
  .md-pin-5 {
    padding-inline-end: 32px;
  }
  .md-m-6 {
    margin: 40px;
  }
  .md-mt-6,
  .md-my-6 {
    margin-top: 40px;
  }
  .md-mr-6,
  .md-mx-6 {
    margin-right: 40px;
  }
  .md-mb-6,
  .md-my-6 {
    margin-bottom: 40px;
  }
  .md-ml-6,
  .md-mx-6 {
    margin-left: 40px;
  }
  .md-mbls-6,
  .md-mbl-6 {
    margin-block-start: 40px;
  }
  .md-mble-6,
  .md-mbl-6 {
    margin-block-end: 40px;
  }
  .md-mins-6,
  .md-min-6 {
    margin-inline-start: 40px;
  }
  .md-mine-6,
  .md-min-6 {
    margin-inline-end: 40px;
  }
  .md-p-6 {
    padding: 40px;
  }
  .md-pt-6,
  .md-py-6 {
    padding-top: 40px;
  }
  .md-pr-6,
  .md-px-6 {
    padding-right: 40px;
  }
  .md-pb-6,
  .md-py-6 {
    padding-bottom: 40px;
  }
  .md-pl-6,
  .md-px-6 {
    padding-left: 40px;
  }
  .md-pbls-6,
  .md-pbl-6 {
    padding-block-start: 40px;
  }
  .md-pble-6,
  .md-pbl-6 {
    padding-block-end: 40px;
  }
  .md-pins-6,
  .md-pin-6 {
    padding-inline-start: 40px;
  }
  .md-pine-6,
  .md-pin-6 {
    padding-inline-end: 40px;
  }
  .md-m-7 {
    margin: 48px;
  }
  .md-mt-7,
  .md-my-7 {
    margin-top: 48px;
  }
  .md-mr-7,
  .md-mx-7 {
    margin-right: 48px;
  }
  .md-mb-7,
  .md-my-7 {
    margin-bottom: 48px;
  }
  .md-ml-7,
  .md-mx-7 {
    margin-left: 48px;
  }
  .md-mbls-7,
  .md-mbl-7 {
    margin-block-start: 48px;
  }
  .md-mble-7,
  .md-mbl-7 {
    margin-block-end: 48px;
  }
  .md-mins-7,
  .md-min-7 {
    margin-inline-start: 48px;
  }
  .md-mine-7,
  .md-min-7 {
    margin-inline-end: 48px;
  }
  .md-p-7 {
    padding: 48px;
  }
  .md-pt-7,
  .md-py-7 {
    padding-top: 48px;
  }
  .md-pr-7,
  .md-px-7 {
    padding-right: 48px;
  }
  .md-pb-7,
  .md-py-7 {
    padding-bottom: 48px;
  }
  .md-pl-7,
  .md-px-7 {
    padding-left: 48px;
  }
  .md-pbls-7,
  .md-pbl-7 {
    padding-block-start: 48px;
  }
  .md-pble-7,
  .md-pbl-7 {
    padding-block-end: 48px;
  }
  .md-pins-7,
  .md-pin-7 {
    padding-inline-start: 48px;
  }
  .md-pine-7,
  .md-pin-7 {
    padding-inline-end: 48px;
  }
  .md-m-8 {
    margin: 56px;
  }
  .md-mt-8,
  .md-my-8 {
    margin-top: 56px;
  }
  .md-mr-8,
  .md-mx-8 {
    margin-right: 56px;
  }
  .md-mb-8,
  .md-my-8 {
    margin-bottom: 56px;
  }
  .md-ml-8,
  .md-mx-8 {
    margin-left: 56px;
  }
  .md-mbls-8,
  .md-mbl-8 {
    margin-block-start: 56px;
  }
  .md-mble-8,
  .md-mbl-8 {
    margin-block-end: 56px;
  }
  .md-mins-8,
  .md-min-8 {
    margin-inline-start: 56px;
  }
  .md-mine-8,
  .md-min-8 {
    margin-inline-end: 56px;
  }
  .md-p-8 {
    padding: 56px;
  }
  .md-pt-8,
  .md-py-8 {
    padding-top: 56px;
  }
  .md-pr-8,
  .md-px-8 {
    padding-right: 56px;
  }
  .md-pb-8,
  .md-py-8 {
    padding-bottom: 56px;
  }
  .md-pl-8,
  .md-px-8 {
    padding-left: 56px;
  }
  .md-pbls-8,
  .md-pbl-8 {
    padding-block-start: 56px;
  }
  .md-pble-8,
  .md-pbl-8 {
    padding-block-end: 56px;
  }
  .md-pins-8,
  .md-pin-8 {
    padding-inline-start: 56px;
  }
  .md-pine-8,
  .md-pin-8 {
    padding-inline-end: 56px;
  }
  .md-m-9 {
    margin: 64px;
  }
  .md-mt-9,
  .md-my-9 {
    margin-top: 64px;
  }
  .md-mr-9,
  .md-mx-9 {
    margin-right: 64px;
  }
  .md-mb-9,
  .md-my-9 {
    margin-bottom: 64px;
  }
  .md-ml-9,
  .md-mx-9 {
    margin-left: 64px;
  }
  .md-mbls-9,
  .md-mbl-9 {
    margin-block-start: 64px;
  }
  .md-mble-9,
  .md-mbl-9 {
    margin-block-end: 64px;
  }
  .md-mins-9,
  .md-min-9 {
    margin-inline-start: 64px;
  }
  .md-mine-9,
  .md-min-9 {
    margin-inline-end: 64px;
  }
  .md-p-9 {
    padding: 64px;
  }
  .md-pt-9,
  .md-py-9 {
    padding-top: 64px;
  }
  .md-pr-9,
  .md-px-9 {
    padding-right: 64px;
  }
  .md-pb-9,
  .md-py-9 {
    padding-bottom: 64px;
  }
  .md-pl-9,
  .md-px-9 {
    padding-left: 64px;
  }
  .md-pbls-9,
  .md-pbl-9 {
    padding-block-start: 64px;
  }
  .md-pble-9,
  .md-pbl-9 {
    padding-block-end: 64px;
  }
  .md-pins-9,
  .md-pin-9 {
    padding-inline-start: 64px;
  }
  .md-pine-9,
  .md-pin-9 {
    padding-inline-end: 64px;
  }
  .md-m-10 {
    margin: 72px;
  }
  .md-mt-10,
  .md-my-10 {
    margin-top: 72px;
  }
  .md-mr-10,
  .md-mx-10 {
    margin-right: 72px;
  }
  .md-mb-10,
  .md-my-10 {
    margin-bottom: 72px;
  }
  .md-ml-10,
  .md-mx-10 {
    margin-left: 72px;
  }
  .md-mbls-10,
  .md-mbl-10 {
    margin-block-start: 72px;
  }
  .md-mble-10,
  .md-mbl-10 {
    margin-block-end: 72px;
  }
  .md-mins-10,
  .md-min-10 {
    margin-inline-start: 72px;
  }
  .md-mine-10,
  .md-min-10 {
    margin-inline-end: 72px;
  }
  .md-p-10 {
    padding: 72px;
  }
  .md-pt-10,
  .md-py-10 {
    padding-top: 72px;
  }
  .md-pr-10,
  .md-px-10 {
    padding-right: 72px;
  }
  .md-pb-10,
  .md-py-10 {
    padding-bottom: 72px;
  }
  .md-pl-10,
  .md-px-10 {
    padding-left: 72px;
  }
  .md-pbls-10,
  .md-pbl-10 {
    padding-block-start: 72px;
  }
  .md-pble-10,
  .md-pbl-10 {
    padding-block-end: 72px;
  }
  .md-pins-10,
  .md-pin-10 {
    padding-inline-start: 72px;
  }
  .md-pine-10,
  .md-pin-10 {
    padding-inline-end: 72px;
  }
  .md-m-11 {
    margin: 80px;
  }
  .md-mt-11,
  .md-my-11 {
    margin-top: 80px;
  }
  .md-mr-11,
  .md-mx-11 {
    margin-right: 80px;
  }
  .md-mb-11,
  .md-my-11 {
    margin-bottom: 80px;
  }
  .md-ml-11,
  .md-mx-11 {
    margin-left: 80px;
  }
  .md-mbls-11,
  .md-mbl-11 {
    margin-block-start: 80px;
  }
  .md-mble-11,
  .md-mbl-11 {
    margin-block-end: 80px;
  }
  .md-mins-11,
  .md-min-11 {
    margin-inline-start: 80px;
  }
  .md-mine-11,
  .md-min-11 {
    margin-inline-end: 80px;
  }
  .md-p-11 {
    padding: 80px;
  }
  .md-pt-11,
  .md-py-11 {
    padding-top: 80px;
  }
  .md-pr-11,
  .md-px-11 {
    padding-right: 80px;
  }
  .md-pb-11,
  .md-py-11 {
    padding-bottom: 80px;
  }
  .md-pl-11,
  .md-px-11 {
    padding-left: 80px;
  }
  .md-pbls-11,
  .md-pbl-11 {
    padding-block-start: 80px;
  }
  .md-pble-11,
  .md-pbl-11 {
    padding-block-end: 80px;
  }
  .md-pins-11,
  .md-pin-11 {
    padding-inline-start: 80px;
  }
  .md-pine-11,
  .md-pin-11 {
    padding-inline-end: 80px;
  }
  .md-m-12 {
    margin: 88px;
  }
  .md-mt-12,
  .md-my-12 {
    margin-top: 88px;
  }
  .md-mr-12,
  .md-mx-12 {
    margin-right: 88px;
  }
  .md-mb-12,
  .md-my-12 {
    margin-bottom: 88px;
  }
  .md-ml-12,
  .md-mx-12 {
    margin-left: 88px;
  }
  .md-mbls-12,
  .md-mbl-12 {
    margin-block-start: 88px;
  }
  .md-mble-12,
  .md-mbl-12 {
    margin-block-end: 88px;
  }
  .md-mins-12,
  .md-min-12 {
    margin-inline-start: 88px;
  }
  .md-mine-12,
  .md-min-12 {
    margin-inline-end: 88px;
  }
  .md-p-12 {
    padding: 88px;
  }
  .md-pt-12,
  .md-py-12 {
    padding-top: 88px;
  }
  .md-pr-12,
  .md-px-12 {
    padding-right: 88px;
  }
  .md-pb-12,
  .md-py-12 {
    padding-bottom: 88px;
  }
  .md-pl-12,
  .md-px-12 {
    padding-left: 88px;
  }
  .md-pbls-12,
  .md-pbl-12 {
    padding-block-start: 88px;
  }
  .md-pble-12,
  .md-pbl-12 {
    padding-block-end: 88px;
  }
  .md-pins-12,
  .md-pin-12 {
    padding-inline-start: 88px;
  }
  .md-pine-12,
  .md-pin-12 {
    padding-inline-end: 88px;
  }
  .md-m-13 {
    margin: 96px;
  }
  .md-mt-13,
  .md-my-13 {
    margin-top: 96px;
  }
  .md-mr-13,
  .md-mx-13 {
    margin-right: 96px;
  }
  .md-mb-13,
  .md-my-13 {
    margin-bottom: 96px;
  }
  .md-ml-13,
  .md-mx-13 {
    margin-left: 96px;
  }
  .md-mbls-13,
  .md-mbl-13 {
    margin-block-start: 96px;
  }
  .md-mble-13,
  .md-mbl-13 {
    margin-block-end: 96px;
  }
  .md-mins-13,
  .md-min-13 {
    margin-inline-start: 96px;
  }
  .md-mine-13,
  .md-min-13 {
    margin-inline-end: 96px;
  }
  .md-p-13 {
    padding: 96px;
  }
  .md-pt-13,
  .md-py-13 {
    padding-top: 96px;
  }
  .md-pr-13,
  .md-px-13 {
    padding-right: 96px;
  }
  .md-pb-13,
  .md-py-13 {
    padding-bottom: 96px;
  }
  .md-pl-13,
  .md-px-13 {
    padding-left: 96px;
  }
  .md-pbls-13,
  .md-pbl-13 {
    padding-block-start: 96px;
  }
  .md-pble-13,
  .md-pbl-13 {
    padding-block-end: 96px;
  }
  .md-pins-13,
  .md-pin-13 {
    padding-inline-start: 96px;
  }
  .md-pine-13,
  .md-pin-13 {
    padding-inline-end: 96px;
  }
  .md-m-14 {
    margin: 104px;
  }
  .md-mt-14,
  .md-my-14 {
    margin-top: 104px;
  }
  .md-mr-14,
  .md-mx-14 {
    margin-right: 104px;
  }
  .md-mb-14,
  .md-my-14 {
    margin-bottom: 104px;
  }
  .md-ml-14,
  .md-mx-14 {
    margin-left: 104px;
  }
  .md-mbls-14,
  .md-mbl-14 {
    margin-block-start: 104px;
  }
  .md-mble-14,
  .md-mbl-14 {
    margin-block-end: 104px;
  }
  .md-mins-14,
  .md-min-14 {
    margin-inline-start: 104px;
  }
  .md-mine-14,
  .md-min-14 {
    margin-inline-end: 104px;
  }
  .md-p-14 {
    padding: 104px;
  }
  .md-pt-14,
  .md-py-14 {
    padding-top: 104px;
  }
  .md-pr-14,
  .md-px-14 {
    padding-right: 104px;
  }
  .md-pb-14,
  .md-py-14 {
    padding-bottom: 104px;
  }
  .md-pl-14,
  .md-px-14 {
    padding-left: 104px;
  }
  .md-pbls-14,
  .md-pbl-14 {
    padding-block-start: 104px;
  }
  .md-pble-14,
  .md-pbl-14 {
    padding-block-end: 104px;
  }
  .md-pins-14,
  .md-pin-14 {
    padding-inline-start: 104px;
  }
  .md-pine-14,
  .md-pin-14 {
    padding-inline-end: 104px;
  }
  .md-m-15 {
    margin: 112px;
  }
  .md-mt-15,
  .md-my-15 {
    margin-top: 112px;
  }
  .md-mr-15,
  .md-mx-15 {
    margin-right: 112px;
  }
  .md-mb-15,
  .md-my-15 {
    margin-bottom: 112px;
  }
  .md-ml-15,
  .md-mx-15 {
    margin-left: 112px;
  }
  .md-mbls-15,
  .md-mbl-15 {
    margin-block-start: 112px;
  }
  .md-mble-15,
  .md-mbl-15 {
    margin-block-end: 112px;
  }
  .md-mins-15,
  .md-min-15 {
    margin-inline-start: 112px;
  }
  .md-mine-15,
  .md-min-15 {
    margin-inline-end: 112px;
  }
  .md-p-15 {
    padding: 112px;
  }
  .md-pt-15,
  .md-py-15 {
    padding-top: 112px;
  }
  .md-pr-15,
  .md-px-15 {
    padding-right: 112px;
  }
  .md-pb-15,
  .md-py-15 {
    padding-bottom: 112px;
  }
  .md-pl-15,
  .md-px-15 {
    padding-left: 112px;
  }
  .md-pbls-15,
  .md-pbl-15 {
    padding-block-start: 112px;
  }
  .md-pble-15,
  .md-pbl-15 {
    padding-block-end: 112px;
  }
  .md-pins-15,
  .md-pin-15 {
    padding-inline-start: 112px;
  }
  .md-pine-15,
  .md-pin-15 {
    padding-inline-end: 112px;
  }
  .md-m-16 {
    margin: 120px;
  }
  .md-mt-16,
  .md-my-16 {
    margin-top: 120px;
  }
  .md-mr-16,
  .md-mx-16 {
    margin-right: 120px;
  }
  .md-mb-16,
  .md-my-16 {
    margin-bottom: 120px;
  }
  .md-ml-16,
  .md-mx-16 {
    margin-left: 120px;
  }
  .md-mbls-16,
  .md-mbl-16 {
    margin-block-start: 120px;
  }
  .md-mble-16,
  .md-mbl-16 {
    margin-block-end: 120px;
  }
  .md-mins-16,
  .md-min-16 {
    margin-inline-start: 120px;
  }
  .md-mine-16,
  .md-min-16 {
    margin-inline-end: 120px;
  }
  .md-p-16 {
    padding: 120px;
  }
  .md-pt-16,
  .md-py-16 {
    padding-top: 120px;
  }
  .md-pr-16,
  .md-px-16 {
    padding-right: 120px;
  }
  .md-pb-16,
  .md-py-16 {
    padding-bottom: 120px;
  }
  .md-pl-16,
  .md-px-16 {
    padding-left: 120px;
  }
  .md-pbls-16,
  .md-pbl-16 {
    padding-block-start: 120px;
  }
  .md-pble-16,
  .md-pbl-16 {
    padding-block-end: 120px;
  }
  .md-pins-16,
  .md-pin-16 {
    padding-inline-start: 120px;
  }
  .md-pine-16,
  .md-pin-16 {
    padding-inline-end: 120px;
  }
  .md-m-17 {
    margin: 128px;
  }
  .md-mt-17,
  .md-my-17 {
    margin-top: 128px;
  }
  .md-mr-17,
  .md-mx-17 {
    margin-right: 128px;
  }
  .md-mb-17,
  .md-my-17 {
    margin-bottom: 128px;
  }
  .md-ml-17,
  .md-mx-17 {
    margin-left: 128px;
  }
  .md-mbls-17,
  .md-mbl-17 {
    margin-block-start: 128px;
  }
  .md-mble-17,
  .md-mbl-17 {
    margin-block-end: 128px;
  }
  .md-mins-17,
  .md-min-17 {
    margin-inline-start: 128px;
  }
  .md-mine-17,
  .md-min-17 {
    margin-inline-end: 128px;
  }
  .md-p-17 {
    padding: 128px;
  }
  .md-pt-17,
  .md-py-17 {
    padding-top: 128px;
  }
  .md-pr-17,
  .md-px-17 {
    padding-right: 128px;
  }
  .md-pb-17,
  .md-py-17 {
    padding-bottom: 128px;
  }
  .md-pl-17,
  .md-px-17 {
    padding-left: 128px;
  }
  .md-pbls-17,
  .md-pbl-17 {
    padding-block-start: 128px;
  }
  .md-pble-17,
  .md-pbl-17 {
    padding-block-end: 128px;
  }
  .md-pins-17,
  .md-pin-17 {
    padding-inline-start: 128px;
  }
  .md-pine-17,
  .md-pin-17 {
    padding-inline-end: 128px;
  }
  .md-gap-0 {
    gap: 0px;
  }
  .md-gap-x-0 {
    column-gap: 0px;
  }
  .md-gap-y-0 {
    row-gap: 0px;
  }
  .md-gap-0-5 {
    gap: 0.125rem;
  }
  .md-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .md-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .md-gap-1 {
    gap: 0.25rem;
  }
  .md-gap-x-1 {
    column-gap: 0.25rem;
  }
  .md-gap-y-1 {
    row-gap: 0.25rem;
  }
  .md-gap-1-5 {
    gap: 0.375rem;
  }
  .md-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .md-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .md-gap-2 {
    gap: 0.5rem;
  }
  .md-gap-x-2 {
    column-gap: 0.5rem;
  }
  .md-gap-y-2 {
    row-gap: 0.5rem;
  }
  .md-gap-2-5 {
    gap: 0.625rem;
  }
  .md-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .md-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .md-gap-3 {
    gap: 0.75rem;
  }
  .md-gap-x-3 {
    column-gap: 0.75rem;
  }
  .md-gap-y-3 {
    row-gap: 0.75rem;
  }
  .md-gap-3-5 {
    gap: 0.875rem;
  }
  .md-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .md-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .md-gap-4 {
    gap: 1rem;
  }
  .md-gap-x-4 {
    column-gap: 1rem;
  }
  .md-gap-y-4 {
    row-gap: 1rem;
  }
  .md-gap-5 {
    gap: 1.25rem;
  }
  .md-gap-x-5 {
    column-gap: 1.25rem;
  }
  .md-gap-y-5 {
    row-gap: 1.25rem;
  }
  .md-gap-6 {
    gap: 1.5rem;
  }
  .md-gap-x-6 {
    column-gap: 1.5rem;
  }
  .md-gap-y-6 {
    row-gap: 1.5rem;
  }
  .md-gap-7 {
    gap: 1.75rem;
  }
  .md-gap-x-7 {
    column-gap: 1.75rem;
  }
  .md-gap-y-7 {
    row-gap: 1.75rem;
  }
  .md-gap-8 {
    gap: 2rem;
  }
  .md-gap-x-8 {
    column-gap: 2rem;
  }
  .md-gap-y-8 {
    row-gap: 2rem;
  }
  .md-gap-9 {
    gap: 2.25rem;
  }
  .md-gap-x-9 {
    column-gap: 2.25rem;
  }
  .md-gap-y-9 {
    row-gap: 2.25rem;
  }
  .md-gap-10 {
    gap: 2.5rem;
  }
  .md-gap-x-10 {
    column-gap: 2.5rem;
  }
  .md-gap-y-10 {
    row-gap: 2.5rem;
  }
  .md-gap-11 {
    gap: 2.75rem;
  }
  .md-gap-x-11 {
    column-gap: 2.75rem;
  }
  .md-gap-y-11 {
    row-gap: 2.75rem;
  }
  .md-gap-12 {
    gap: 3rem;
  }
  .md-gap-x-12 {
    column-gap: 3rem;
  }
  .md-gap-y-12 {
    row-gap: 3rem;
  }
  .md-gap-14 {
    gap: 3.5rem;
  }
  .md-gap-x-14 {
    column-gap: 3.5rem;
  }
  .md-gap-y-14 {
    row-gap: 3.5rem;
  }
  .md-gap-16 {
    gap: 4rem;
  }
  .md-gap-x-16 {
    column-gap: 4rem;
  }
  .md-gap-y-16 {
    row-gap: 4rem;
  }
  .md-gap-20 {
    gap: 5rem;
  }
  .md-gap-x-20 {
    column-gap: 5rem;
  }
  .md-gap-y-20 {
    row-gap: 5rem;
  }
  .md-gap-24 {
    gap: 6rem;
  }
  .md-gap-x-24 {
    column-gap: 6rem;
  }
  .md-gap-y-24 {
    row-gap: 6rem;
  }
  .md-gap-28 {
    gap: 7rem;
  }
  .md-gap-x-28 {
    column-gap: 7rem;
  }
  .md-gap-y-28 {
    row-gap: 7rem;
  }
  .md-gap-32 {
    gap: 8rem;
  }
  .md-gap-x-32 {
    column-gap: 8rem;
  }
  .md-gap-y-32 {
    row-gap: 8rem;
  }
  .md-gap-36 {
    gap: 9rem;
  }
  .md-gap-x-36 {
    column-gap: 9rem;
  }
  .md-gap-y-36 {
    row-gap: 9rem;
  }
  .md-gap-40 {
    gap: 10rem;
  }
  .md-gap-x-40 {
    column-gap: 10rem;
  }
  .md-gap-y-40 {
    row-gap: 10rem;
  }
  .md-gap-44 {
    gap: 11rem;
  }
  .md-gap-x-44 {
    column-gap: 11rem;
  }
  .md-gap-y-44 {
    row-gap: 11rem;
  }
  .md-gap-48 {
    gap: 12rem;
  }
  .md-gap-x-48 {
    column-gap: 12rem;
  }
  .md-gap-y-48 {
    row-gap: 12rem;
  }
  .md-gap-52 {
    gap: 13rem;
  }
  .md-gap-x-52 {
    column-gap: 13rem;
  }
  .md-gap-y-52 {
    row-gap: 13rem;
  }
  .md-gap-56 {
    gap: 13rem;
  }
  .md-gap-x-56 {
    column-gap: 13rem;
  }
  .md-gap-y-56 {
    row-gap: 13rem;
  }
  .md-gap-60 {
    gap: 15rem;
  }
  .md-gap-x-60 {
    column-gap: 15rem;
  }
  .md-gap-y-60 {
    row-gap: 15rem;
  }
  .md-gap-64 {
    gap: 16rem;
  }
  .md-gap-x-64 {
    column-gap: 16rem;
  }
  .md-gap-y-64 {
    row-gap: 16rem;
  }
  .md-gap-72 {
    gap: 18rem;
  }
  .md-gap-x-72 {
    column-gap: 18rem;
  }
  .md-gap-y-72 {
    row-gap: 18rem;
  }
  .md-gap-80 {
    gap: 20rem;
  }
  .md-gap-x-80 {
    column-gap: 20rem;
  }
  .md-gap-y-80 {
    row-gap: 20rem;
  }
  .md-gap-96 {
    gap: 24rem;
  }
  .md-gap-x-96 {
    column-gap: 24rem;
  }
  .md-gap-y-96 {
    row-gap: 24rem;
  }
  .md-flex {
    display: flex;
  }
  .md-block {
    display: block;
  }
  .md-grid {
    display: grid;
  }
  .md-table {
    display: table;
  }
  .md-table-row {
    display: table-row;
  }
  .md-table-row-group {
    display: table-row-group;
  }
  .md-inline-table {
    display: inline-table;
  }
  .md-inline-block {
    display: inline-block;
  }
  .md-inline {
    display: inline-flex;
  }
  .md-hidden {
    display: none;
  }
  .md-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .md-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .md-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .md-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .md-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .md-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .md-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .md-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .md-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .md-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .md-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .md-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .md-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .md-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .md-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .md-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .md-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .md-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .md-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .md-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .md-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .md-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .md-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .md-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .md-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .md-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .md-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .md-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .md-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .md-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .md-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .md-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .md-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .md-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .md-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .md-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .md-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .md-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .md-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .md-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .md-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .md-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .md-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .md-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .md-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .md-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .md-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .md-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .md-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .md-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .md-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .md-text-ellipsis {
    text-overflow: ellipsis;
  }
  .md-text-clip {
    text-overflow: clip;;
  }
  .md-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .md-overflow-hidden {
    overflow: hidden;
  }
  .md-text-left {
    text-align: left;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-right {
    text-align: right;
  }
  .md-text-justify {
    text-align: justify;
  }
  .md-text-start {
    text-align: start;
  }
  .md-text-end {
    text-align: end;
  }
  .md-underline {
    text-decoration: underline;
  }
  .md-overline {
    text-decoration: overline;
  }
  .md-line-through {
    text-decoration: line-through;
  }
  .md-no-underline {
    text-decoration: none;
  }
  .md-uppercase {
    text-transform: uppercase;
  }
  .md-lowercase {
    text-transform: lowercase;
  }
  .md-capitalize {
    text-transform: capitalize;
  }
  .md-normal-case {
    text-transform: none;
  }
  .md-align-baseline {
    vertical-align: baseline;
  }
  .md-align-top {
    vertical-align: top;
  }
  .md-align-middle {
    vertical-align: middle;
  }
  .md-align-bottom {
    vertical-align: bottom;
  }
  .md-align-text-top {
    vertical-align: text-top;
  }
  .md-align-text-bottom {
    vertical-align: text-bottom;
  }
  .md-align-sub {
    vertical-align: sub;
  }
  .md-align-super {
    vertical-align: super;
  }
  .md-whitespace-normal {
    white-space: normal;
  }
  .md-whitespace-nowrap {
    white-space: nowrap;
  }
  .md-whitespace-pre {
    white-space: pre;
  }
  .md-whitespace-pre-line {
    white-space: pre-line;
  }
  .md-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .md-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .md-break-all {
    word-break: break-all;
  }
  .md-break-keep {
    word-break: keep-all;
  }
  .md-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .md-break-words {
    overflow-wrap: break-word;
  }
  .md-hyphens-none {
    hyphens: none;
  }
  .md-hyphens-manual {
    hyphens: manual;
  }
  .md-hyphens-auto {
    hyphens: auto;
  }
  .md-indent-0 {
    text-indent: 0px;
  }
  .md-indent-px {
    text-indent: 1px;
  }
  .md-indent-0-5 {
    text-indent: 0.125rem;
  }
  .md-indent-1 {
    text-indent: 0.25rem;
  }
  .md-indent-1-5 {
    text-indent: 0.375rem;
  }
  .md-indent-2 {
    text-indent: 0.5rem;
  }
  .md-indent-2-5 {
    text-indent: 0.625rem;
  }
  .md-indent-3 {
    text-indent: 0.75rem;
  }
  .md-indent-3-5 {
    text-indent: 0.875rem;
  }
  .md-indent-4 {
    text-indent: 1rem;
  }
  .md-indent-5 {
    text-indent: 1.25rem;
  }
  .md-indent-6 {
    text-indent: 1.5rem;
  }
  .md-indent-7 {
    text-indent: 1.75rem;
  }
  .md-indent-8 {
    text-indent: 2rem;
  }
  .md-indent-9 {
    text-indent: 2.25rem;
  }
  .md-indent-10 {
    text-indent: 2.5rem;
  }
  .md-indent-11 {
    text-indent: 2.75rem;
  }
  .md-indent-12 {
    text-indent:  3rem;
  }
  .md-indent-14 {
    text-indent: 3.5rem;
  }
  .md-indent-16 {
    text-indent: 4rem;
  }
  .md-indent-20 {
    text-indent: 5rem;
  }
  .md-indent-24 {
    text-indent: 6rem;
  }
  .md-indent-28 {
    text-indent: 7rem;
  }
  .md-indent-32 {
    text-indent: 8rem;
  }
  .md-indent-36 {
    text-indent: 9rem;
  }
  .md-indent-40 {
    text-indent: 10rem;
  }
  .md-indent-44 {
    text-indent: 11rem;
  }
  .md-indent-48 {
    text-indent: 12rem;
  }
  .md-indent-52 {
    text-indent: 13rem;
  }
  .md-indent-56 {
    text-indent: 14rem;
  }
  .md-indent-60 {
    text-indent: 15rem;
  }
  .md-indent-64 {
    text-indent: 16rem;
  }
  .md-indent-72 {
    text-indent: 18rem;
  }
  .md-indent-80 {
    text-indent: 20rem;
  }
  .md-indent-96 {
    text-indent: 24rem;
  }
  .md-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .md-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .md-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .md-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .md-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .md-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .md-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 959px) {
  .sm-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .sm-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .sm-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .sm-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .sm-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .sm-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .sm-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .sm-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .sm-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .sm-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .sm-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .sm-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .sm-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .sm-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .sm-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .sm-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .sm-col-span-0 {
    grid-column: span 0/span 0;
  }
  .sm-col-span-1 {
    grid-column: span 1/span 1;
  }
  .sm-col-span-2 {
    grid-column: span 2/span 2;
  }
  .sm-col-span-3 {
    grid-column: span 3/span 3;
  }
  .sm-col-span-4 {
    grid-column: span 4/span 4;
  }
  .sm-col-span-5 {
    grid-column: span 5/span 5;
  }
  .sm-col-span-6 {
    grid-column: span 6/span 6;
  }
  .sm-col-span-7 {
    grid-column: span 7/span 7;
  }
  .sm-col-span-8 {
    grid-column: span 8/span 8;
  }
  .sm-col-span-9 {
    grid-column: span 9/span 9;
  }
  .sm-col-span-10 {
    grid-column: span 10/span 10;
  }
  .sm-col-span-11 {
    grid-column: span 11/span 11;
  }
  .sm-col-span-12 {
    grid-column: span 12/span 12;
  }
  .sm-col-auto {
    grid-column: auto;
  }
  .sm-row-span-0 {
    grid-row: span 0/span 0;
  }
  .sm-row-span-1 {
    grid-row: span 1/span 1;
  }
  .sm-row-span-2 {
    grid-row: span 2/span 2;
  }
  .sm-row-span-3 {
    grid-row: span 3/span 3;
  }
  .sm-row-span-4 {
    grid-row: span 4/span 4;
  }
  .sm-row-span-5 {
    grid-row: span 5/span 5;
  }
  .sm-row-span-6 {
    grid-row: span 6/span 6;
  }
  .sm-row-span-7 {
    grid-row: span 7/span 7;
  }
  .sm-row-span-8 {
    grid-row: span 8/span 8;
  }
  .sm-row-span-9 {
    grid-row: span 9/span 9;
  }
  .sm-row-span-10 {
    grid-row: span 10/span 10;
  }
  .sm-row-span-11 {
    grid-row: span 11/span 11;
  }
  .sm-row-span-12 {
    grid-row: span 12/span 12;
  }
  .sm-row-auto {
    grid-row: auto;
  }
  .sm-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .sm-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .sm-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .sm-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .sm-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .sm-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .sm-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .sm-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .sm-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .sm-flex-wrap {
    flex-wrap: wrap;
  }
  .sm-flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .sm-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .sm-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .sm-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .sm-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .sm-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .sm-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .sm-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .sm-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .sm-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .sm-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .sm-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .sm-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .sm-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .sm-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .sm-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .sm-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .sm-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .sm-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .sm-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .sm-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .sm-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .sm-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .sm-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .sm-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .sm-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .sm-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .sm-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .sm-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .sm-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .sm-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .sm-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .sm-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .sm-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .sm-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .sm-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .sm-basis-0 {
    flex-basis: 0px;
  }
  .sm-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .sm-basis-1 {
    flex-basis: 0.25rem;
  }
  .sm-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .sm-basis-2 {
    flex-basis: 0.5rem;
  }
  .sm-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .sm-basis-3 {
    flex-basis: 0.75rem;
  }
  .sm-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .sm-basis-4 {
    flex-basis: 1rem;
  }
  .sm-basis-5 {
    flex-basis: 1.25rem;
  }
  .sm-basis-6 {
    flex-basis: 1.5rem;
  }
  .sm-basis-7 {
    flex-basis: 1.75rem;
  }
  .sm-basis-8 {
    flex-basis: 2rem;
  }
  .sm-basis-9 {
    flex-basis: 2.25rem;
  }
  .sm-basis-10 {
    flex-basis: 2.5rem;
  }
  .sm-basis-11 {
    flex-basis: 2.75rem;
  }
  .sm-basis-12 {
    flex-basis: 3rem;
  }
  .sm-basis-14 {
    flex-basis: 3.5rem;
  }
  .sm-basis-16 {
    flex-basis: 4rem;
  }
  .sm-basis-20 {
    flex-basis: 5rem;
  }
  .sm-basis-24 {
    flex-basis: 6rem;
  }
  .sm-basis-28 {
    flex-basis: 7rem;
  }
  .sm-basis-32 {
    flex-basis: 8rem;
  }
  .sm-basis-36 {
    flex-basis: 9rem;
  }
  .sm-basis-40 {
    flex-basis: 10rem;
  }
  .sm-basis-44 {
    flex-basis: 11rem;
  }
  .sm-basis-48 {
    flex-basis: 12rem;
  }
  .sm-basis-52 {
    flex-basis: 13rem;
  }
  .sm-basis-56 {
    flex-basis: 13rem;
  }
  .sm-basis-60 {
    flex-basis: 15rem;
  }
  .sm-basis-64 {
    flex-basis: 16rem;
  }
  .sm-basis-72 {
    flex-basis: 18rem;
  }
  .sm-basis-80 {
    flex-basis: 20rem;
  }
  .sm-basis-96 {
    flex-basis: 24rem;
  }
  .sm-basis-auto {
    flex-basis: auto;
  }
  .sm-basis-1on2 {
    flex-basis: 50%;
  }
  .sm-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .sm-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .sm-basis-1on4 {
    flex-basis: 25%;
  }
  .sm-basis-2on4 {
    flex-basis: 50%;
  }
  .sm-basis-3on4 {
    flex-basis: 75%;
  }
  .sm-basis-1on5 {
    flex-basis: 20%;
  }
  .sm-basis-2on5 {
    flex-basis: 40%;
  }
  .sm-basis-3on5 {
    flex-basis: 60%;
  }
  .sm-basis-4on5 {
    flex-basis: 80%;
  }
  .sm-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .sm-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .sm-basis-3on6 {
    flex-basis: 50%;
  }
  .sm-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .sm-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .sm-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .sm-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .sm-basis-3on12 {
    flex-basis: 25%;
  }
  .sm-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .sm-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .sm-basis-6on12 {
    flex-basis: 50%;
  }
  .sm-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .sm-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .sm-basis-9on12 {
    flex-basis: 75%;
  }
  .sm-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .sm-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .sm-basis-screen {
    flex-basis: 100vw;
  }
  .sm-basis-full {
    flex-basis: 100%;
  }
  .sm-w-0 {
    width: 0px;
  }
  .sm-min-w-0 {
    min-width: 0px;
  }
  .sm-max-w-0 {
    max-width: 0px;
  }
  .sm-w-0-5 {
    width: 0.125rem;
  }
  .sm-min-w-0-5 {
    min-width: 0.125rem;
  }
  .sm-max-w-0-5 {
    max-width: 0.125rem;
  }
  .sm-w-1 {
    width: 0.25rem;
  }
  .sm-min-w-1 {
    min-width: 0.25rem;
  }
  .sm-max-w-1 {
    max-width: 0.25rem;
  }
  .sm-w-1-5 {
    width: 0.375rem;
  }
  .sm-min-w-1-5 {
    min-width: 0.375rem;
  }
  .sm-max-w-1-5 {
    max-width: 0.375rem;
  }
  .sm-w-2 {
    width: 0.5rem;
  }
  .sm-min-w-2 {
    min-width: 0.5rem;
  }
  .sm-max-w-2 {
    max-width: 0.5rem;
  }
  .sm-w-2-5 {
    width: 0.625rem;
  }
  .sm-min-w-2-5 {
    min-width: 0.625rem;
  }
  .sm-max-w-2-5 {
    max-width: 0.625rem;
  }
  .sm-w-3 {
    width: 0.75rem;
  }
  .sm-min-w-3 {
    min-width: 0.75rem;
  }
  .sm-max-w-3 {
    max-width: 0.75rem;
  }
  .sm-w-3-5 {
    width: 0.875rem;
  }
  .sm-min-w-3-5 {
    min-width: 0.875rem;
  }
  .sm-max-w-3-5 {
    max-width: 0.875rem;
  }
  .sm-w-4 {
    width: 1rem;
  }
  .sm-min-w-4 {
    min-width: 1rem;
  }
  .sm-max-w-4 {
    max-width: 1rem;
  }
  .sm-w-5 {
    width: 1.25rem;
  }
  .sm-min-w-5 {
    min-width: 1.25rem;
  }
  .sm-max-w-5 {
    max-width: 1.25rem;
  }
  .sm-w-6 {
    width: 1.5rem;
  }
  .sm-min-w-6 {
    min-width: 1.5rem;
  }
  .sm-max-w-6 {
    max-width: 1.5rem;
  }
  .sm-w-7 {
    width: 1.75rem;
  }
  .sm-min-w-7 {
    min-width: 1.75rem;
  }
  .sm-max-w-7 {
    max-width: 1.75rem;
  }
  .sm-w-8 {
    width: 2rem;
  }
  .sm-min-w-8 {
    min-width: 2rem;
  }
  .sm-max-w-8 {
    max-width: 2rem;
  }
  .sm-w-9 {
    width: 2.25rem;
  }
  .sm-min-w-9 {
    min-width: 2.25rem;
  }
  .sm-max-w-9 {
    max-width: 2.25rem;
  }
  .sm-w-10 {
    width: 2.5rem;
  }
  .sm-min-w-10 {
    min-width: 2.5rem;
  }
  .sm-max-w-10 {
    max-width: 2.5rem;
  }
  .sm-w-11 {
    width: 2.75rem;
  }
  .sm-min-w-11 {
    min-width: 2.75rem;
  }
  .sm-max-w-11 {
    max-width: 2.75rem;
  }
  .sm-w-12 {
    width: 3rem;
  }
  .sm-min-w-12 {
    min-width: 3rem;
  }
  .sm-max-w-12 {
    max-width: 3rem;
  }
  .sm-w-14 {
    width: 3.5rem;
  }
  .sm-min-w-14 {
    min-width: 3.5rem;
  }
  .sm-max-w-14 {
    max-width: 3.5rem;
  }
  .sm-w-16 {
    width: 4rem;
  }
  .sm-min-w-16 {
    min-width: 4rem;
  }
  .sm-max-w-16 {
    max-width: 4rem;
  }
  .sm-w-20 {
    width: 5rem;
  }
  .sm-min-w-20 {
    min-width: 5rem;
  }
  .sm-max-w-20 {
    max-width: 5rem;
  }
  .sm-w-24 {
    width: 6rem;
  }
  .sm-min-w-24 {
    min-width: 6rem;
  }
  .sm-max-w-24 {
    max-width: 6rem;
  }
  .sm-w-28 {
    width: 7rem;
  }
  .sm-min-w-28 {
    min-width: 7rem;
  }
  .sm-max-w-28 {
    max-width: 7rem;
  }
  .sm-w-32 {
    width: 8rem;
  }
  .sm-min-w-32 {
    min-width: 8rem;
  }
  .sm-max-w-32 {
    max-width: 8rem;
  }
  .sm-w-36 {
    width: 9rem;
  }
  .sm-min-w-36 {
    min-width: 9rem;
  }
  .sm-max-w-36 {
    max-width: 9rem;
  }
  .sm-w-40 {
    width: 10rem;
  }
  .sm-min-w-40 {
    min-width: 10rem;
  }
  .sm-max-w-40 {
    max-width: 10rem;
  }
  .sm-w-44 {
    width: 11rem;
  }
  .sm-min-w-44 {
    min-width: 11rem;
  }
  .sm-max-w-44 {
    max-width: 11rem;
  }
  .sm-w-48 {
    width: 12rem;
  }
  .sm-min-w-48 {
    min-width: 12rem;
  }
  .sm-max-w-48 {
    max-width: 12rem;
  }
  .sm-w-52 {
    width: 13rem;
  }
  .sm-min-w-52 {
    min-width: 13rem;
  }
  .sm-max-w-52 {
    max-width: 13rem;
  }
  .sm-w-56 {
    width: 13rem;
  }
  .sm-min-w-56 {
    min-width: 13rem;
  }
  .sm-max-w-56 {
    max-width: 13rem;
  }
  .sm-w-60 {
    width: 15rem;
  }
  .sm-min-w-60 {
    min-width: 15rem;
  }
  .sm-max-w-60 {
    max-width: 15rem;
  }
  .sm-w-64 {
    width: 16rem;
  }
  .sm-min-w-64 {
    min-width: 16rem;
  }
  .sm-max-w-64 {
    max-width: 16rem;
  }
  .sm-w-72 {
    width: 18rem;
  }
  .sm-min-w-72 {
    min-width: 18rem;
  }
  .sm-max-w-72 {
    max-width: 18rem;
  }
  .sm-w-80 {
    width: 20rem;
  }
  .sm-min-w-80 {
    min-width: 20rem;
  }
  .sm-max-w-80 {
    max-width: 20rem;
  }
  .sm-w-96 {
    width: 24rem;
  }
  .sm-min-w-96 {
    min-width: 24rem;
  }
  .sm-max-w-96 {
    max-width: 24rem;
  }
  .sm-w-auto {
    width: auto;
  }
  .sm-min-w-auto {
    min-width: auto;
  }
  .sm-max-w-auto {
    max-width: auto;
  }
  .sm-w-1on2 {
    width: 50%;
  }
  .sm-min-w-1on2 {
    min-width: 50%;
  }
  .sm-max-w-1on2 {
    max-width: 50%;
  }
  .sm-w-1on3 {
    width: 33.333333%;
  }
  .sm-min-w-1on3 {
    min-width: 33.333333%;
  }
  .sm-max-w-1on3 {
    max-width: 33.333333%;
  }
  .sm-w-2on3 {
    width: 66.666667%;
  }
  .sm-min-w-2on3 {
    min-width: 66.666667%;
  }
  .sm-max-w-2on3 {
    max-width: 66.666667%;
  }
  .sm-w-1on4 {
    width: 25%;
  }
  .sm-min-w-1on4 {
    min-width: 25%;
  }
  .sm-max-w-1on4 {
    max-width: 25%;
  }
  .sm-w-2on4 {
    width: 50%;
  }
  .sm-min-w-2on4 {
    min-width: 50%;
  }
  .sm-max-w-2on4 {
    max-width: 50%;
  }
  .sm-w-3on4 {
    width: 75%;
  }
  .sm-min-w-3on4 {
    min-width: 75%;
  }
  .sm-max-w-3on4 {
    max-width: 75%;
  }
  .sm-w-1on5 {
    width: 20%;
  }
  .sm-min-w-1on5 {
    min-width: 20%;
  }
  .sm-max-w-1on5 {
    max-width: 20%;
  }
  .sm-w-2on5 {
    width: 40%;
  }
  .sm-min-w-2on5 {
    min-width: 40%;
  }
  .sm-max-w-2on5 {
    max-width: 40%;
  }
  .sm-w-3on5 {
    width: 60%;
  }
  .sm-min-w-3on5 {
    min-width: 60%;
  }
  .sm-max-w-3on5 {
    max-width: 60%;
  }
  .sm-w-4on5 {
    width: 80%;
  }
  .sm-min-w-4on5 {
    min-width: 80%;
  }
  .sm-max-w-4on5 {
    max-width: 80%;
  }
  .sm-w-1on6 {
    width: 16.666667%;
  }
  .sm-min-w-1on6 {
    min-width: 16.666667%;
  }
  .sm-max-w-1on6 {
    max-width: 16.666667%;
  }
  .sm-w-2on6 {
    width: 33.333333%;
  }
  .sm-min-w-2on6 {
    min-width: 33.333333%;
  }
  .sm-max-w-2on6 {
    max-width: 33.333333%;
  }
  .sm-w-3on6 {
    width: 50%;
  }
  .sm-min-w-3on6 {
    min-width: 50%;
  }
  .sm-max-w-3on6 {
    max-width: 50%;
  }
  .sm-w-4on6 {
    width: 66.666667%;
  }
  .sm-min-w-4on6 {
    min-width: 66.666667%;
  }
  .sm-max-w-4on6 {
    max-width: 66.666667%;
  }
  .sm-w-5on6 {
    width: 83.333333%;
  }
  .sm-min-w-5on6 {
    min-width: 83.333333%;
  }
  .sm-max-w-5on6 {
    max-width: 83.333333%;
  }
  .sm-w-1on12 {
    width: 8.333333%;
  }
  .sm-min-w-1on12 {
    min-width: 8.333333%;
  }
  .sm-max-w-1on12 {
    max-width: 8.333333%;
  }
  .sm-w-2on12 {
    width: 16.666667%;
  }
  .sm-min-w-2on12 {
    min-width: 16.666667%;
  }
  .sm-max-w-2on12 {
    max-width: 16.666667%;
  }
  .sm-w-3on12 {
    width: 25%;
  }
  .sm-min-w-3on12 {
    min-width: 25%;
  }
  .sm-max-w-3on12 {
    max-width: 25%;
  }
  .sm-w-4on12 {
    width: 33.333333%;
  }
  .sm-min-w-4on12 {
    min-width: 33.333333%;
  }
  .sm-max-w-4on12 {
    max-width: 33.333333%;
  }
  .sm-w-5on12 {
    width: 41.666667%;
  }
  .sm-min-w-5on12 {
    min-width: 41.666667%;
  }
  .sm-max-w-5on12 {
    max-width: 41.666667%;
  }
  .sm-w-6on12 {
    width: 50%;
  }
  .sm-min-w-6on12 {
    min-width: 50%;
  }
  .sm-max-w-6on12 {
    max-width: 50%;
  }
  .sm-w-7on12 {
    width: 58.333333%;
  }
  .sm-min-w-7on12 {
    min-width: 58.333333%;
  }
  .sm-max-w-7on12 {
    max-width: 58.333333%;
  }
  .sm-w-8on12 {
    width: 66.666667%;
  }
  .sm-min-w-8on12 {
    min-width: 66.666667%;
  }
  .sm-max-w-8on12 {
    max-width: 66.666667%;
  }
  .sm-w-9on12 {
    width: 75%;
  }
  .sm-min-w-9on12 {
    min-width: 75%;
  }
  .sm-max-w-9on12 {
    max-width: 75%;
  }
  .sm-w-10on12 {
    width: 83.333333%;
  }
  .sm-min-w-10on12 {
    min-width: 83.333333%;
  }
  .sm-max-w-10on12 {
    max-width: 83.333333%;
  }
  .sm-w-11on12 {
    width: 91.666667%;
  }
  .sm-min-w-11on12 {
    min-width: 91.666667%;
  }
  .sm-max-w-11on12 {
    max-width: 91.666667%;
  }
  .sm-w-screen {
    width: 100vw;
  }
  .sm-min-w-screen {
    min-width: 100vw;
  }
  .sm-max-w-screen {
    max-width: 100vw;
  }
  .sm-w-full {
    width: 100%;
  }
  .sm-min-w-full {
    min-width: 100%;
  }
  .sm-max-w-full {
    max-width: 100%;
  }
  .sm-w-fit {
    width: fit-content;
  }
  .sm-min-w-fit {
    min-width: fit-content;
  }
  .sm-max-w-fit {
    max-width: fit-content;
  }
  .sm-w-min {
    width: min-content;
  }
  .sm-min-w-min {
    min-width: min-content;
  }
  .sm-max-w-min {
    max-width: min-content;
  }
  .sm-w-max {
    width: max-content;
  }
  .sm-min-w-max {
    min-width: max-content;
  }
  .sm-max-w-max {
    max-width: max-content;
  }
  .sm-h-0 {
    height: 0px;
  }
  .sm-min-h-0 {
    min-height: 0px;
  }
  .sm-max-h-0 {
    max-height: 0px;
  }
  .sm-h-0-5 {
    height: 0.125rem;
  }
  .sm-min-h-0-5 {
    min-height: 0.125rem;
  }
  .sm-max-h-0-5 {
    max-height: 0.125rem;
  }
  .sm-h-1 {
    height: 0.25rem;
  }
  .sm-min-h-1 {
    min-height: 0.25rem;
  }
  .sm-max-h-1 {
    max-height: 0.25rem;
  }
  .sm-h-1-5 {
    height: 0.375rem;
  }
  .sm-min-h-1-5 {
    min-height: 0.375rem;
  }
  .sm-max-h-1-5 {
    max-height: 0.375rem;
  }
  .sm-h-2 {
    height: 0.5rem;
  }
  .sm-min-h-2 {
    min-height: 0.5rem;
  }
  .sm-max-h-2 {
    max-height: 0.5rem;
  }
  .sm-h-2-5 {
    height: 0.625rem;
  }
  .sm-min-h-2-5 {
    min-height: 0.625rem;
  }
  .sm-max-h-2-5 {
    max-height: 0.625rem;
  }
  .sm-h-3 {
    height: 0.75rem;
  }
  .sm-min-h-3 {
    min-height: 0.75rem;
  }
  .sm-max-h-3 {
    max-height: 0.75rem;
  }
  .sm-h-3-5 {
    height: 0.875rem;
  }
  .sm-min-h-3-5 {
    min-height: 0.875rem;
  }
  .sm-max-h-3-5 {
    max-height: 0.875rem;
  }
  .sm-h-4 {
    height: 1rem;
  }
  .sm-min-h-4 {
    min-height: 1rem;
  }
  .sm-max-h-4 {
    max-height: 1rem;
  }
  .sm-h-5 {
    height: 1.25rem;
  }
  .sm-min-h-5 {
    min-height: 1.25rem;
  }
  .sm-max-h-5 {
    max-height: 1.25rem;
  }
  .sm-h-6 {
    height: 1.5rem;
  }
  .sm-min-h-6 {
    min-height: 1.5rem;
  }
  .sm-max-h-6 {
    max-height: 1.5rem;
  }
  .sm-h-7 {
    height: 1.75rem;
  }
  .sm-min-h-7 {
    min-height: 1.75rem;
  }
  .sm-max-h-7 {
    max-height: 1.75rem;
  }
  .sm-h-8 {
    height: 2rem;
  }
  .sm-min-h-8 {
    min-height: 2rem;
  }
  .sm-max-h-8 {
    max-height: 2rem;
  }
  .sm-h-9 {
    height: 2.25rem;
  }
  .sm-min-h-9 {
    min-height: 2.25rem;
  }
  .sm-max-h-9 {
    max-height: 2.25rem;
  }
  .sm-h-10 {
    height: 2.5rem;
  }
  .sm-min-h-10 {
    min-height: 2.5rem;
  }
  .sm-max-h-10 {
    max-height: 2.5rem;
  }
  .sm-h-11 {
    height: 2.75rem;
  }
  .sm-min-h-11 {
    min-height: 2.75rem;
  }
  .sm-max-h-11 {
    max-height: 2.75rem;
  }
  .sm-h-12 {
    height: 3rem;
  }
  .sm-min-h-12 {
    min-height: 3rem;
  }
  .sm-max-h-12 {
    max-height: 3rem;
  }
  .sm-h-14 {
    height: 3.5rem;
  }
  .sm-min-h-14 {
    min-height: 3.5rem;
  }
  .sm-max-h-14 {
    max-height: 3.5rem;
  }
  .sm-h-16 {
    height: 4rem;
  }
  .sm-min-h-16 {
    min-height: 4rem;
  }
  .sm-max-h-16 {
    max-height: 4rem;
  }
  .sm-h-20 {
    height: 5rem;
  }
  .sm-min-h-20 {
    min-height: 5rem;
  }
  .sm-max-h-20 {
    max-height: 5rem;
  }
  .sm-h-24 {
    height: 6rem;
  }
  .sm-min-h-24 {
    min-height: 6rem;
  }
  .sm-max-h-24 {
    max-height: 6rem;
  }
  .sm-h-28 {
    height: 7rem;
  }
  .sm-min-h-28 {
    min-height: 7rem;
  }
  .sm-max-h-28 {
    max-height: 7rem;
  }
  .sm-h-32 {
    height: 8rem;
  }
  .sm-min-h-32 {
    min-height: 8rem;
  }
  .sm-max-h-32 {
    max-height: 8rem;
  }
  .sm-h-36 {
    height: 9rem;
  }
  .sm-min-h-36 {
    min-height: 9rem;
  }
  .sm-max-h-36 {
    max-height: 9rem;
  }
  .sm-h-40 {
    height: 10rem;
  }
  .sm-min-h-40 {
    min-height: 10rem;
  }
  .sm-max-h-40 {
    max-height: 10rem;
  }
  .sm-h-44 {
    height: 11rem;
  }
  .sm-min-h-44 {
    min-height: 11rem;
  }
  .sm-max-h-44 {
    max-height: 11rem;
  }
  .sm-h-48 {
    height: 12rem;
  }
  .sm-min-h-48 {
    min-height: 12rem;
  }
  .sm-max-h-48 {
    max-height: 12rem;
  }
  .sm-h-52 {
    height: 13rem;
  }
  .sm-min-h-52 {
    min-height: 13rem;
  }
  .sm-max-h-52 {
    max-height: 13rem;
  }
  .sm-h-56 {
    height: 13rem;
  }
  .sm-min-h-56 {
    min-height: 13rem;
  }
  .sm-max-h-56 {
    max-height: 13rem;
  }
  .sm-h-60 {
    height: 15rem;
  }
  .sm-min-h-60 {
    min-height: 15rem;
  }
  .sm-max-h-60 {
    max-height: 15rem;
  }
  .sm-h-64 {
    height: 16rem;
  }
  .sm-min-h-64 {
    min-height: 16rem;
  }
  .sm-max-h-64 {
    max-height: 16rem;
  }
  .sm-h-72 {
    height: 18rem;
  }
  .sm-min-h-72 {
    min-height: 18rem;
  }
  .sm-max-h-72 {
    max-height: 18rem;
  }
  .sm-h-80 {
    height: 20rem;
  }
  .sm-min-h-80 {
    min-height: 20rem;
  }
  .sm-max-h-80 {
    max-height: 20rem;
  }
  .sm-h-96 {
    height: 24rem;
  }
  .sm-min-h-96 {
    min-height: 24rem;
  }
  .sm-max-h-96 {
    max-height: 24rem;
  }
  .sm-h-100 {
    height: 28rem;
  }
  .sm-min-h-100 {
    min-height: 28rem;
  }
  .sm-max-h-100 {
    max-height: 28rem;
  }
  .sm-h-auto {
    height: auto;
  }
  .sm-min-h-auto {
    min-height: auto;
  }
  .sm-max-h-auto {
    max-height: auto;
  }
  .sm-h-1on2 {
    height: 50%;
  }
  .sm-min-h-1on2 {
    min-height: 50%;
  }
  .sm-max-h-1on2 {
    max-height: 50%;
  }
  .sm-h-1on3 {
    height: 33.333333%;
  }
  .sm-min-h-1on3 {
    min-height: 33.333333%;
  }
  .sm-max-h-1on3 {
    max-height: 33.333333%;
  }
  .sm-h-2on3 {
    height: 66.666667%;
  }
  .sm-min-h-2on3 {
    min-height: 66.666667%;
  }
  .sm-max-h-2on3 {
    max-height: 66.666667%;
  }
  .sm-h-1on4 {
    height: 25%;
  }
  .sm-min-h-1on4 {
    min-height: 25%;
  }
  .sm-max-h-1on4 {
    max-height: 25%;
  }
  .sm-h-2on4 {
    height: 50%;
  }
  .sm-min-h-2on4 {
    min-height: 50%;
  }
  .sm-max-h-2on4 {
    max-height: 50%;
  }
  .sm-h-3on4 {
    height: 75%;
  }
  .sm-min-h-3on4 {
    min-height: 75%;
  }
  .sm-max-h-3on4 {
    max-height: 75%;
  }
  .sm-h-1on5 {
    height: 20%;
  }
  .sm-min-h-1on5 {
    min-height: 20%;
  }
  .sm-max-h-1on5 {
    max-height: 20%;
  }
  .sm-h-2on5 {
    height: 40%;
  }
  .sm-min-h-2on5 {
    min-height: 40%;
  }
  .sm-max-h-2on5 {
    max-height: 40%;
  }
  .sm-h-3on5 {
    height: 60%;
  }
  .sm-min-h-3on5 {
    min-height: 60%;
  }
  .sm-max-h-3on5 {
    max-height: 60%;
  }
  .sm-h-4on5 {
    height: 80%;
  }
  .sm-min-h-4on5 {
    min-height: 80%;
  }
  .sm-max-h-4on5 {
    max-height: 80%;
  }
  .sm-h-1on6 {
    height: 16.666667%;
  }
  .sm-min-h-1on6 {
    min-height: 16.666667%;
  }
  .sm-max-h-1on6 {
    max-height: 16.666667%;
  }
  .sm-h-2on6 {
    height: 33.333333%;
  }
  .sm-min-h-2on6 {
    min-height: 33.333333%;
  }
  .sm-max-h-2on6 {
    max-height: 33.333333%;
  }
  .sm-h-3on6 {
    height: 50%;
  }
  .sm-min-h-3on6 {
    min-height: 50%;
  }
  .sm-max-h-3on6 {
    max-height: 50%;
  }
  .sm-h-4on6 {
    height: 66.666667%;
  }
  .sm-min-h-4on6 {
    min-height: 66.666667%;
  }
  .sm-max-h-4on6 {
    max-height: 66.666667%;
  }
  .sm-h-5on6 {
    height: 83.333333%;
  }
  .sm-min-h-5on6 {
    min-height: 83.333333%;
  }
  .sm-max-h-5on6 {
    max-height: 83.333333%;
  }
  .sm-h-1on12 {
    height: 8.333333%;
  }
  .sm-min-h-1on12 {
    min-height: 8.333333%;
  }
  .sm-max-h-1on12 {
    max-height: 8.333333%;
  }
  .sm-h-2on12 {
    height: 16.666667%;
  }
  .sm-min-h-2on12 {
    min-height: 16.666667%;
  }
  .sm-max-h-2on12 {
    max-height: 16.666667%;
  }
  .sm-h-3on12 {
    height: 25%;
  }
  .sm-min-h-3on12 {
    min-height: 25%;
  }
  .sm-max-h-3on12 {
    max-height: 25%;
  }
  .sm-h-4on12 {
    height: 33.333333%;
  }
  .sm-min-h-4on12 {
    min-height: 33.333333%;
  }
  .sm-max-h-4on12 {
    max-height: 33.333333%;
  }
  .sm-h-5on12 {
    height: 41.666667%;
  }
  .sm-min-h-5on12 {
    min-height: 41.666667%;
  }
  .sm-max-h-5on12 {
    max-height: 41.666667%;
  }
  .sm-h-6on12 {
    height: 50%;
  }
  .sm-min-h-6on12 {
    min-height: 50%;
  }
  .sm-max-h-6on12 {
    max-height: 50%;
  }
  .sm-h-7on12 {
    height: 58.333333%;
  }
  .sm-min-h-7on12 {
    min-height: 58.333333%;
  }
  .sm-max-h-7on12 {
    max-height: 58.333333%;
  }
  .sm-h-8on12 {
    height: 66.666667%;
  }
  .sm-min-h-8on12 {
    min-height: 66.666667%;
  }
  .sm-max-h-8on12 {
    max-height: 66.666667%;
  }
  .sm-h-9on12 {
    height: 75%;
  }
  .sm-min-h-9on12 {
    min-height: 75%;
  }
  .sm-max-h-9on12 {
    max-height: 75%;
  }
  .sm-h-10on12 {
    height: 83.333333%;
  }
  .sm-min-h-10on12 {
    min-height: 83.333333%;
  }
  .sm-max-h-10on12 {
    max-height: 83.333333%;
  }
  .sm-h-11on12 {
    height: 91.666667%;
  }
  .sm-min-h-11on12 {
    min-height: 91.666667%;
  }
  .sm-max-h-11on12 {
    max-height: 91.666667%;
  }
  .sm-h-screen {
    height: 100vw;
  }
  .sm-min-h-screen {
    min-height: 100vw;
  }
  .sm-max-h-screen {
    max-height: 100vw;
  }
  .sm-h-full {
    height: 100%;
  }
  .sm-min-h-full {
    min-height: 100%;
  }
  .sm-max-h-full {
    max-height: 100%;
  }
  .sm-h-fit {
    height: fit-content;
  }
  .sm-min-h-fit {
    min-height: fit-content;
  }
  .sm-max-h-fit {
    max-height: fit-content;
  }
  .sm-h-min {
    height: min-content;
  }
  .sm-min-h-min {
    min-height: min-content;
  }
  .sm-max-h-min {
    max-height: min-content;
  }
  .sm-h-max {
    height: max-content;
  }
  .sm-min-h-max {
    min-height: max-content;
  }
  .sm-max-h-max {
    max-height: max-content;
  }
  .sm-m-0 {
    margin: 0;
  }
  .sm-mt-0,
  .sm-my-0 {
    margin-top: 0;
  }
  .sm-mr-0,
  .sm-mx-0 {
    margin-right: 0;
  }
  .sm-mb-0,
  .sm-my-0 {
    margin-bottom: 0;
  }
  .sm-ml-0,
  .sm-mx-0 {
    margin-left: 0;
  }
  .sm-mbls-0,
  .sm-mbl-0 {
    margin-block-start: 0;
  }
  .sm-mble-0,
  .sm-mbl-0 {
    margin-block-end: 0;
  }
  .sm-mins-0,
  .sm-min-0 {
    margin-inline-start: 0;
  }
  .sm-mine-0,
  .sm-min-0 {
    margin-inline-end: 0;
  }
  .sm-p-0 {
    padding: 0;
  }
  .sm-pt-0,
  .sm-py-0 {
    padding-top: 0;
  }
  .sm-pr-0,
  .sm-px-0 {
    padding-right: 0;
  }
  .sm-pb-0,
  .sm-py-0 {
    padding-bottom: 0;
  }
  .sm-pl-0,
  .sm-px-0 {
    padding-left: 0;
  }
  .sm-pbls-0,
  .sm-pbl-0 {
    padding-block-start: 0;
  }
  .sm-pble-0,
  .sm-pbl-0 {
    padding-block-end: 0;
  }
  .sm-pins-0,
  .sm-pin-0 {
    padding-inline-start: 0;
  }
  .sm-pine-0,
  .sm-pin-0 {
    padding-inline-end: 0;
  }
  .sm-m-1 {
    margin: 4px;
  }
  .sm-mt-1,
  .sm-my-1 {
    margin-top: 4px;
  }
  .sm-mr-1,
  .sm-mx-1 {
    margin-right: 4px;
  }
  .sm-mb-1,
  .sm-my-1 {
    margin-bottom: 4px;
  }
  .sm-ml-1,
  .sm-mx-1 {
    margin-left: 4px;
  }
  .sm-mbls-1,
  .sm-mbl-1 {
    margin-block-start: 4px;
  }
  .sm-mble-1,
  .sm-mbl-1 {
    margin-block-end: 4px;
  }
  .sm-mins-1,
  .sm-min-1 {
    margin-inline-start: 4px;
  }
  .sm-mine-1,
  .sm-min-1 {
    margin-inline-end: 4px;
  }
  .sm-p-1 {
    padding: 4px;
  }
  .sm-pt-1,
  .sm-py-1 {
    padding-top: 4px;
  }
  .sm-pr-1,
  .sm-px-1 {
    padding-right: 4px;
  }
  .sm-pb-1,
  .sm-py-1 {
    padding-bottom: 4px;
  }
  .sm-pl-1,
  .sm-px-1 {
    padding-left: 4px;
  }
  .sm-pbls-1,
  .sm-pbl-1 {
    padding-block-start: 4px;
  }
  .sm-pble-1,
  .sm-pbl-1 {
    padding-block-end: 4px;
  }
  .sm-pins-1,
  .sm-pin-1 {
    padding-inline-start: 4px;
  }
  .sm-pine-1,
  .sm-pin-1 {
    padding-inline-end: 4px;
  }
  .sm-m-2 {
    margin: 8px;
  }
  .sm-mt-2,
  .sm-my-2 {
    margin-top: 8px;
  }
  .sm-mr-2,
  .sm-mx-2 {
    margin-right: 8px;
  }
  .sm-mb-2,
  .sm-my-2 {
    margin-bottom: 8px;
  }
  .sm-ml-2,
  .sm-mx-2 {
    margin-left: 8px;
  }
  .sm-mbls-2,
  .sm-mbl-2 {
    margin-block-start: 8px;
  }
  .sm-mble-2,
  .sm-mbl-2 {
    margin-block-end: 8px;
  }
  .sm-mins-2,
  .sm-min-2 {
    margin-inline-start: 8px;
  }
  .sm-mine-2,
  .sm-min-2 {
    margin-inline-end: 8px;
  }
  .sm-p-2 {
    padding: 8px;
  }
  .sm-pt-2,
  .sm-py-2 {
    padding-top: 8px;
  }
  .sm-pr-2,
  .sm-px-2 {
    padding-right: 8px;
  }
  .sm-pb-2,
  .sm-py-2 {
    padding-bottom: 8px;
  }
  .sm-pl-2,
  .sm-px-2 {
    padding-left: 8px;
  }
  .sm-pbls-2,
  .sm-pbl-2 {
    padding-block-start: 8px;
  }
  .sm-pble-2,
  .sm-pbl-2 {
    padding-block-end: 8px;
  }
  .sm-pins-2,
  .sm-pin-2 {
    padding-inline-start: 8px;
  }
  .sm-pine-2,
  .sm-pin-2 {
    padding-inline-end: 8px;
  }
  .sm-m-3 {
    margin: 16px;
  }
  .sm-mt-3,
  .sm-my-3 {
    margin-top: 16px;
  }
  .sm-mr-3,
  .sm-mx-3 {
    margin-right: 16px;
  }
  .sm-mb-3,
  .sm-my-3 {
    margin-bottom: 16px;
  }
  .sm-ml-3,
  .sm-mx-3 {
    margin-left: 16px;
  }
  .sm-mbls-3,
  .sm-mbl-3 {
    margin-block-start: 16px;
  }
  .sm-mble-3,
  .sm-mbl-3 {
    margin-block-end: 16px;
  }
  .sm-mins-3,
  .sm-min-3 {
    margin-inline-start: 16px;
  }
  .sm-mine-3,
  .sm-min-3 {
    margin-inline-end: 16px;
  }
  .sm-p-3 {
    padding: 16px;
  }
  .sm-pt-3,
  .sm-py-3 {
    padding-top: 16px;
  }
  .sm-pr-3,
  .sm-px-3 {
    padding-right: 16px;
  }
  .sm-pb-3,
  .sm-py-3 {
    padding-bottom: 16px;
  }
  .sm-pl-3,
  .sm-px-3 {
    padding-left: 16px;
  }
  .sm-pbls-3,
  .sm-pbl-3 {
    padding-block-start: 16px;
  }
  .sm-pble-3,
  .sm-pbl-3 {
    padding-block-end: 16px;
  }
  .sm-pins-3,
  .sm-pin-3 {
    padding-inline-start: 16px;
  }
  .sm-pine-3,
  .sm-pin-3 {
    padding-inline-end: 16px;
  }
  .sm-m-4 {
    margin: 24px;
  }
  .sm-mt-4,
  .sm-my-4 {
    margin-top: 24px;
  }
  .sm-mr-4,
  .sm-mx-4 {
    margin-right: 24px;
  }
  .sm-mb-4,
  .sm-my-4 {
    margin-bottom: 24px;
  }
  .sm-ml-4,
  .sm-mx-4 {
    margin-left: 24px;
  }
  .sm-mbls-4,
  .sm-mbl-4 {
    margin-block-start: 24px;
  }
  .sm-mble-4,
  .sm-mbl-4 {
    margin-block-end: 24px;
  }
  .sm-mins-4,
  .sm-min-4 {
    margin-inline-start: 24px;
  }
  .sm-mine-4,
  .sm-min-4 {
    margin-inline-end: 24px;
  }
  .sm-p-4 {
    padding: 24px;
  }
  .sm-pt-4,
  .sm-py-4 {
    padding-top: 24px;
  }
  .sm-pr-4,
  .sm-px-4 {
    padding-right: 24px;
  }
  .sm-pb-4,
  .sm-py-4 {
    padding-bottom: 24px;
  }
  .sm-pl-4,
  .sm-px-4 {
    padding-left: 24px;
  }
  .sm-pbls-4,
  .sm-pbl-4 {
    padding-block-start: 24px;
  }
  .sm-pble-4,
  .sm-pbl-4 {
    padding-block-end: 24px;
  }
  .sm-pins-4,
  .sm-pin-4 {
    padding-inline-start: 24px;
  }
  .sm-pine-4,
  .sm-pin-4 {
    padding-inline-end: 24px;
  }
  .sm-m-5 {
    margin: 32px;
  }
  .sm-mt-5,
  .sm-my-5 {
    margin-top: 32px;
  }
  .sm-mr-5,
  .sm-mx-5 {
    margin-right: 32px;
  }
  .sm-mb-5,
  .sm-my-5 {
    margin-bottom: 32px;
  }
  .sm-ml-5,
  .sm-mx-5 {
    margin-left: 32px;
  }
  .sm-mbls-5,
  .sm-mbl-5 {
    margin-block-start: 32px;
  }
  .sm-mble-5,
  .sm-mbl-5 {
    margin-block-end: 32px;
  }
  .sm-mins-5,
  .sm-min-5 {
    margin-inline-start: 32px;
  }
  .sm-mine-5,
  .sm-min-5 {
    margin-inline-end: 32px;
  }
  .sm-p-5 {
    padding: 32px;
  }
  .sm-pt-5,
  .sm-py-5 {
    padding-top: 32px;
  }
  .sm-pr-5,
  .sm-px-5 {
    padding-right: 32px;
  }
  .sm-pb-5,
  .sm-py-5 {
    padding-bottom: 32px;
  }
  .sm-pl-5,
  .sm-px-5 {
    padding-left: 32px;
  }
  .sm-pbls-5,
  .sm-pbl-5 {
    padding-block-start: 32px;
  }
  .sm-pble-5,
  .sm-pbl-5 {
    padding-block-end: 32px;
  }
  .sm-pins-5,
  .sm-pin-5 {
    padding-inline-start: 32px;
  }
  .sm-pine-5,
  .sm-pin-5 {
    padding-inline-end: 32px;
  }
  .sm-m-6 {
    margin: 40px;
  }
  .sm-mt-6,
  .sm-my-6 {
    margin-top: 40px;
  }
  .sm-mr-6,
  .sm-mx-6 {
    margin-right: 40px;
  }
  .sm-mb-6,
  .sm-my-6 {
    margin-bottom: 40px;
  }
  .sm-ml-6,
  .sm-mx-6 {
    margin-left: 40px;
  }
  .sm-mbls-6,
  .sm-mbl-6 {
    margin-block-start: 40px;
  }
  .sm-mble-6,
  .sm-mbl-6 {
    margin-block-end: 40px;
  }
  .sm-mins-6,
  .sm-min-6 {
    margin-inline-start: 40px;
  }
  .sm-mine-6,
  .sm-min-6 {
    margin-inline-end: 40px;
  }
  .sm-p-6 {
    padding: 40px;
  }
  .sm-pt-6,
  .sm-py-6 {
    padding-top: 40px;
  }
  .sm-pr-6,
  .sm-px-6 {
    padding-right: 40px;
  }
  .sm-pb-6,
  .sm-py-6 {
    padding-bottom: 40px;
  }
  .sm-pl-6,
  .sm-px-6 {
    padding-left: 40px;
  }
  .sm-pbls-6,
  .sm-pbl-6 {
    padding-block-start: 40px;
  }
  .sm-pble-6,
  .sm-pbl-6 {
    padding-block-end: 40px;
  }
  .sm-pins-6,
  .sm-pin-6 {
    padding-inline-start: 40px;
  }
  .sm-pine-6,
  .sm-pin-6 {
    padding-inline-end: 40px;
  }
  .sm-m-7 {
    margin: 48px;
  }
  .sm-mt-7,
  .sm-my-7 {
    margin-top: 48px;
  }
  .sm-mr-7,
  .sm-mx-7 {
    margin-right: 48px;
  }
  .sm-mb-7,
  .sm-my-7 {
    margin-bottom: 48px;
  }
  .sm-ml-7,
  .sm-mx-7 {
    margin-left: 48px;
  }
  .sm-mbls-7,
  .sm-mbl-7 {
    margin-block-start: 48px;
  }
  .sm-mble-7,
  .sm-mbl-7 {
    margin-block-end: 48px;
  }
  .sm-mins-7,
  .sm-min-7 {
    margin-inline-start: 48px;
  }
  .sm-mine-7,
  .sm-min-7 {
    margin-inline-end: 48px;
  }
  .sm-p-7 {
    padding: 48px;
  }
  .sm-pt-7,
  .sm-py-7 {
    padding-top: 48px;
  }
  .sm-pr-7,
  .sm-px-7 {
    padding-right: 48px;
  }
  .sm-pb-7,
  .sm-py-7 {
    padding-bottom: 48px;
  }
  .sm-pl-7,
  .sm-px-7 {
    padding-left: 48px;
  }
  .sm-pbls-7,
  .sm-pbl-7 {
    padding-block-start: 48px;
  }
  .sm-pble-7,
  .sm-pbl-7 {
    padding-block-end: 48px;
  }
  .sm-pins-7,
  .sm-pin-7 {
    padding-inline-start: 48px;
  }
  .sm-pine-7,
  .sm-pin-7 {
    padding-inline-end: 48px;
  }
  .sm-m-8 {
    margin: 56px;
  }
  .sm-mt-8,
  .sm-my-8 {
    margin-top: 56px;
  }
  .sm-mr-8,
  .sm-mx-8 {
    margin-right: 56px;
  }
  .sm-mb-8,
  .sm-my-8 {
    margin-bottom: 56px;
  }
  .sm-ml-8,
  .sm-mx-8 {
    margin-left: 56px;
  }
  .sm-mbls-8,
  .sm-mbl-8 {
    margin-block-start: 56px;
  }
  .sm-mble-8,
  .sm-mbl-8 {
    margin-block-end: 56px;
  }
  .sm-mins-8,
  .sm-min-8 {
    margin-inline-start: 56px;
  }
  .sm-mine-8,
  .sm-min-8 {
    margin-inline-end: 56px;
  }
  .sm-p-8 {
    padding: 56px;
  }
  .sm-pt-8,
  .sm-py-8 {
    padding-top: 56px;
  }
  .sm-pr-8,
  .sm-px-8 {
    padding-right: 56px;
  }
  .sm-pb-8,
  .sm-py-8 {
    padding-bottom: 56px;
  }
  .sm-pl-8,
  .sm-px-8 {
    padding-left: 56px;
  }
  .sm-pbls-8,
  .sm-pbl-8 {
    padding-block-start: 56px;
  }
  .sm-pble-8,
  .sm-pbl-8 {
    padding-block-end: 56px;
  }
  .sm-pins-8,
  .sm-pin-8 {
    padding-inline-start: 56px;
  }
  .sm-pine-8,
  .sm-pin-8 {
    padding-inline-end: 56px;
  }
  .sm-m-9 {
    margin: 64px;
  }
  .sm-mt-9,
  .sm-my-9 {
    margin-top: 64px;
  }
  .sm-mr-9,
  .sm-mx-9 {
    margin-right: 64px;
  }
  .sm-mb-9,
  .sm-my-9 {
    margin-bottom: 64px;
  }
  .sm-ml-9,
  .sm-mx-9 {
    margin-left: 64px;
  }
  .sm-mbls-9,
  .sm-mbl-9 {
    margin-block-start: 64px;
  }
  .sm-mble-9,
  .sm-mbl-9 {
    margin-block-end: 64px;
  }
  .sm-mins-9,
  .sm-min-9 {
    margin-inline-start: 64px;
  }
  .sm-mine-9,
  .sm-min-9 {
    margin-inline-end: 64px;
  }
  .sm-p-9 {
    padding: 64px;
  }
  .sm-pt-9,
  .sm-py-9 {
    padding-top: 64px;
  }
  .sm-pr-9,
  .sm-px-9 {
    padding-right: 64px;
  }
  .sm-pb-9,
  .sm-py-9 {
    padding-bottom: 64px;
  }
  .sm-pl-9,
  .sm-px-9 {
    padding-left: 64px;
  }
  .sm-pbls-9,
  .sm-pbl-9 {
    padding-block-start: 64px;
  }
  .sm-pble-9,
  .sm-pbl-9 {
    padding-block-end: 64px;
  }
  .sm-pins-9,
  .sm-pin-9 {
    padding-inline-start: 64px;
  }
  .sm-pine-9,
  .sm-pin-9 {
    padding-inline-end: 64px;
  }
  .sm-m-10 {
    margin: 72px;
  }
  .sm-mt-10,
  .sm-my-10 {
    margin-top: 72px;
  }
  .sm-mr-10,
  .sm-mx-10 {
    margin-right: 72px;
  }
  .sm-mb-10,
  .sm-my-10 {
    margin-bottom: 72px;
  }
  .sm-ml-10,
  .sm-mx-10 {
    margin-left: 72px;
  }
  .sm-mbls-10,
  .sm-mbl-10 {
    margin-block-start: 72px;
  }
  .sm-mble-10,
  .sm-mbl-10 {
    margin-block-end: 72px;
  }
  .sm-mins-10,
  .sm-min-10 {
    margin-inline-start: 72px;
  }
  .sm-mine-10,
  .sm-min-10 {
    margin-inline-end: 72px;
  }
  .sm-p-10 {
    padding: 72px;
  }
  .sm-pt-10,
  .sm-py-10 {
    padding-top: 72px;
  }
  .sm-pr-10,
  .sm-px-10 {
    padding-right: 72px;
  }
  .sm-pb-10,
  .sm-py-10 {
    padding-bottom: 72px;
  }
  .sm-pl-10,
  .sm-px-10 {
    padding-left: 72px;
  }
  .sm-pbls-10,
  .sm-pbl-10 {
    padding-block-start: 72px;
  }
  .sm-pble-10,
  .sm-pbl-10 {
    padding-block-end: 72px;
  }
  .sm-pins-10,
  .sm-pin-10 {
    padding-inline-start: 72px;
  }
  .sm-pine-10,
  .sm-pin-10 {
    padding-inline-end: 72px;
  }
  .sm-m-11 {
    margin: 80px;
  }
  .sm-mt-11,
  .sm-my-11 {
    margin-top: 80px;
  }
  .sm-mr-11,
  .sm-mx-11 {
    margin-right: 80px;
  }
  .sm-mb-11,
  .sm-my-11 {
    margin-bottom: 80px;
  }
  .sm-ml-11,
  .sm-mx-11 {
    margin-left: 80px;
  }
  .sm-mbls-11,
  .sm-mbl-11 {
    margin-block-start: 80px;
  }
  .sm-mble-11,
  .sm-mbl-11 {
    margin-block-end: 80px;
  }
  .sm-mins-11,
  .sm-min-11 {
    margin-inline-start: 80px;
  }
  .sm-mine-11,
  .sm-min-11 {
    margin-inline-end: 80px;
  }
  .sm-p-11 {
    padding: 80px;
  }
  .sm-pt-11,
  .sm-py-11 {
    padding-top: 80px;
  }
  .sm-pr-11,
  .sm-px-11 {
    padding-right: 80px;
  }
  .sm-pb-11,
  .sm-py-11 {
    padding-bottom: 80px;
  }
  .sm-pl-11,
  .sm-px-11 {
    padding-left: 80px;
  }
  .sm-pbls-11,
  .sm-pbl-11 {
    padding-block-start: 80px;
  }
  .sm-pble-11,
  .sm-pbl-11 {
    padding-block-end: 80px;
  }
  .sm-pins-11,
  .sm-pin-11 {
    padding-inline-start: 80px;
  }
  .sm-pine-11,
  .sm-pin-11 {
    padding-inline-end: 80px;
  }
  .sm-m-12 {
    margin: 88px;
  }
  .sm-mt-12,
  .sm-my-12 {
    margin-top: 88px;
  }
  .sm-mr-12,
  .sm-mx-12 {
    margin-right: 88px;
  }
  .sm-mb-12,
  .sm-my-12 {
    margin-bottom: 88px;
  }
  .sm-ml-12,
  .sm-mx-12 {
    margin-left: 88px;
  }
  .sm-mbls-12,
  .sm-mbl-12 {
    margin-block-start: 88px;
  }
  .sm-mble-12,
  .sm-mbl-12 {
    margin-block-end: 88px;
  }
  .sm-mins-12,
  .sm-min-12 {
    margin-inline-start: 88px;
  }
  .sm-mine-12,
  .sm-min-12 {
    margin-inline-end: 88px;
  }
  .sm-p-12 {
    padding: 88px;
  }
  .sm-pt-12,
  .sm-py-12 {
    padding-top: 88px;
  }
  .sm-pr-12,
  .sm-px-12 {
    padding-right: 88px;
  }
  .sm-pb-12,
  .sm-py-12 {
    padding-bottom: 88px;
  }
  .sm-pl-12,
  .sm-px-12 {
    padding-left: 88px;
  }
  .sm-pbls-12,
  .sm-pbl-12 {
    padding-block-start: 88px;
  }
  .sm-pble-12,
  .sm-pbl-12 {
    padding-block-end: 88px;
  }
  .sm-pins-12,
  .sm-pin-12 {
    padding-inline-start: 88px;
  }
  .sm-pine-12,
  .sm-pin-12 {
    padding-inline-end: 88px;
  }
  .sm-m-13 {
    margin: 96px;
  }
  .sm-mt-13,
  .sm-my-13 {
    margin-top: 96px;
  }
  .sm-mr-13,
  .sm-mx-13 {
    margin-right: 96px;
  }
  .sm-mb-13,
  .sm-my-13 {
    margin-bottom: 96px;
  }
  .sm-ml-13,
  .sm-mx-13 {
    margin-left: 96px;
  }
  .sm-mbls-13,
  .sm-mbl-13 {
    margin-block-start: 96px;
  }
  .sm-mble-13,
  .sm-mbl-13 {
    margin-block-end: 96px;
  }
  .sm-mins-13,
  .sm-min-13 {
    margin-inline-start: 96px;
  }
  .sm-mine-13,
  .sm-min-13 {
    margin-inline-end: 96px;
  }
  .sm-p-13 {
    padding: 96px;
  }
  .sm-pt-13,
  .sm-py-13 {
    padding-top: 96px;
  }
  .sm-pr-13,
  .sm-px-13 {
    padding-right: 96px;
  }
  .sm-pb-13,
  .sm-py-13 {
    padding-bottom: 96px;
  }
  .sm-pl-13,
  .sm-px-13 {
    padding-left: 96px;
  }
  .sm-pbls-13,
  .sm-pbl-13 {
    padding-block-start: 96px;
  }
  .sm-pble-13,
  .sm-pbl-13 {
    padding-block-end: 96px;
  }
  .sm-pins-13,
  .sm-pin-13 {
    padding-inline-start: 96px;
  }
  .sm-pine-13,
  .sm-pin-13 {
    padding-inline-end: 96px;
  }
  .sm-m-14 {
    margin: 104px;
  }
  .sm-mt-14,
  .sm-my-14 {
    margin-top: 104px;
  }
  .sm-mr-14,
  .sm-mx-14 {
    margin-right: 104px;
  }
  .sm-mb-14,
  .sm-my-14 {
    margin-bottom: 104px;
  }
  .sm-ml-14,
  .sm-mx-14 {
    margin-left: 104px;
  }
  .sm-mbls-14,
  .sm-mbl-14 {
    margin-block-start: 104px;
  }
  .sm-mble-14,
  .sm-mbl-14 {
    margin-block-end: 104px;
  }
  .sm-mins-14,
  .sm-min-14 {
    margin-inline-start: 104px;
  }
  .sm-mine-14,
  .sm-min-14 {
    margin-inline-end: 104px;
  }
  .sm-p-14 {
    padding: 104px;
  }
  .sm-pt-14,
  .sm-py-14 {
    padding-top: 104px;
  }
  .sm-pr-14,
  .sm-px-14 {
    padding-right: 104px;
  }
  .sm-pb-14,
  .sm-py-14 {
    padding-bottom: 104px;
  }
  .sm-pl-14,
  .sm-px-14 {
    padding-left: 104px;
  }
  .sm-pbls-14,
  .sm-pbl-14 {
    padding-block-start: 104px;
  }
  .sm-pble-14,
  .sm-pbl-14 {
    padding-block-end: 104px;
  }
  .sm-pins-14,
  .sm-pin-14 {
    padding-inline-start: 104px;
  }
  .sm-pine-14,
  .sm-pin-14 {
    padding-inline-end: 104px;
  }
  .sm-m-15 {
    margin: 112px;
  }
  .sm-mt-15,
  .sm-my-15 {
    margin-top: 112px;
  }
  .sm-mr-15,
  .sm-mx-15 {
    margin-right: 112px;
  }
  .sm-mb-15,
  .sm-my-15 {
    margin-bottom: 112px;
  }
  .sm-ml-15,
  .sm-mx-15 {
    margin-left: 112px;
  }
  .sm-mbls-15,
  .sm-mbl-15 {
    margin-block-start: 112px;
  }
  .sm-mble-15,
  .sm-mbl-15 {
    margin-block-end: 112px;
  }
  .sm-mins-15,
  .sm-min-15 {
    margin-inline-start: 112px;
  }
  .sm-mine-15,
  .sm-min-15 {
    margin-inline-end: 112px;
  }
  .sm-p-15 {
    padding: 112px;
  }
  .sm-pt-15,
  .sm-py-15 {
    padding-top: 112px;
  }
  .sm-pr-15,
  .sm-px-15 {
    padding-right: 112px;
  }
  .sm-pb-15,
  .sm-py-15 {
    padding-bottom: 112px;
  }
  .sm-pl-15,
  .sm-px-15 {
    padding-left: 112px;
  }
  .sm-pbls-15,
  .sm-pbl-15 {
    padding-block-start: 112px;
  }
  .sm-pble-15,
  .sm-pbl-15 {
    padding-block-end: 112px;
  }
  .sm-pins-15,
  .sm-pin-15 {
    padding-inline-start: 112px;
  }
  .sm-pine-15,
  .sm-pin-15 {
    padding-inline-end: 112px;
  }
  .sm-m-16 {
    margin: 120px;
  }
  .sm-mt-16,
  .sm-my-16 {
    margin-top: 120px;
  }
  .sm-mr-16,
  .sm-mx-16 {
    margin-right: 120px;
  }
  .sm-mb-16,
  .sm-my-16 {
    margin-bottom: 120px;
  }
  .sm-ml-16,
  .sm-mx-16 {
    margin-left: 120px;
  }
  .sm-mbls-16,
  .sm-mbl-16 {
    margin-block-start: 120px;
  }
  .sm-mble-16,
  .sm-mbl-16 {
    margin-block-end: 120px;
  }
  .sm-mins-16,
  .sm-min-16 {
    margin-inline-start: 120px;
  }
  .sm-mine-16,
  .sm-min-16 {
    margin-inline-end: 120px;
  }
  .sm-p-16 {
    padding: 120px;
  }
  .sm-pt-16,
  .sm-py-16 {
    padding-top: 120px;
  }
  .sm-pr-16,
  .sm-px-16 {
    padding-right: 120px;
  }
  .sm-pb-16,
  .sm-py-16 {
    padding-bottom: 120px;
  }
  .sm-pl-16,
  .sm-px-16 {
    padding-left: 120px;
  }
  .sm-pbls-16,
  .sm-pbl-16 {
    padding-block-start: 120px;
  }
  .sm-pble-16,
  .sm-pbl-16 {
    padding-block-end: 120px;
  }
  .sm-pins-16,
  .sm-pin-16 {
    padding-inline-start: 120px;
  }
  .sm-pine-16,
  .sm-pin-16 {
    padding-inline-end: 120px;
  }
  .sm-m-17 {
    margin: 128px;
  }
  .sm-mt-17,
  .sm-my-17 {
    margin-top: 128px;
  }
  .sm-mr-17,
  .sm-mx-17 {
    margin-right: 128px;
  }
  .sm-mb-17,
  .sm-my-17 {
    margin-bottom: 128px;
  }
  .sm-ml-17,
  .sm-mx-17 {
    margin-left: 128px;
  }
  .sm-mbls-17,
  .sm-mbl-17 {
    margin-block-start: 128px;
  }
  .sm-mble-17,
  .sm-mbl-17 {
    margin-block-end: 128px;
  }
  .sm-mins-17,
  .sm-min-17 {
    margin-inline-start: 128px;
  }
  .sm-mine-17,
  .sm-min-17 {
    margin-inline-end: 128px;
  }
  .sm-p-17 {
    padding: 128px;
  }
  .sm-pt-17,
  .sm-py-17 {
    padding-top: 128px;
  }
  .sm-pr-17,
  .sm-px-17 {
    padding-right: 128px;
  }
  .sm-pb-17,
  .sm-py-17 {
    padding-bottom: 128px;
  }
  .sm-pl-17,
  .sm-px-17 {
    padding-left: 128px;
  }
  .sm-pbls-17,
  .sm-pbl-17 {
    padding-block-start: 128px;
  }
  .sm-pble-17,
  .sm-pbl-17 {
    padding-block-end: 128px;
  }
  .sm-pins-17,
  .sm-pin-17 {
    padding-inline-start: 128px;
  }
  .sm-pine-17,
  .sm-pin-17 {
    padding-inline-end: 128px;
  }
  .sm-gap-0 {
    gap: 0px;
  }
  .sm-gap-x-0 {
    column-gap: 0px;
  }
  .sm-gap-y-0 {
    row-gap: 0px;
  }
  .sm-gap-0-5 {
    gap: 0.125rem;
  }
  .sm-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .sm-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .sm-gap-1 {
    gap: 0.25rem;
  }
  .sm-gap-x-1 {
    column-gap: 0.25rem;
  }
  .sm-gap-y-1 {
    row-gap: 0.25rem;
  }
  .sm-gap-1-5 {
    gap: 0.375rem;
  }
  .sm-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .sm-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .sm-gap-2 {
    gap: 0.5rem;
  }
  .sm-gap-x-2 {
    column-gap: 0.5rem;
  }
  .sm-gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm-gap-2-5 {
    gap: 0.625rem;
  }
  .sm-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .sm-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .sm-gap-3 {
    gap: 0.75rem;
  }
  .sm-gap-x-3 {
    column-gap: 0.75rem;
  }
  .sm-gap-y-3 {
    row-gap: 0.75rem;
  }
  .sm-gap-3-5 {
    gap: 0.875rem;
  }
  .sm-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .sm-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .sm-gap-4 {
    gap: 1rem;
  }
  .sm-gap-x-4 {
    column-gap: 1rem;
  }
  .sm-gap-y-4 {
    row-gap: 1rem;
  }
  .sm-gap-5 {
    gap: 1.25rem;
  }
  .sm-gap-x-5 {
    column-gap: 1.25rem;
  }
  .sm-gap-y-5 {
    row-gap: 1.25rem;
  }
  .sm-gap-6 {
    gap: 1.5rem;
  }
  .sm-gap-x-6 {
    column-gap: 1.5rem;
  }
  .sm-gap-y-6 {
    row-gap: 1.5rem;
  }
  .sm-gap-7 {
    gap: 1.75rem;
  }
  .sm-gap-x-7 {
    column-gap: 1.75rem;
  }
  .sm-gap-y-7 {
    row-gap: 1.75rem;
  }
  .sm-gap-8 {
    gap: 2rem;
  }
  .sm-gap-x-8 {
    column-gap: 2rem;
  }
  .sm-gap-y-8 {
    row-gap: 2rem;
  }
  .sm-gap-9 {
    gap: 2.25rem;
  }
  .sm-gap-x-9 {
    column-gap: 2.25rem;
  }
  .sm-gap-y-9 {
    row-gap: 2.25rem;
  }
  .sm-gap-10 {
    gap: 2.5rem;
  }
  .sm-gap-x-10 {
    column-gap: 2.5rem;
  }
  .sm-gap-y-10 {
    row-gap: 2.5rem;
  }
  .sm-gap-11 {
    gap: 2.75rem;
  }
  .sm-gap-x-11 {
    column-gap: 2.75rem;
  }
  .sm-gap-y-11 {
    row-gap: 2.75rem;
  }
  .sm-gap-12 {
    gap: 3rem;
  }
  .sm-gap-x-12 {
    column-gap: 3rem;
  }
  .sm-gap-y-12 {
    row-gap: 3rem;
  }
  .sm-gap-14 {
    gap: 3.5rem;
  }
  .sm-gap-x-14 {
    column-gap: 3.5rem;
  }
  .sm-gap-y-14 {
    row-gap: 3.5rem;
  }
  .sm-gap-16 {
    gap: 4rem;
  }
  .sm-gap-x-16 {
    column-gap: 4rem;
  }
  .sm-gap-y-16 {
    row-gap: 4rem;
  }
  .sm-gap-20 {
    gap: 5rem;
  }
  .sm-gap-x-20 {
    column-gap: 5rem;
  }
  .sm-gap-y-20 {
    row-gap: 5rem;
  }
  .sm-gap-24 {
    gap: 6rem;
  }
  .sm-gap-x-24 {
    column-gap: 6rem;
  }
  .sm-gap-y-24 {
    row-gap: 6rem;
  }
  .sm-gap-28 {
    gap: 7rem;
  }
  .sm-gap-x-28 {
    column-gap: 7rem;
  }
  .sm-gap-y-28 {
    row-gap: 7rem;
  }
  .sm-gap-32 {
    gap: 8rem;
  }
  .sm-gap-x-32 {
    column-gap: 8rem;
  }
  .sm-gap-y-32 {
    row-gap: 8rem;
  }
  .sm-gap-36 {
    gap: 9rem;
  }
  .sm-gap-x-36 {
    column-gap: 9rem;
  }
  .sm-gap-y-36 {
    row-gap: 9rem;
  }
  .sm-gap-40 {
    gap: 10rem;
  }
  .sm-gap-x-40 {
    column-gap: 10rem;
  }
  .sm-gap-y-40 {
    row-gap: 10rem;
  }
  .sm-gap-44 {
    gap: 11rem;
  }
  .sm-gap-x-44 {
    column-gap: 11rem;
  }
  .sm-gap-y-44 {
    row-gap: 11rem;
  }
  .sm-gap-48 {
    gap: 12rem;
  }
  .sm-gap-x-48 {
    column-gap: 12rem;
  }
  .sm-gap-y-48 {
    row-gap: 12rem;
  }
  .sm-gap-52 {
    gap: 13rem;
  }
  .sm-gap-x-52 {
    column-gap: 13rem;
  }
  .sm-gap-y-52 {
    row-gap: 13rem;
  }
  .sm-gap-56 {
    gap: 13rem;
  }
  .sm-gap-x-56 {
    column-gap: 13rem;
  }
  .sm-gap-y-56 {
    row-gap: 13rem;
  }
  .sm-gap-60 {
    gap: 15rem;
  }
  .sm-gap-x-60 {
    column-gap: 15rem;
  }
  .sm-gap-y-60 {
    row-gap: 15rem;
  }
  .sm-gap-64 {
    gap: 16rem;
  }
  .sm-gap-x-64 {
    column-gap: 16rem;
  }
  .sm-gap-y-64 {
    row-gap: 16rem;
  }
  .sm-gap-72 {
    gap: 18rem;
  }
  .sm-gap-x-72 {
    column-gap: 18rem;
  }
  .sm-gap-y-72 {
    row-gap: 18rem;
  }
  .sm-gap-80 {
    gap: 20rem;
  }
  .sm-gap-x-80 {
    column-gap: 20rem;
  }
  .sm-gap-y-80 {
    row-gap: 20rem;
  }
  .sm-gap-96 {
    gap: 24rem;
  }
  .sm-gap-x-96 {
    column-gap: 24rem;
  }
  .sm-gap-y-96 {
    row-gap: 24rem;
  }
  .sm-flex {
    display: flex;
  }
  .sm-block {
    display: block;
  }
  .sm-grid {
    display: grid;
  }
  .sm-table {
    display: table;
  }
  .sm-table-row {
    display: table-row;
  }
  .sm-table-row-group {
    display: table-row-group;
  }
  .sm-inline-table {
    display: inline-table;
  }
  .sm-inline-block {
    display: inline-block;
  }
  .sm-inline {
    display: inline-flex;
  }
  .sm-hidden {
    display: none;
  }
  .sm-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .sm-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .sm-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .sm-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .sm-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .sm-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .sm-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .sm-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .sm-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .sm-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .sm-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .sm-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .sm-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .sm-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .sm-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .sm-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .sm-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .sm-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .sm-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .sm-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .sm-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .sm-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .sm-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .sm-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .sm-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .sm-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .sm-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .sm-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .sm-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .sm-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .sm-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .sm-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .sm-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .sm-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .sm-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .sm-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .sm-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .sm-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .sm-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .sm-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .sm-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .sm-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .sm-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .sm-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .sm-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .sm-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .sm-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .sm-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .sm-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .sm-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .sm-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .sm-text-ellipsis {
    text-overflow: ellipsis;
  }
  .sm-text-clip {
    text-overflow: clip;;
  }
  .sm-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .sm-overflow-hidden {
    overflow: hidden;
  }
  .sm-text-left {
    text-align: left;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-text-right {
    text-align: right;
  }
  .sm-text-justify {
    text-align: justify;
  }
  .sm-text-start {
    text-align: start;
  }
  .sm-text-end {
    text-align: end;
  }
  .sm-underline {
    text-decoration: underline;
  }
  .sm-overline {
    text-decoration: overline;
  }
  .sm-line-through {
    text-decoration: line-through;
  }
  .sm-no-underline {
    text-decoration: none;
  }
  .sm-uppercase {
    text-transform: uppercase;
  }
  .sm-lowercase {
    text-transform: lowercase;
  }
  .sm-capitalize {
    text-transform: capitalize;
  }
  .sm-normal-case {
    text-transform: none;
  }
  .sm-align-baseline {
    vertical-align: baseline;
  }
  .sm-align-top {
    vertical-align: top;
  }
  .sm-align-middle {
    vertical-align: middle;
  }
  .sm-align-bottom {
    vertical-align: bottom;
  }
  .sm-align-text-top {
    vertical-align: text-top;
  }
  .sm-align-text-bottom {
    vertical-align: text-bottom;
  }
  .sm-align-sub {
    vertical-align: sub;
  }
  .sm-align-super {
    vertical-align: super;
  }
  .sm-whitespace-normal {
    white-space: normal;
  }
  .sm-whitespace-nowrap {
    white-space: nowrap;
  }
  .sm-whitespace-pre {
    white-space: pre;
  }
  .sm-whitespace-pre-line {
    white-space: pre-line;
  }
  .sm-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .sm-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .sm-break-all {
    word-break: break-all;
  }
  .sm-break-keep {
    word-break: keep-all;
  }
  .sm-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .sm-break-words {
    overflow-wrap: break-word;
  }
  .sm-hyphens-none {
    hyphens: none;
  }
  .sm-hyphens-manual {
    hyphens: manual;
  }
  .sm-hyphens-auto {
    hyphens: auto;
  }
  .sm-indent-0 {
    text-indent: 0px;
  }
  .sm-indent-px {
    text-indent: 1px;
  }
  .sm-indent-0-5 {
    text-indent: 0.125rem;
  }
  .sm-indent-1 {
    text-indent: 0.25rem;
  }
  .sm-indent-1-5 {
    text-indent: 0.375rem;
  }
  .sm-indent-2 {
    text-indent: 0.5rem;
  }
  .sm-indent-2-5 {
    text-indent: 0.625rem;
  }
  .sm-indent-3 {
    text-indent: 0.75rem;
  }
  .sm-indent-3-5 {
    text-indent: 0.875rem;
  }
  .sm-indent-4 {
    text-indent: 1rem;
  }
  .sm-indent-5 {
    text-indent: 1.25rem;
  }
  .sm-indent-6 {
    text-indent: 1.5rem;
  }
  .sm-indent-7 {
    text-indent: 1.75rem;
  }
  .sm-indent-8 {
    text-indent: 2rem;
  }
  .sm-indent-9 {
    text-indent: 2.25rem;
  }
  .sm-indent-10 {
    text-indent: 2.5rem;
  }
  .sm-indent-11 {
    text-indent: 2.75rem;
  }
  .sm-indent-12 {
    text-indent:  3rem;
  }
  .sm-indent-14 {
    text-indent: 3.5rem;
  }
  .sm-indent-16 {
    text-indent: 4rem;
  }
  .sm-indent-20 {
    text-indent: 5rem;
  }
  .sm-indent-24 {
    text-indent: 6rem;
  }
  .sm-indent-28 {
    text-indent: 7rem;
  }
  .sm-indent-32 {
    text-indent: 8rem;
  }
  .sm-indent-36 {
    text-indent: 9rem;
  }
  .sm-indent-40 {
    text-indent: 10rem;
  }
  .sm-indent-44 {
    text-indent: 11rem;
  }
  .sm-indent-48 {
    text-indent: 12rem;
  }
  .sm-indent-52 {
    text-indent: 13rem;
  }
  .sm-indent-56 {
    text-indent: 14rem;
  }
  .sm-indent-60 {
    text-indent: 15rem;
  }
  .sm-indent-64 {
    text-indent: 16rem;
  }
  .sm-indent-72 {
    text-indent: 18rem;
  }
  .sm-indent-80 {
    text-indent: 20rem;
  }
  .sm-indent-96 {
    text-indent: 24rem;
  }
  .sm-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .sm-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .sm-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .sm-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .sm-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .sm-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 599px) {
  .xs-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .xs-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .xs-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xs-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xs-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xs-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .xs-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .xs-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .xs-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .xs-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .xs-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .xs-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .xs-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .xs-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .xs-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .xs-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .xs-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .xs-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .xs-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .xs-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .xs-col-span-0 {
    grid-column: span 0/span 0;
  }
  .xs-col-span-1 {
    grid-column: span 1/span 1;
  }
  .xs-col-span-2 {
    grid-column: span 2/span 2;
  }
  .xs-col-span-3 {
    grid-column: span 3/span 3;
  }
  .xs-col-span-4 {
    grid-column: span 4/span 4;
  }
  .xs-col-span-5 {
    grid-column: span 5/span 5;
  }
  .xs-col-span-6 {
    grid-column: span 6/span 6;
  }
  .xs-col-span-7 {
    grid-column: span 7/span 7;
  }
  .xs-col-span-8 {
    grid-column: span 8/span 8;
  }
  .xs-col-span-9 {
    grid-column: span 9/span 9;
  }
  .xs-col-span-10 {
    grid-column: span 10/span 10;
  }
  .xs-col-span-11 {
    grid-column: span 11/span 11;
  }
  .xs-col-span-12 {
    grid-column: span 12/span 12;
  }
  .xs-col-auto {
    grid-column: auto;
  }
  .xs-row-span-0 {
    grid-row: span 0/span 0;
  }
  .xs-row-span-1 {
    grid-row: span 1/span 1;
  }
  .xs-row-span-2 {
    grid-row: span 2/span 2;
  }
  .xs-row-span-3 {
    grid-row: span 3/span 3;
  }
  .xs-row-span-4 {
    grid-row: span 4/span 4;
  }
  .xs-row-span-5 {
    grid-row: span 5/span 5;
  }
  .xs-row-span-6 {
    grid-row: span 6/span 6;
  }
  .xs-row-span-7 {
    grid-row: span 7/span 7;
  }
  .xs-row-span-8 {
    grid-row: span 8/span 8;
  }
  .xs-row-span-9 {
    grid-row: span 9/span 9;
  }
  .xs-row-span-10 {
    grid-row: span 10/span 10;
  }
  .xs-row-span-11 {
    grid-row: span 11/span 11;
  }
  .xs-row-span-12 {
    grid-row: span 12/span 12;
  }
  .xs-row-auto {
    grid-row: auto;
  }
  .xs-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .xs-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .xs-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .xs-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .xs-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .xs-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .xs-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .xs-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .xs-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .xs-flex-wrap {
    flex-wrap: wrap;
  }
  .xs-flex-nowrap {
    flex-wrap: nowrap;
  }
  .xs-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xs-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .xs-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .xs-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .xs-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .xs-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .xs-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .xs-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .xs-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .xs-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .xs-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .xs-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .xs-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .xs-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .xs-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .xs-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .xs-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .xs-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .xs-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .xs-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .xs-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .xs-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .xs-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .xs-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .xs-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .xs-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .xs-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .xs-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .xs-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .xs-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .xs-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .xs-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .xs-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .xs-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .xs-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .xs-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .xs-basis-0 {
    flex-basis: 0px;
  }
  .xs-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .xs-basis-1 {
    flex-basis: 0.25rem;
  }
  .xs-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .xs-basis-2 {
    flex-basis: 0.5rem;
  }
  .xs-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .xs-basis-3 {
    flex-basis: 0.75rem;
  }
  .xs-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .xs-basis-4 {
    flex-basis: 1rem;
  }
  .xs-basis-5 {
    flex-basis: 1.25rem;
  }
  .xs-basis-6 {
    flex-basis: 1.5rem;
  }
  .xs-basis-7 {
    flex-basis: 1.75rem;
  }
  .xs-basis-8 {
    flex-basis: 2rem;
  }
  .xs-basis-9 {
    flex-basis: 2.25rem;
  }
  .xs-basis-10 {
    flex-basis: 2.5rem;
  }
  .xs-basis-11 {
    flex-basis: 2.75rem;
  }
  .xs-basis-12 {
    flex-basis: 3rem;
  }
  .xs-basis-14 {
    flex-basis: 3.5rem;
  }
  .xs-basis-16 {
    flex-basis: 4rem;
  }
  .xs-basis-20 {
    flex-basis: 5rem;
  }
  .xs-basis-24 {
    flex-basis: 6rem;
  }
  .xs-basis-28 {
    flex-basis: 7rem;
  }
  .xs-basis-32 {
    flex-basis: 8rem;
  }
  .xs-basis-36 {
    flex-basis: 9rem;
  }
  .xs-basis-40 {
    flex-basis: 10rem;
  }
  .xs-basis-44 {
    flex-basis: 11rem;
  }
  .xs-basis-48 {
    flex-basis: 12rem;
  }
  .xs-basis-52 {
    flex-basis: 13rem;
  }
  .xs-basis-56 {
    flex-basis: 13rem;
  }
  .xs-basis-60 {
    flex-basis: 15rem;
  }
  .xs-basis-64 {
    flex-basis: 16rem;
  }
  .xs-basis-72 {
    flex-basis: 18rem;
  }
  .xs-basis-80 {
    flex-basis: 20rem;
  }
  .xs-basis-96 {
    flex-basis: 24rem;
  }
  .xs-basis-auto {
    flex-basis: auto;
  }
  .xs-basis-1on2 {
    flex-basis: 50%;
  }
  .xs-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .xs-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .xs-basis-1on4 {
    flex-basis: 25%;
  }
  .xs-basis-2on4 {
    flex-basis: 50%;
  }
  .xs-basis-3on4 {
    flex-basis: 75%;
  }
  .xs-basis-1on5 {
    flex-basis: 20%;
  }
  .xs-basis-2on5 {
    flex-basis: 40%;
  }
  .xs-basis-3on5 {
    flex-basis: 60%;
  }
  .xs-basis-4on5 {
    flex-basis: 80%;
  }
  .xs-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .xs-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .xs-basis-3on6 {
    flex-basis: 50%;
  }
  .xs-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .xs-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .xs-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .xs-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .xs-basis-3on12 {
    flex-basis: 25%;
  }
  .xs-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .xs-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .xs-basis-6on12 {
    flex-basis: 50%;
  }
  .xs-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .xs-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .xs-basis-9on12 {
    flex-basis: 75%;
  }
  .xs-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .xs-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .xs-basis-screen {
    flex-basis: 100vw;
  }
  .xs-basis-full {
    flex-basis: 100%;
  }
  .xs-w-0 {
    width: 0px;
  }
  .xs-min-w-0 {
    min-width: 0px;
  }
  .xs-max-w-0 {
    max-width: 0px;
  }
  .xs-w-0-5 {
    width: 0.125rem;
  }
  .xs-min-w-0-5 {
    min-width: 0.125rem;
  }
  .xs-max-w-0-5 {
    max-width: 0.125rem;
  }
  .xs-w-1 {
    width: 0.25rem;
  }
  .xs-min-w-1 {
    min-width: 0.25rem;
  }
  .xs-max-w-1 {
    max-width: 0.25rem;
  }
  .xs-w-1-5 {
    width: 0.375rem;
  }
  .xs-min-w-1-5 {
    min-width: 0.375rem;
  }
  .xs-max-w-1-5 {
    max-width: 0.375rem;
  }
  .xs-w-2 {
    width: 0.5rem;
  }
  .xs-min-w-2 {
    min-width: 0.5rem;
  }
  .xs-max-w-2 {
    max-width: 0.5rem;
  }
  .xs-w-2-5 {
    width: 0.625rem;
  }
  .xs-min-w-2-5 {
    min-width: 0.625rem;
  }
  .xs-max-w-2-5 {
    max-width: 0.625rem;
  }
  .xs-w-3 {
    width: 0.75rem;
  }
  .xs-min-w-3 {
    min-width: 0.75rem;
  }
  .xs-max-w-3 {
    max-width: 0.75rem;
  }
  .xs-w-3-5 {
    width: 0.875rem;
  }
  .xs-min-w-3-5 {
    min-width: 0.875rem;
  }
  .xs-max-w-3-5 {
    max-width: 0.875rem;
  }
  .xs-w-4 {
    width: 1rem;
  }
  .xs-min-w-4 {
    min-width: 1rem;
  }
  .xs-max-w-4 {
    max-width: 1rem;
  }
  .xs-w-5 {
    width: 1.25rem;
  }
  .xs-min-w-5 {
    min-width: 1.25rem;
  }
  .xs-max-w-5 {
    max-width: 1.25rem;
  }
  .xs-w-6 {
    width: 1.5rem;
  }
  .xs-min-w-6 {
    min-width: 1.5rem;
  }
  .xs-max-w-6 {
    max-width: 1.5rem;
  }
  .xs-w-7 {
    width: 1.75rem;
  }
  .xs-min-w-7 {
    min-width: 1.75rem;
  }
  .xs-max-w-7 {
    max-width: 1.75rem;
  }
  .xs-w-8 {
    width: 2rem;
  }
  .xs-min-w-8 {
    min-width: 2rem;
  }
  .xs-max-w-8 {
    max-width: 2rem;
  }
  .xs-w-9 {
    width: 2.25rem;
  }
  .xs-min-w-9 {
    min-width: 2.25rem;
  }
  .xs-max-w-9 {
    max-width: 2.25rem;
  }
  .xs-w-10 {
    width: 2.5rem;
  }
  .xs-min-w-10 {
    min-width: 2.5rem;
  }
  .xs-max-w-10 {
    max-width: 2.5rem;
  }
  .xs-w-11 {
    width: 2.75rem;
  }
  .xs-min-w-11 {
    min-width: 2.75rem;
  }
  .xs-max-w-11 {
    max-width: 2.75rem;
  }
  .xs-w-12 {
    width: 3rem;
  }
  .xs-min-w-12 {
    min-width: 3rem;
  }
  .xs-max-w-12 {
    max-width: 3rem;
  }
  .xs-w-14 {
    width: 3.5rem;
  }
  .xs-min-w-14 {
    min-width: 3.5rem;
  }
  .xs-max-w-14 {
    max-width: 3.5rem;
  }
  .xs-w-16 {
    width: 4rem;
  }
  .xs-min-w-16 {
    min-width: 4rem;
  }
  .xs-max-w-16 {
    max-width: 4rem;
  }
  .xs-w-20 {
    width: 5rem;
  }
  .xs-min-w-20 {
    min-width: 5rem;
  }
  .xs-max-w-20 {
    max-width: 5rem;
  }
  .xs-w-24 {
    width: 6rem;
  }
  .xs-min-w-24 {
    min-width: 6rem;
  }
  .xs-max-w-24 {
    max-width: 6rem;
  }
  .xs-w-28 {
    width: 7rem;
  }
  .xs-min-w-28 {
    min-width: 7rem;
  }
  .xs-max-w-28 {
    max-width: 7rem;
  }
  .xs-w-32 {
    width: 8rem;
  }
  .xs-min-w-32 {
    min-width: 8rem;
  }
  .xs-max-w-32 {
    max-width: 8rem;
  }
  .xs-w-36 {
    width: 9rem;
  }
  .xs-min-w-36 {
    min-width: 9rem;
  }
  .xs-max-w-36 {
    max-width: 9rem;
  }
  .xs-w-40 {
    width: 10rem;
  }
  .xs-min-w-40 {
    min-width: 10rem;
  }
  .xs-max-w-40 {
    max-width: 10rem;
  }
  .xs-w-44 {
    width: 11rem;
  }
  .xs-min-w-44 {
    min-width: 11rem;
  }
  .xs-max-w-44 {
    max-width: 11rem;
  }
  .xs-w-48 {
    width: 12rem;
  }
  .xs-min-w-48 {
    min-width: 12rem;
  }
  .xs-max-w-48 {
    max-width: 12rem;
  }
  .xs-w-52 {
    width: 13rem;
  }
  .xs-min-w-52 {
    min-width: 13rem;
  }
  .xs-max-w-52 {
    max-width: 13rem;
  }
  .xs-w-56 {
    width: 13rem;
  }
  .xs-min-w-56 {
    min-width: 13rem;
  }
  .xs-max-w-56 {
    max-width: 13rem;
  }
  .xs-w-60 {
    width: 15rem;
  }
  .xs-min-w-60 {
    min-width: 15rem;
  }
  .xs-max-w-60 {
    max-width: 15rem;
  }
  .xs-w-64 {
    width: 16rem;
  }
  .xs-min-w-64 {
    min-width: 16rem;
  }
  .xs-max-w-64 {
    max-width: 16rem;
  }
  .xs-w-72 {
    width: 18rem;
  }
  .xs-min-w-72 {
    min-width: 18rem;
  }
  .xs-max-w-72 {
    max-width: 18rem;
  }
  .xs-w-80 {
    width: 20rem;
  }
  .xs-min-w-80 {
    min-width: 20rem;
  }
  .xs-max-w-80 {
    max-width: 20rem;
  }
  .xs-w-96 {
    width: 24rem;
  }
  .xs-min-w-96 {
    min-width: 24rem;
  }
  .xs-max-w-96 {
    max-width: 24rem;
  }
  .xs-w-auto {
    width: auto;
  }
  .xs-min-w-auto {
    min-width: auto;
  }
  .xs-max-w-auto {
    max-width: auto;
  }
  .xs-w-1on2 {
    width: 50%;
  }
  .xs-min-w-1on2 {
    min-width: 50%;
  }
  .xs-max-w-1on2 {
    max-width: 50%;
  }
  .xs-w-1on3 {
    width: 33.333333%;
  }
  .xs-min-w-1on3 {
    min-width: 33.333333%;
  }
  .xs-max-w-1on3 {
    max-width: 33.333333%;
  }
  .xs-w-2on3 {
    width: 66.666667%;
  }
  .xs-min-w-2on3 {
    min-width: 66.666667%;
  }
  .xs-max-w-2on3 {
    max-width: 66.666667%;
  }
  .xs-w-1on4 {
    width: 25%;
  }
  .xs-min-w-1on4 {
    min-width: 25%;
  }
  .xs-max-w-1on4 {
    max-width: 25%;
  }
  .xs-w-2on4 {
    width: 50%;
  }
  .xs-min-w-2on4 {
    min-width: 50%;
  }
  .xs-max-w-2on4 {
    max-width: 50%;
  }
  .xs-w-3on4 {
    width: 75%;
  }
  .xs-min-w-3on4 {
    min-width: 75%;
  }
  .xs-max-w-3on4 {
    max-width: 75%;
  }
  .xs-w-1on5 {
    width: 20%;
  }
  .xs-min-w-1on5 {
    min-width: 20%;
  }
  .xs-max-w-1on5 {
    max-width: 20%;
  }
  .xs-w-2on5 {
    width: 40%;
  }
  .xs-min-w-2on5 {
    min-width: 40%;
  }
  .xs-max-w-2on5 {
    max-width: 40%;
  }
  .xs-w-3on5 {
    width: 60%;
  }
  .xs-min-w-3on5 {
    min-width: 60%;
  }
  .xs-max-w-3on5 {
    max-width: 60%;
  }
  .xs-w-4on5 {
    width: 80%;
  }
  .xs-min-w-4on5 {
    min-width: 80%;
  }
  .xs-max-w-4on5 {
    max-width: 80%;
  }
  .xs-w-1on6 {
    width: 16.666667%;
  }
  .xs-min-w-1on6 {
    min-width: 16.666667%;
  }
  .xs-max-w-1on6 {
    max-width: 16.666667%;
  }
  .xs-w-2on6 {
    width: 33.333333%;
  }
  .xs-min-w-2on6 {
    min-width: 33.333333%;
  }
  .xs-max-w-2on6 {
    max-width: 33.333333%;
  }
  .xs-w-3on6 {
    width: 50%;
  }
  .xs-min-w-3on6 {
    min-width: 50%;
  }
  .xs-max-w-3on6 {
    max-width: 50%;
  }
  .xs-w-4on6 {
    width: 66.666667%;
  }
  .xs-min-w-4on6 {
    min-width: 66.666667%;
  }
  .xs-max-w-4on6 {
    max-width: 66.666667%;
  }
  .xs-w-5on6 {
    width: 83.333333%;
  }
  .xs-min-w-5on6 {
    min-width: 83.333333%;
  }
  .xs-max-w-5on6 {
    max-width: 83.333333%;
  }
  .xs-w-1on12 {
    width: 8.333333%;
  }
  .xs-min-w-1on12 {
    min-width: 8.333333%;
  }
  .xs-max-w-1on12 {
    max-width: 8.333333%;
  }
  .xs-w-2on12 {
    width: 16.666667%;
  }
  .xs-min-w-2on12 {
    min-width: 16.666667%;
  }
  .xs-max-w-2on12 {
    max-width: 16.666667%;
  }
  .xs-w-3on12 {
    width: 25%;
  }
  .xs-min-w-3on12 {
    min-width: 25%;
  }
  .xs-max-w-3on12 {
    max-width: 25%;
  }
  .xs-w-4on12 {
    width: 33.333333%;
  }
  .xs-min-w-4on12 {
    min-width: 33.333333%;
  }
  .xs-max-w-4on12 {
    max-width: 33.333333%;
  }
  .xs-w-5on12 {
    width: 41.666667%;
  }
  .xs-min-w-5on12 {
    min-width: 41.666667%;
  }
  .xs-max-w-5on12 {
    max-width: 41.666667%;
  }
  .xs-w-6on12 {
    width: 50%;
  }
  .xs-min-w-6on12 {
    min-width: 50%;
  }
  .xs-max-w-6on12 {
    max-width: 50%;
  }
  .xs-w-7on12 {
    width: 58.333333%;
  }
  .xs-min-w-7on12 {
    min-width: 58.333333%;
  }
  .xs-max-w-7on12 {
    max-width: 58.333333%;
  }
  .xs-w-8on12 {
    width: 66.666667%;
  }
  .xs-min-w-8on12 {
    min-width: 66.666667%;
  }
  .xs-max-w-8on12 {
    max-width: 66.666667%;
  }
  .xs-w-9on12 {
    width: 75%;
  }
  .xs-min-w-9on12 {
    min-width: 75%;
  }
  .xs-max-w-9on12 {
    max-width: 75%;
  }
  .xs-w-10on12 {
    width: 83.333333%;
  }
  .xs-min-w-10on12 {
    min-width: 83.333333%;
  }
  .xs-max-w-10on12 {
    max-width: 83.333333%;
  }
  .xs-w-11on12 {
    width: 91.666667%;
  }
  .xs-min-w-11on12 {
    min-width: 91.666667%;
  }
  .xs-max-w-11on12 {
    max-width: 91.666667%;
  }
  .xs-w-screen {
    width: 100vw;
  }
  .xs-min-w-screen {
    min-width: 100vw;
  }
  .xs-max-w-screen {
    max-width: 100vw;
  }
  .xs-w-full {
    width: 100%;
  }
  .xs-min-w-full {
    min-width: 100%;
  }
  .xs-max-w-full {
    max-width: 100%;
  }
  .xs-w-fit {
    width: fit-content;
  }
  .xs-min-w-fit {
    min-width: fit-content;
  }
  .xs-max-w-fit {
    max-width: fit-content;
  }
  .xs-w-min {
    width: min-content;
  }
  .xs-min-w-min {
    min-width: min-content;
  }
  .xs-max-w-min {
    max-width: min-content;
  }
  .xs-w-max {
    width: max-content;
  }
  .xs-min-w-max {
    min-width: max-content;
  }
  .xs-max-w-max {
    max-width: max-content;
  }
  .xs-h-0 {
    height: 0px;
  }
  .xs-min-h-0 {
    min-height: 0px;
  }
  .xs-max-h-0 {
    max-height: 0px;
  }
  .xs-h-0-5 {
    height: 0.125rem;
  }
  .xs-min-h-0-5 {
    min-height: 0.125rem;
  }
  .xs-max-h-0-5 {
    max-height: 0.125rem;
  }
  .xs-h-1 {
    height: 0.25rem;
  }
  .xs-min-h-1 {
    min-height: 0.25rem;
  }
  .xs-max-h-1 {
    max-height: 0.25rem;
  }
  .xs-h-1-5 {
    height: 0.375rem;
  }
  .xs-min-h-1-5 {
    min-height: 0.375rem;
  }
  .xs-max-h-1-5 {
    max-height: 0.375rem;
  }
  .xs-h-2 {
    height: 0.5rem;
  }
  .xs-min-h-2 {
    min-height: 0.5rem;
  }
  .xs-max-h-2 {
    max-height: 0.5rem;
  }
  .xs-h-2-5 {
    height: 0.625rem;
  }
  .xs-min-h-2-5 {
    min-height: 0.625rem;
  }
  .xs-max-h-2-5 {
    max-height: 0.625rem;
  }
  .xs-h-3 {
    height: 0.75rem;
  }
  .xs-min-h-3 {
    min-height: 0.75rem;
  }
  .xs-max-h-3 {
    max-height: 0.75rem;
  }
  .xs-h-3-5 {
    height: 0.875rem;
  }
  .xs-min-h-3-5 {
    min-height: 0.875rem;
  }
  .xs-max-h-3-5 {
    max-height: 0.875rem;
  }
  .xs-h-4 {
    height: 1rem;
  }
  .xs-min-h-4 {
    min-height: 1rem;
  }
  .xs-max-h-4 {
    max-height: 1rem;
  }
  .xs-h-5 {
    height: 1.25rem;
  }
  .xs-min-h-5 {
    min-height: 1.25rem;
  }
  .xs-max-h-5 {
    max-height: 1.25rem;
  }
  .xs-h-6 {
    height: 1.5rem;
  }
  .xs-min-h-6 {
    min-height: 1.5rem;
  }
  .xs-max-h-6 {
    max-height: 1.5rem;
  }
  .xs-h-7 {
    height: 1.75rem;
  }
  .xs-min-h-7 {
    min-height: 1.75rem;
  }
  .xs-max-h-7 {
    max-height: 1.75rem;
  }
  .xs-h-8 {
    height: 2rem;
  }
  .xs-min-h-8 {
    min-height: 2rem;
  }
  .xs-max-h-8 {
    max-height: 2rem;
  }
  .xs-h-9 {
    height: 2.25rem;
  }
  .xs-min-h-9 {
    min-height: 2.25rem;
  }
  .xs-max-h-9 {
    max-height: 2.25rem;
  }
  .xs-h-10 {
    height: 2.5rem;
  }
  .xs-min-h-10 {
    min-height: 2.5rem;
  }
  .xs-max-h-10 {
    max-height: 2.5rem;
  }
  .xs-h-11 {
    height: 2.75rem;
  }
  .xs-min-h-11 {
    min-height: 2.75rem;
  }
  .xs-max-h-11 {
    max-height: 2.75rem;
  }
  .xs-h-12 {
    height: 3rem;
  }
  .xs-min-h-12 {
    min-height: 3rem;
  }
  .xs-max-h-12 {
    max-height: 3rem;
  }
  .xs-h-14 {
    height: 3.5rem;
  }
  .xs-min-h-14 {
    min-height: 3.5rem;
  }
  .xs-max-h-14 {
    max-height: 3.5rem;
  }
  .xs-h-16 {
    height: 4rem;
  }
  .xs-min-h-16 {
    min-height: 4rem;
  }
  .xs-max-h-16 {
    max-height: 4rem;
  }
  .xs-h-20 {
    height: 5rem;
  }
  .xs-min-h-20 {
    min-height: 5rem;
  }
  .xs-max-h-20 {
    max-height: 5rem;
  }
  .xs-h-24 {
    height: 6rem;
  }
  .xs-min-h-24 {
    min-height: 6rem;
  }
  .xs-max-h-24 {
    max-height: 6rem;
  }
  .xs-h-28 {
    height: 7rem;
  }
  .xs-min-h-28 {
    min-height: 7rem;
  }
  .xs-max-h-28 {
    max-height: 7rem;
  }
  .xs-h-32 {
    height: 8rem;
  }
  .xs-min-h-32 {
    min-height: 8rem;
  }
  .xs-max-h-32 {
    max-height: 8rem;
  }
  .xs-h-36 {
    height: 9rem;
  }
  .xs-min-h-36 {
    min-height: 9rem;
  }
  .xs-max-h-36 {
    max-height: 9rem;
  }
  .xs-h-40 {
    height: 10rem;
  }
  .xs-min-h-40 {
    min-height: 10rem;
  }
  .xs-max-h-40 {
    max-height: 10rem;
  }
  .xs-h-44 {
    height: 11rem;
  }
  .xs-min-h-44 {
    min-height: 11rem;
  }
  .xs-max-h-44 {
    max-height: 11rem;
  }
  .xs-h-48 {
    height: 12rem;
  }
  .xs-min-h-48 {
    min-height: 12rem;
  }
  .xs-max-h-48 {
    max-height: 12rem;
  }
  .xs-h-52 {
    height: 13rem;
  }
  .xs-min-h-52 {
    min-height: 13rem;
  }
  .xs-max-h-52 {
    max-height: 13rem;
  }
  .xs-h-56 {
    height: 13rem;
  }
  .xs-min-h-56 {
    min-height: 13rem;
  }
  .xs-max-h-56 {
    max-height: 13rem;
  }
  .xs-h-60 {
    height: 15rem;
  }
  .xs-min-h-60 {
    min-height: 15rem;
  }
  .xs-max-h-60 {
    max-height: 15rem;
  }
  .xs-h-64 {
    height: 16rem;
  }
  .xs-min-h-64 {
    min-height: 16rem;
  }
  .xs-max-h-64 {
    max-height: 16rem;
  }
  .xs-h-72 {
    height: 18rem;
  }
  .xs-min-h-72 {
    min-height: 18rem;
  }
  .xs-max-h-72 {
    max-height: 18rem;
  }
  .xs-h-80 {
    height: 20rem;
  }
  .xs-min-h-80 {
    min-height: 20rem;
  }
  .xs-max-h-80 {
    max-height: 20rem;
  }
  .xs-h-96 {
    height: 24rem;
  }
  .xs-min-h-96 {
    min-height: 24rem;
  }
  .xs-max-h-96 {
    max-height: 24rem;
  }
  .xs-h-100 {
    height: 28rem;
  }
  .xs-min-h-100 {
    min-height: 28rem;
  }
  .xs-max-h-100 {
    max-height: 28rem;
  }
  .xs-h-auto {
    height: auto;
  }
  .xs-min-h-auto {
    min-height: auto;
  }
  .xs-max-h-auto {
    max-height: auto;
  }
  .xs-h-1on2 {
    height: 50%;
  }
  .xs-min-h-1on2 {
    min-height: 50%;
  }
  .xs-max-h-1on2 {
    max-height: 50%;
  }
  .xs-h-1on3 {
    height: 33.333333%;
  }
  .xs-min-h-1on3 {
    min-height: 33.333333%;
  }
  .xs-max-h-1on3 {
    max-height: 33.333333%;
  }
  .xs-h-2on3 {
    height: 66.666667%;
  }
  .xs-min-h-2on3 {
    min-height: 66.666667%;
  }
  .xs-max-h-2on3 {
    max-height: 66.666667%;
  }
  .xs-h-1on4 {
    height: 25%;
  }
  .xs-min-h-1on4 {
    min-height: 25%;
  }
  .xs-max-h-1on4 {
    max-height: 25%;
  }
  .xs-h-2on4 {
    height: 50%;
  }
  .xs-min-h-2on4 {
    min-height: 50%;
  }
  .xs-max-h-2on4 {
    max-height: 50%;
  }
  .xs-h-3on4 {
    height: 75%;
  }
  .xs-min-h-3on4 {
    min-height: 75%;
  }
  .xs-max-h-3on4 {
    max-height: 75%;
  }
  .xs-h-1on5 {
    height: 20%;
  }
  .xs-min-h-1on5 {
    min-height: 20%;
  }
  .xs-max-h-1on5 {
    max-height: 20%;
  }
  .xs-h-2on5 {
    height: 40%;
  }
  .xs-min-h-2on5 {
    min-height: 40%;
  }
  .xs-max-h-2on5 {
    max-height: 40%;
  }
  .xs-h-3on5 {
    height: 60%;
  }
  .xs-min-h-3on5 {
    min-height: 60%;
  }
  .xs-max-h-3on5 {
    max-height: 60%;
  }
  .xs-h-4on5 {
    height: 80%;
  }
  .xs-min-h-4on5 {
    min-height: 80%;
  }
  .xs-max-h-4on5 {
    max-height: 80%;
  }
  .xs-h-1on6 {
    height: 16.666667%;
  }
  .xs-min-h-1on6 {
    min-height: 16.666667%;
  }
  .xs-max-h-1on6 {
    max-height: 16.666667%;
  }
  .xs-h-2on6 {
    height: 33.333333%;
  }
  .xs-min-h-2on6 {
    min-height: 33.333333%;
  }
  .xs-max-h-2on6 {
    max-height: 33.333333%;
  }
  .xs-h-3on6 {
    height: 50%;
  }
  .xs-min-h-3on6 {
    min-height: 50%;
  }
  .xs-max-h-3on6 {
    max-height: 50%;
  }
  .xs-h-4on6 {
    height: 66.666667%;
  }
  .xs-min-h-4on6 {
    min-height: 66.666667%;
  }
  .xs-max-h-4on6 {
    max-height: 66.666667%;
  }
  .xs-h-5on6 {
    height: 83.333333%;
  }
  .xs-min-h-5on6 {
    min-height: 83.333333%;
  }
  .xs-max-h-5on6 {
    max-height: 83.333333%;
  }
  .xs-h-1on12 {
    height: 8.333333%;
  }
  .xs-min-h-1on12 {
    min-height: 8.333333%;
  }
  .xs-max-h-1on12 {
    max-height: 8.333333%;
  }
  .xs-h-2on12 {
    height: 16.666667%;
  }
  .xs-min-h-2on12 {
    min-height: 16.666667%;
  }
  .xs-max-h-2on12 {
    max-height: 16.666667%;
  }
  .xs-h-3on12 {
    height: 25%;
  }
  .xs-min-h-3on12 {
    min-height: 25%;
  }
  .xs-max-h-3on12 {
    max-height: 25%;
  }
  .xs-h-4on12 {
    height: 33.333333%;
  }
  .xs-min-h-4on12 {
    min-height: 33.333333%;
  }
  .xs-max-h-4on12 {
    max-height: 33.333333%;
  }
  .xs-h-5on12 {
    height: 41.666667%;
  }
  .xs-min-h-5on12 {
    min-height: 41.666667%;
  }
  .xs-max-h-5on12 {
    max-height: 41.666667%;
  }
  .xs-h-6on12 {
    height: 50%;
  }
  .xs-min-h-6on12 {
    min-height: 50%;
  }
  .xs-max-h-6on12 {
    max-height: 50%;
  }
  .xs-h-7on12 {
    height: 58.333333%;
  }
  .xs-min-h-7on12 {
    min-height: 58.333333%;
  }
  .xs-max-h-7on12 {
    max-height: 58.333333%;
  }
  .xs-h-8on12 {
    height: 66.666667%;
  }
  .xs-min-h-8on12 {
    min-height: 66.666667%;
  }
  .xs-max-h-8on12 {
    max-height: 66.666667%;
  }
  .xs-h-9on12 {
    height: 75%;
  }
  .xs-min-h-9on12 {
    min-height: 75%;
  }
  .xs-max-h-9on12 {
    max-height: 75%;
  }
  .xs-h-10on12 {
    height: 83.333333%;
  }
  .xs-min-h-10on12 {
    min-height: 83.333333%;
  }
  .xs-max-h-10on12 {
    max-height: 83.333333%;
  }
  .xs-h-11on12 {
    height: 91.666667%;
  }
  .xs-min-h-11on12 {
    min-height: 91.666667%;
  }
  .xs-max-h-11on12 {
    max-height: 91.666667%;
  }
  .xs-h-screen {
    height: 100vw;
  }
  .xs-min-h-screen {
    min-height: 100vw;
  }
  .xs-max-h-screen {
    max-height: 100vw;
  }
  .xs-h-full {
    height: 100%;
  }
  .xs-min-h-full {
    min-height: 100%;
  }
  .xs-max-h-full {
    max-height: 100%;
  }
  .xs-h-fit {
    height: fit-content;
  }
  .xs-min-h-fit {
    min-height: fit-content;
  }
  .xs-max-h-fit {
    max-height: fit-content;
  }
  .xs-h-min {
    height: min-content;
  }
  .xs-min-h-min {
    min-height: min-content;
  }
  .xs-max-h-min {
    max-height: min-content;
  }
  .xs-h-max {
    height: max-content;
  }
  .xs-min-h-max {
    min-height: max-content;
  }
  .xs-max-h-max {
    max-height: max-content;
  }
  .xs-m-0 {
    margin: 0;
  }
  .xs-mt-0,
  .xs-my-0 {
    margin-top: 0;
  }
  .xs-mr-0,
  .xs-mx-0 {
    margin-right: 0;
  }
  .xs-mb-0,
  .xs-my-0 {
    margin-bottom: 0;
  }
  .xs-ml-0,
  .xs-mx-0 {
    margin-left: 0;
  }
  .xs-mbls-0,
  .xs-mbl-0 {
    margin-block-start: 0;
  }
  .xs-mble-0,
  .xs-mbl-0 {
    margin-block-end: 0;
  }
  .xs-mins-0,
  .xs-min-0 {
    margin-inline-start: 0;
  }
  .xs-mine-0,
  .xs-min-0 {
    margin-inline-end: 0;
  }
  .xs-p-0 {
    padding: 0;
  }
  .xs-pt-0,
  .xs-py-0 {
    padding-top: 0;
  }
  .xs-pr-0,
  .xs-px-0 {
    padding-right: 0;
  }
  .xs-pb-0,
  .xs-py-0 {
    padding-bottom: 0;
  }
  .xs-pl-0,
  .xs-px-0 {
    padding-left: 0;
  }
  .xs-pbls-0,
  .xs-pbl-0 {
    padding-block-start: 0;
  }
  .xs-pble-0,
  .xs-pbl-0 {
    padding-block-end: 0;
  }
  .xs-pins-0,
  .xs-pin-0 {
    padding-inline-start: 0;
  }
  .xs-pine-0,
  .xs-pin-0 {
    padding-inline-end: 0;
  }
  .xs-m-1 {
    margin: 4px;
  }
  .xs-mt-1,
  .xs-my-1 {
    margin-top: 4px;
  }
  .xs-mr-1,
  .xs-mx-1 {
    margin-right: 4px;
  }
  .xs-mb-1,
  .xs-my-1 {
    margin-bottom: 4px;
  }
  .xs-ml-1,
  .xs-mx-1 {
    margin-left: 4px;
  }
  .xs-mbls-1,
  .xs-mbl-1 {
    margin-block-start: 4px;
  }
  .xs-mble-1,
  .xs-mbl-1 {
    margin-block-end: 4px;
  }
  .xs-mins-1,
  .xs-min-1 {
    margin-inline-start: 4px;
  }
  .xs-mine-1,
  .xs-min-1 {
    margin-inline-end: 4px;
  }
  .xs-p-1 {
    padding: 4px;
  }
  .xs-pt-1,
  .xs-py-1 {
    padding-top: 4px;
  }
  .xs-pr-1,
  .xs-px-1 {
    padding-right: 4px;
  }
  .xs-pb-1,
  .xs-py-1 {
    padding-bottom: 4px;
  }
  .xs-pl-1,
  .xs-px-1 {
    padding-left: 4px;
  }
  .xs-pbls-1,
  .xs-pbl-1 {
    padding-block-start: 4px;
  }
  .xs-pble-1,
  .xs-pbl-1 {
    padding-block-end: 4px;
  }
  .xs-pins-1,
  .xs-pin-1 {
    padding-inline-start: 4px;
  }
  .xs-pine-1,
  .xs-pin-1 {
    padding-inline-end: 4px;
  }
  .xs-m-2 {
    margin: 8px;
  }
  .xs-mt-2,
  .xs-my-2 {
    margin-top: 8px;
  }
  .xs-mr-2,
  .xs-mx-2 {
    margin-right: 8px;
  }
  .xs-mb-2,
  .xs-my-2 {
    margin-bottom: 8px;
  }
  .xs-ml-2,
  .xs-mx-2 {
    margin-left: 8px;
  }
  .xs-mbls-2,
  .xs-mbl-2 {
    margin-block-start: 8px;
  }
  .xs-mble-2,
  .xs-mbl-2 {
    margin-block-end: 8px;
  }
  .xs-mins-2,
  .xs-min-2 {
    margin-inline-start: 8px;
  }
  .xs-mine-2,
  .xs-min-2 {
    margin-inline-end: 8px;
  }
  .xs-p-2 {
    padding: 8px;
  }
  .xs-pt-2,
  .xs-py-2 {
    padding-top: 8px;
  }
  .xs-pr-2,
  .xs-px-2 {
    padding-right: 8px;
  }
  .xs-pb-2,
  .xs-py-2 {
    padding-bottom: 8px;
  }
  .xs-pl-2,
  .xs-px-2 {
    padding-left: 8px;
  }
  .xs-pbls-2,
  .xs-pbl-2 {
    padding-block-start: 8px;
  }
  .xs-pble-2,
  .xs-pbl-2 {
    padding-block-end: 8px;
  }
  .xs-pins-2,
  .xs-pin-2 {
    padding-inline-start: 8px;
  }
  .xs-pine-2,
  .xs-pin-2 {
    padding-inline-end: 8px;
  }
  .xs-m-3 {
    margin: 16px;
  }
  .xs-mt-3,
  .xs-my-3 {
    margin-top: 16px;
  }
  .xs-mr-3,
  .xs-mx-3 {
    margin-right: 16px;
  }
  .xs-mb-3,
  .xs-my-3 {
    margin-bottom: 16px;
  }
  .xs-ml-3,
  .xs-mx-3 {
    margin-left: 16px;
  }
  .xs-mbls-3,
  .xs-mbl-3 {
    margin-block-start: 16px;
  }
  .xs-mble-3,
  .xs-mbl-3 {
    margin-block-end: 16px;
  }
  .xs-mins-3,
  .xs-min-3 {
    margin-inline-start: 16px;
  }
  .xs-mine-3,
  .xs-min-3 {
    margin-inline-end: 16px;
  }
  .xs-p-3 {
    padding: 16px;
  }
  .xs-pt-3,
  .xs-py-3 {
    padding-top: 16px;
  }
  .xs-pr-3,
  .xs-px-3 {
    padding-right: 16px;
  }
  .xs-pb-3,
  .xs-py-3 {
    padding-bottom: 16px;
  }
  .xs-pl-3,
  .xs-px-3 {
    padding-left: 16px;
  }
  .xs-pbls-3,
  .xs-pbl-3 {
    padding-block-start: 16px;
  }
  .xs-pble-3,
  .xs-pbl-3 {
    padding-block-end: 16px;
  }
  .xs-pins-3,
  .xs-pin-3 {
    padding-inline-start: 16px;
  }
  .xs-pine-3,
  .xs-pin-3 {
    padding-inline-end: 16px;
  }
  .xs-m-4 {
    margin: 24px;
  }
  .xs-mt-4,
  .xs-my-4 {
    margin-top: 24px;
  }
  .xs-mr-4,
  .xs-mx-4 {
    margin-right: 24px;
  }
  .xs-mb-4,
  .xs-my-4 {
    margin-bottom: 24px;
  }
  .xs-ml-4,
  .xs-mx-4 {
    margin-left: 24px;
  }
  .xs-mbls-4,
  .xs-mbl-4 {
    margin-block-start: 24px;
  }
  .xs-mble-4,
  .xs-mbl-4 {
    margin-block-end: 24px;
  }
  .xs-mins-4,
  .xs-min-4 {
    margin-inline-start: 24px;
  }
  .xs-mine-4,
  .xs-min-4 {
    margin-inline-end: 24px;
  }
  .xs-p-4 {
    padding: 24px;
  }
  .xs-pt-4,
  .xs-py-4 {
    padding-top: 24px;
  }
  .xs-pr-4,
  .xs-px-4 {
    padding-right: 24px;
  }
  .xs-pb-4,
  .xs-py-4 {
    padding-bottom: 24px;
  }
  .xs-pl-4,
  .xs-px-4 {
    padding-left: 24px;
  }
  .xs-pbls-4,
  .xs-pbl-4 {
    padding-block-start: 24px;
  }
  .xs-pble-4,
  .xs-pbl-4 {
    padding-block-end: 24px;
  }
  .xs-pins-4,
  .xs-pin-4 {
    padding-inline-start: 24px;
  }
  .xs-pine-4,
  .xs-pin-4 {
    padding-inline-end: 24px;
  }
  .xs-m-5 {
    margin: 32px;
  }
  .xs-mt-5,
  .xs-my-5 {
    margin-top: 32px;
  }
  .xs-mr-5,
  .xs-mx-5 {
    margin-right: 32px;
  }
  .xs-mb-5,
  .xs-my-5 {
    margin-bottom: 32px;
  }
  .xs-ml-5,
  .xs-mx-5 {
    margin-left: 32px;
  }
  .xs-mbls-5,
  .xs-mbl-5 {
    margin-block-start: 32px;
  }
  .xs-mble-5,
  .xs-mbl-5 {
    margin-block-end: 32px;
  }
  .xs-mins-5,
  .xs-min-5 {
    margin-inline-start: 32px;
  }
  .xs-mine-5,
  .xs-min-5 {
    margin-inline-end: 32px;
  }
  .xs-p-5 {
    padding: 32px;
  }
  .xs-pt-5,
  .xs-py-5 {
    padding-top: 32px;
  }
  .xs-pr-5,
  .xs-px-5 {
    padding-right: 32px;
  }
  .xs-pb-5,
  .xs-py-5 {
    padding-bottom: 32px;
  }
  .xs-pl-5,
  .xs-px-5 {
    padding-left: 32px;
  }
  .xs-pbls-5,
  .xs-pbl-5 {
    padding-block-start: 32px;
  }
  .xs-pble-5,
  .xs-pbl-5 {
    padding-block-end: 32px;
  }
  .xs-pins-5,
  .xs-pin-5 {
    padding-inline-start: 32px;
  }
  .xs-pine-5,
  .xs-pin-5 {
    padding-inline-end: 32px;
  }
  .xs-m-6 {
    margin: 40px;
  }
  .xs-mt-6,
  .xs-my-6 {
    margin-top: 40px;
  }
  .xs-mr-6,
  .xs-mx-6 {
    margin-right: 40px;
  }
  .xs-mb-6,
  .xs-my-6 {
    margin-bottom: 40px;
  }
  .xs-ml-6,
  .xs-mx-6 {
    margin-left: 40px;
  }
  .xs-mbls-6,
  .xs-mbl-6 {
    margin-block-start: 40px;
  }
  .xs-mble-6,
  .xs-mbl-6 {
    margin-block-end: 40px;
  }
  .xs-mins-6,
  .xs-min-6 {
    margin-inline-start: 40px;
  }
  .xs-mine-6,
  .xs-min-6 {
    margin-inline-end: 40px;
  }
  .xs-p-6 {
    padding: 40px;
  }
  .xs-pt-6,
  .xs-py-6 {
    padding-top: 40px;
  }
  .xs-pr-6,
  .xs-px-6 {
    padding-right: 40px;
  }
  .xs-pb-6,
  .xs-py-6 {
    padding-bottom: 40px;
  }
  .xs-pl-6,
  .xs-px-6 {
    padding-left: 40px;
  }
  .xs-pbls-6,
  .xs-pbl-6 {
    padding-block-start: 40px;
  }
  .xs-pble-6,
  .xs-pbl-6 {
    padding-block-end: 40px;
  }
  .xs-pins-6,
  .xs-pin-6 {
    padding-inline-start: 40px;
  }
  .xs-pine-6,
  .xs-pin-6 {
    padding-inline-end: 40px;
  }
  .xs-m-7 {
    margin: 48px;
  }
  .xs-mt-7,
  .xs-my-7 {
    margin-top: 48px;
  }
  .xs-mr-7,
  .xs-mx-7 {
    margin-right: 48px;
  }
  .xs-mb-7,
  .xs-my-7 {
    margin-bottom: 48px;
  }
  .xs-ml-7,
  .xs-mx-7 {
    margin-left: 48px;
  }
  .xs-mbls-7,
  .xs-mbl-7 {
    margin-block-start: 48px;
  }
  .xs-mble-7,
  .xs-mbl-7 {
    margin-block-end: 48px;
  }
  .xs-mins-7,
  .xs-min-7 {
    margin-inline-start: 48px;
  }
  .xs-mine-7,
  .xs-min-7 {
    margin-inline-end: 48px;
  }
  .xs-p-7 {
    padding: 48px;
  }
  .xs-pt-7,
  .xs-py-7 {
    padding-top: 48px;
  }
  .xs-pr-7,
  .xs-px-7 {
    padding-right: 48px;
  }
  .xs-pb-7,
  .xs-py-7 {
    padding-bottom: 48px;
  }
  .xs-pl-7,
  .xs-px-7 {
    padding-left: 48px;
  }
  .xs-pbls-7,
  .xs-pbl-7 {
    padding-block-start: 48px;
  }
  .xs-pble-7,
  .xs-pbl-7 {
    padding-block-end: 48px;
  }
  .xs-pins-7,
  .xs-pin-7 {
    padding-inline-start: 48px;
  }
  .xs-pine-7,
  .xs-pin-7 {
    padding-inline-end: 48px;
  }
  .xs-m-8 {
    margin: 56px;
  }
  .xs-mt-8,
  .xs-my-8 {
    margin-top: 56px;
  }
  .xs-mr-8,
  .xs-mx-8 {
    margin-right: 56px;
  }
  .xs-mb-8,
  .xs-my-8 {
    margin-bottom: 56px;
  }
  .xs-ml-8,
  .xs-mx-8 {
    margin-left: 56px;
  }
  .xs-mbls-8,
  .xs-mbl-8 {
    margin-block-start: 56px;
  }
  .xs-mble-8,
  .xs-mbl-8 {
    margin-block-end: 56px;
  }
  .xs-mins-8,
  .xs-min-8 {
    margin-inline-start: 56px;
  }
  .xs-mine-8,
  .xs-min-8 {
    margin-inline-end: 56px;
  }
  .xs-p-8 {
    padding: 56px;
  }
  .xs-pt-8,
  .xs-py-8 {
    padding-top: 56px;
  }
  .xs-pr-8,
  .xs-px-8 {
    padding-right: 56px;
  }
  .xs-pb-8,
  .xs-py-8 {
    padding-bottom: 56px;
  }
  .xs-pl-8,
  .xs-px-8 {
    padding-left: 56px;
  }
  .xs-pbls-8,
  .xs-pbl-8 {
    padding-block-start: 56px;
  }
  .xs-pble-8,
  .xs-pbl-8 {
    padding-block-end: 56px;
  }
  .xs-pins-8,
  .xs-pin-8 {
    padding-inline-start: 56px;
  }
  .xs-pine-8,
  .xs-pin-8 {
    padding-inline-end: 56px;
  }
  .xs-m-9 {
    margin: 64px;
  }
  .xs-mt-9,
  .xs-my-9 {
    margin-top: 64px;
  }
  .xs-mr-9,
  .xs-mx-9 {
    margin-right: 64px;
  }
  .xs-mb-9,
  .xs-my-9 {
    margin-bottom: 64px;
  }
  .xs-ml-9,
  .xs-mx-9 {
    margin-left: 64px;
  }
  .xs-mbls-9,
  .xs-mbl-9 {
    margin-block-start: 64px;
  }
  .xs-mble-9,
  .xs-mbl-9 {
    margin-block-end: 64px;
  }
  .xs-mins-9,
  .xs-min-9 {
    margin-inline-start: 64px;
  }
  .xs-mine-9,
  .xs-min-9 {
    margin-inline-end: 64px;
  }
  .xs-p-9 {
    padding: 64px;
  }
  .xs-pt-9,
  .xs-py-9 {
    padding-top: 64px;
  }
  .xs-pr-9,
  .xs-px-9 {
    padding-right: 64px;
  }
  .xs-pb-9,
  .xs-py-9 {
    padding-bottom: 64px;
  }
  .xs-pl-9,
  .xs-px-9 {
    padding-left: 64px;
  }
  .xs-pbls-9,
  .xs-pbl-9 {
    padding-block-start: 64px;
  }
  .xs-pble-9,
  .xs-pbl-9 {
    padding-block-end: 64px;
  }
  .xs-pins-9,
  .xs-pin-9 {
    padding-inline-start: 64px;
  }
  .xs-pine-9,
  .xs-pin-9 {
    padding-inline-end: 64px;
  }
  .xs-m-10 {
    margin: 72px;
  }
  .xs-mt-10,
  .xs-my-10 {
    margin-top: 72px;
  }
  .xs-mr-10,
  .xs-mx-10 {
    margin-right: 72px;
  }
  .xs-mb-10,
  .xs-my-10 {
    margin-bottom: 72px;
  }
  .xs-ml-10,
  .xs-mx-10 {
    margin-left: 72px;
  }
  .xs-mbls-10,
  .xs-mbl-10 {
    margin-block-start: 72px;
  }
  .xs-mble-10,
  .xs-mbl-10 {
    margin-block-end: 72px;
  }
  .xs-mins-10,
  .xs-min-10 {
    margin-inline-start: 72px;
  }
  .xs-mine-10,
  .xs-min-10 {
    margin-inline-end: 72px;
  }
  .xs-p-10 {
    padding: 72px;
  }
  .xs-pt-10,
  .xs-py-10 {
    padding-top: 72px;
  }
  .xs-pr-10,
  .xs-px-10 {
    padding-right: 72px;
  }
  .xs-pb-10,
  .xs-py-10 {
    padding-bottom: 72px;
  }
  .xs-pl-10,
  .xs-px-10 {
    padding-left: 72px;
  }
  .xs-pbls-10,
  .xs-pbl-10 {
    padding-block-start: 72px;
  }
  .xs-pble-10,
  .xs-pbl-10 {
    padding-block-end: 72px;
  }
  .xs-pins-10,
  .xs-pin-10 {
    padding-inline-start: 72px;
  }
  .xs-pine-10,
  .xs-pin-10 {
    padding-inline-end: 72px;
  }
  .xs-m-11 {
    margin: 80px;
  }
  .xs-mt-11,
  .xs-my-11 {
    margin-top: 80px;
  }
  .xs-mr-11,
  .xs-mx-11 {
    margin-right: 80px;
  }
  .xs-mb-11,
  .xs-my-11 {
    margin-bottom: 80px;
  }
  .xs-ml-11,
  .xs-mx-11 {
    margin-left: 80px;
  }
  .xs-mbls-11,
  .xs-mbl-11 {
    margin-block-start: 80px;
  }
  .xs-mble-11,
  .xs-mbl-11 {
    margin-block-end: 80px;
  }
  .xs-mins-11,
  .xs-min-11 {
    margin-inline-start: 80px;
  }
  .xs-mine-11,
  .xs-min-11 {
    margin-inline-end: 80px;
  }
  .xs-p-11 {
    padding: 80px;
  }
  .xs-pt-11,
  .xs-py-11 {
    padding-top: 80px;
  }
  .xs-pr-11,
  .xs-px-11 {
    padding-right: 80px;
  }
  .xs-pb-11,
  .xs-py-11 {
    padding-bottom: 80px;
  }
  .xs-pl-11,
  .xs-px-11 {
    padding-left: 80px;
  }
  .xs-pbls-11,
  .xs-pbl-11 {
    padding-block-start: 80px;
  }
  .xs-pble-11,
  .xs-pbl-11 {
    padding-block-end: 80px;
  }
  .xs-pins-11,
  .xs-pin-11 {
    padding-inline-start: 80px;
  }
  .xs-pine-11,
  .xs-pin-11 {
    padding-inline-end: 80px;
  }
  .xs-m-12 {
    margin: 88px;
  }
  .xs-mt-12,
  .xs-my-12 {
    margin-top: 88px;
  }
  .xs-mr-12,
  .xs-mx-12 {
    margin-right: 88px;
  }
  .xs-mb-12,
  .xs-my-12 {
    margin-bottom: 88px;
  }
  .xs-ml-12,
  .xs-mx-12 {
    margin-left: 88px;
  }
  .xs-mbls-12,
  .xs-mbl-12 {
    margin-block-start: 88px;
  }
  .xs-mble-12,
  .xs-mbl-12 {
    margin-block-end: 88px;
  }
  .xs-mins-12,
  .xs-min-12 {
    margin-inline-start: 88px;
  }
  .xs-mine-12,
  .xs-min-12 {
    margin-inline-end: 88px;
  }
  .xs-p-12 {
    padding: 88px;
  }
  .xs-pt-12,
  .xs-py-12 {
    padding-top: 88px;
  }
  .xs-pr-12,
  .xs-px-12 {
    padding-right: 88px;
  }
  .xs-pb-12,
  .xs-py-12 {
    padding-bottom: 88px;
  }
  .xs-pl-12,
  .xs-px-12 {
    padding-left: 88px;
  }
  .xs-pbls-12,
  .xs-pbl-12 {
    padding-block-start: 88px;
  }
  .xs-pble-12,
  .xs-pbl-12 {
    padding-block-end: 88px;
  }
  .xs-pins-12,
  .xs-pin-12 {
    padding-inline-start: 88px;
  }
  .xs-pine-12,
  .xs-pin-12 {
    padding-inline-end: 88px;
  }
  .xs-m-13 {
    margin: 96px;
  }
  .xs-mt-13,
  .xs-my-13 {
    margin-top: 96px;
  }
  .xs-mr-13,
  .xs-mx-13 {
    margin-right: 96px;
  }
  .xs-mb-13,
  .xs-my-13 {
    margin-bottom: 96px;
  }
  .xs-ml-13,
  .xs-mx-13 {
    margin-left: 96px;
  }
  .xs-mbls-13,
  .xs-mbl-13 {
    margin-block-start: 96px;
  }
  .xs-mble-13,
  .xs-mbl-13 {
    margin-block-end: 96px;
  }
  .xs-mins-13,
  .xs-min-13 {
    margin-inline-start: 96px;
  }
  .xs-mine-13,
  .xs-min-13 {
    margin-inline-end: 96px;
  }
  .xs-p-13 {
    padding: 96px;
  }
  .xs-pt-13,
  .xs-py-13 {
    padding-top: 96px;
  }
  .xs-pr-13,
  .xs-px-13 {
    padding-right: 96px;
  }
  .xs-pb-13,
  .xs-py-13 {
    padding-bottom: 96px;
  }
  .xs-pl-13,
  .xs-px-13 {
    padding-left: 96px;
  }
  .xs-pbls-13,
  .xs-pbl-13 {
    padding-block-start: 96px;
  }
  .xs-pble-13,
  .xs-pbl-13 {
    padding-block-end: 96px;
  }
  .xs-pins-13,
  .xs-pin-13 {
    padding-inline-start: 96px;
  }
  .xs-pine-13,
  .xs-pin-13 {
    padding-inline-end: 96px;
  }
  .xs-m-14 {
    margin: 104px;
  }
  .xs-mt-14,
  .xs-my-14 {
    margin-top: 104px;
  }
  .xs-mr-14,
  .xs-mx-14 {
    margin-right: 104px;
  }
  .xs-mb-14,
  .xs-my-14 {
    margin-bottom: 104px;
  }
  .xs-ml-14,
  .xs-mx-14 {
    margin-left: 104px;
  }
  .xs-mbls-14,
  .xs-mbl-14 {
    margin-block-start: 104px;
  }
  .xs-mble-14,
  .xs-mbl-14 {
    margin-block-end: 104px;
  }
  .xs-mins-14,
  .xs-min-14 {
    margin-inline-start: 104px;
  }
  .xs-mine-14,
  .xs-min-14 {
    margin-inline-end: 104px;
  }
  .xs-p-14 {
    padding: 104px;
  }
  .xs-pt-14,
  .xs-py-14 {
    padding-top: 104px;
  }
  .xs-pr-14,
  .xs-px-14 {
    padding-right: 104px;
  }
  .xs-pb-14,
  .xs-py-14 {
    padding-bottom: 104px;
  }
  .xs-pl-14,
  .xs-px-14 {
    padding-left: 104px;
  }
  .xs-pbls-14,
  .xs-pbl-14 {
    padding-block-start: 104px;
  }
  .xs-pble-14,
  .xs-pbl-14 {
    padding-block-end: 104px;
  }
  .xs-pins-14,
  .xs-pin-14 {
    padding-inline-start: 104px;
  }
  .xs-pine-14,
  .xs-pin-14 {
    padding-inline-end: 104px;
  }
  .xs-m-15 {
    margin: 112px;
  }
  .xs-mt-15,
  .xs-my-15 {
    margin-top: 112px;
  }
  .xs-mr-15,
  .xs-mx-15 {
    margin-right: 112px;
  }
  .xs-mb-15,
  .xs-my-15 {
    margin-bottom: 112px;
  }
  .xs-ml-15,
  .xs-mx-15 {
    margin-left: 112px;
  }
  .xs-mbls-15,
  .xs-mbl-15 {
    margin-block-start: 112px;
  }
  .xs-mble-15,
  .xs-mbl-15 {
    margin-block-end: 112px;
  }
  .xs-mins-15,
  .xs-min-15 {
    margin-inline-start: 112px;
  }
  .xs-mine-15,
  .xs-min-15 {
    margin-inline-end: 112px;
  }
  .xs-p-15 {
    padding: 112px;
  }
  .xs-pt-15,
  .xs-py-15 {
    padding-top: 112px;
  }
  .xs-pr-15,
  .xs-px-15 {
    padding-right: 112px;
  }
  .xs-pb-15,
  .xs-py-15 {
    padding-bottom: 112px;
  }
  .xs-pl-15,
  .xs-px-15 {
    padding-left: 112px;
  }
  .xs-pbls-15,
  .xs-pbl-15 {
    padding-block-start: 112px;
  }
  .xs-pble-15,
  .xs-pbl-15 {
    padding-block-end: 112px;
  }
  .xs-pins-15,
  .xs-pin-15 {
    padding-inline-start: 112px;
  }
  .xs-pine-15,
  .xs-pin-15 {
    padding-inline-end: 112px;
  }
  .xs-m-16 {
    margin: 120px;
  }
  .xs-mt-16,
  .xs-my-16 {
    margin-top: 120px;
  }
  .xs-mr-16,
  .xs-mx-16 {
    margin-right: 120px;
  }
  .xs-mb-16,
  .xs-my-16 {
    margin-bottom: 120px;
  }
  .xs-ml-16,
  .xs-mx-16 {
    margin-left: 120px;
  }
  .xs-mbls-16,
  .xs-mbl-16 {
    margin-block-start: 120px;
  }
  .xs-mble-16,
  .xs-mbl-16 {
    margin-block-end: 120px;
  }
  .xs-mins-16,
  .xs-min-16 {
    margin-inline-start: 120px;
  }
  .xs-mine-16,
  .xs-min-16 {
    margin-inline-end: 120px;
  }
  .xs-p-16 {
    padding: 120px;
  }
  .xs-pt-16,
  .xs-py-16 {
    padding-top: 120px;
  }
  .xs-pr-16,
  .xs-px-16 {
    padding-right: 120px;
  }
  .xs-pb-16,
  .xs-py-16 {
    padding-bottom: 120px;
  }
  .xs-pl-16,
  .xs-px-16 {
    padding-left: 120px;
  }
  .xs-pbls-16,
  .xs-pbl-16 {
    padding-block-start: 120px;
  }
  .xs-pble-16,
  .xs-pbl-16 {
    padding-block-end: 120px;
  }
  .xs-pins-16,
  .xs-pin-16 {
    padding-inline-start: 120px;
  }
  .xs-pine-16,
  .xs-pin-16 {
    padding-inline-end: 120px;
  }
  .xs-m-17 {
    margin: 128px;
  }
  .xs-mt-17,
  .xs-my-17 {
    margin-top: 128px;
  }
  .xs-mr-17,
  .xs-mx-17 {
    margin-right: 128px;
  }
  .xs-mb-17,
  .xs-my-17 {
    margin-bottom: 128px;
  }
  .xs-ml-17,
  .xs-mx-17 {
    margin-left: 128px;
  }
  .xs-mbls-17,
  .xs-mbl-17 {
    margin-block-start: 128px;
  }
  .xs-mble-17,
  .xs-mbl-17 {
    margin-block-end: 128px;
  }
  .xs-mins-17,
  .xs-min-17 {
    margin-inline-start: 128px;
  }
  .xs-mine-17,
  .xs-min-17 {
    margin-inline-end: 128px;
  }
  .xs-p-17 {
    padding: 128px;
  }
  .xs-pt-17,
  .xs-py-17 {
    padding-top: 128px;
  }
  .xs-pr-17,
  .xs-px-17 {
    padding-right: 128px;
  }
  .xs-pb-17,
  .xs-py-17 {
    padding-bottom: 128px;
  }
  .xs-pl-17,
  .xs-px-17 {
    padding-left: 128px;
  }
  .xs-pbls-17,
  .xs-pbl-17 {
    padding-block-start: 128px;
  }
  .xs-pble-17,
  .xs-pbl-17 {
    padding-block-end: 128px;
  }
  .xs-pins-17,
  .xs-pin-17 {
    padding-inline-start: 128px;
  }
  .xs-pine-17,
  .xs-pin-17 {
    padding-inline-end: 128px;
  }
  .xs-gap-0 {
    gap: 0px;
  }
  .xs-gap-x-0 {
    column-gap: 0px;
  }
  .xs-gap-y-0 {
    row-gap: 0px;
  }
  .xs-gap-0-5 {
    gap: 0.125rem;
  }
  .xs-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .xs-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .xs-gap-1 {
    gap: 0.25rem;
  }
  .xs-gap-x-1 {
    column-gap: 0.25rem;
  }
  .xs-gap-y-1 {
    row-gap: 0.25rem;
  }
  .xs-gap-1-5 {
    gap: 0.375rem;
  }
  .xs-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .xs-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .xs-gap-2 {
    gap: 0.5rem;
  }
  .xs-gap-x-2 {
    column-gap: 0.5rem;
  }
  .xs-gap-y-2 {
    row-gap: 0.5rem;
  }
  .xs-gap-2-5 {
    gap: 0.625rem;
  }
  .xs-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .xs-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .xs-gap-3 {
    gap: 0.75rem;
  }
  .xs-gap-x-3 {
    column-gap: 0.75rem;
  }
  .xs-gap-y-3 {
    row-gap: 0.75rem;
  }
  .xs-gap-3-5 {
    gap: 0.875rem;
  }
  .xs-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .xs-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .xs-gap-4 {
    gap: 1rem;
  }
  .xs-gap-x-4 {
    column-gap: 1rem;
  }
  .xs-gap-y-4 {
    row-gap: 1rem;
  }
  .xs-gap-5 {
    gap: 1.25rem;
  }
  .xs-gap-x-5 {
    column-gap: 1.25rem;
  }
  .xs-gap-y-5 {
    row-gap: 1.25rem;
  }
  .xs-gap-6 {
    gap: 1.5rem;
  }
  .xs-gap-x-6 {
    column-gap: 1.5rem;
  }
  .xs-gap-y-6 {
    row-gap: 1.5rem;
  }
  .xs-gap-7 {
    gap: 1.75rem;
  }
  .xs-gap-x-7 {
    column-gap: 1.75rem;
  }
  .xs-gap-y-7 {
    row-gap: 1.75rem;
  }
  .xs-gap-8 {
    gap: 2rem;
  }
  .xs-gap-x-8 {
    column-gap: 2rem;
  }
  .xs-gap-y-8 {
    row-gap: 2rem;
  }
  .xs-gap-9 {
    gap: 2.25rem;
  }
  .xs-gap-x-9 {
    column-gap: 2.25rem;
  }
  .xs-gap-y-9 {
    row-gap: 2.25rem;
  }
  .xs-gap-10 {
    gap: 2.5rem;
  }
  .xs-gap-x-10 {
    column-gap: 2.5rem;
  }
  .xs-gap-y-10 {
    row-gap: 2.5rem;
  }
  .xs-gap-11 {
    gap: 2.75rem;
  }
  .xs-gap-x-11 {
    column-gap: 2.75rem;
  }
  .xs-gap-y-11 {
    row-gap: 2.75rem;
  }
  .xs-gap-12 {
    gap: 3rem;
  }
  .xs-gap-x-12 {
    column-gap: 3rem;
  }
  .xs-gap-y-12 {
    row-gap: 3rem;
  }
  .xs-gap-14 {
    gap: 3.5rem;
  }
  .xs-gap-x-14 {
    column-gap: 3.5rem;
  }
  .xs-gap-y-14 {
    row-gap: 3.5rem;
  }
  .xs-gap-16 {
    gap: 4rem;
  }
  .xs-gap-x-16 {
    column-gap: 4rem;
  }
  .xs-gap-y-16 {
    row-gap: 4rem;
  }
  .xs-gap-20 {
    gap: 5rem;
  }
  .xs-gap-x-20 {
    column-gap: 5rem;
  }
  .xs-gap-y-20 {
    row-gap: 5rem;
  }
  .xs-gap-24 {
    gap: 6rem;
  }
  .xs-gap-x-24 {
    column-gap: 6rem;
  }
  .xs-gap-y-24 {
    row-gap: 6rem;
  }
  .xs-gap-28 {
    gap: 7rem;
  }
  .xs-gap-x-28 {
    column-gap: 7rem;
  }
  .xs-gap-y-28 {
    row-gap: 7rem;
  }
  .xs-gap-32 {
    gap: 8rem;
  }
  .xs-gap-x-32 {
    column-gap: 8rem;
  }
  .xs-gap-y-32 {
    row-gap: 8rem;
  }
  .xs-gap-36 {
    gap: 9rem;
  }
  .xs-gap-x-36 {
    column-gap: 9rem;
  }
  .xs-gap-y-36 {
    row-gap: 9rem;
  }
  .xs-gap-40 {
    gap: 10rem;
  }
  .xs-gap-x-40 {
    column-gap: 10rem;
  }
  .xs-gap-y-40 {
    row-gap: 10rem;
  }
  .xs-gap-44 {
    gap: 11rem;
  }
  .xs-gap-x-44 {
    column-gap: 11rem;
  }
  .xs-gap-y-44 {
    row-gap: 11rem;
  }
  .xs-gap-48 {
    gap: 12rem;
  }
  .xs-gap-x-48 {
    column-gap: 12rem;
  }
  .xs-gap-y-48 {
    row-gap: 12rem;
  }
  .xs-gap-52 {
    gap: 13rem;
  }
  .xs-gap-x-52 {
    column-gap: 13rem;
  }
  .xs-gap-y-52 {
    row-gap: 13rem;
  }
  .xs-gap-56 {
    gap: 13rem;
  }
  .xs-gap-x-56 {
    column-gap: 13rem;
  }
  .xs-gap-y-56 {
    row-gap: 13rem;
  }
  .xs-gap-60 {
    gap: 15rem;
  }
  .xs-gap-x-60 {
    column-gap: 15rem;
  }
  .xs-gap-y-60 {
    row-gap: 15rem;
  }
  .xs-gap-64 {
    gap: 16rem;
  }
  .xs-gap-x-64 {
    column-gap: 16rem;
  }
  .xs-gap-y-64 {
    row-gap: 16rem;
  }
  .xs-gap-72 {
    gap: 18rem;
  }
  .xs-gap-x-72 {
    column-gap: 18rem;
  }
  .xs-gap-y-72 {
    row-gap: 18rem;
  }
  .xs-gap-80 {
    gap: 20rem;
  }
  .xs-gap-x-80 {
    column-gap: 20rem;
  }
  .xs-gap-y-80 {
    row-gap: 20rem;
  }
  .xs-gap-96 {
    gap: 24rem;
  }
  .xs-gap-x-96 {
    column-gap: 24rem;
  }
  .xs-gap-y-96 {
    row-gap: 24rem;
  }
  .xs-flex {
    display: flex;
  }
  .xs-block {
    display: block;
  }
  .xs-grid {
    display: grid;
  }
  .xs-table {
    display: table;
  }
  .xs-table-row {
    display: table-row;
  }
  .xs-table-row-group {
    display: table-row-group;
  }
  .xs-inline-table {
    display: inline-table;
  }
  .xs-inline-block {
    display: inline-block;
  }
  .xs-inline {
    display: inline-flex;
  }
  .xs-hidden {
    display: none;
  }
  .xs-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .xs-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .xs-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .xs-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .xs-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .xs-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .xs-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .xs-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .xs-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .xs-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .xs-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .xs-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .xs-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .xs-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .xs-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .xs-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .xs-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .xs-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .xs-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .xs-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .xs-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .xs-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .xs-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .xs-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .xs-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .xs-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .xs-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .xs-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .xs-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .xs-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .xs-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .xs-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .xs-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .xs-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .xs-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .xs-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .xs-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .xs-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .xs-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .xs-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .xs-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .xs-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .xs-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .xs-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .xs-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .xs-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .xs-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .xs-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .xs-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .xs-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .xs-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .xs-text-ellipsis {
    text-overflow: ellipsis;
  }
  .xs-text-clip {
    text-overflow: clip;;
  }
  .xs-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .xs-overflow-hidden {
    overflow: hidden;
  }
  .xs-text-left {
    text-align: left;
  }
  .xs-text-center {
    text-align: center;
  }
  .xs-text-right {
    text-align: right;
  }
  .xs-text-justify {
    text-align: justify;
  }
  .xs-text-start {
    text-align: start;
  }
  .xs-text-end {
    text-align: end;
  }
  .xs-underline {
    text-decoration: underline;
  }
  .xs-overline {
    text-decoration: overline;
  }
  .xs-line-through {
    text-decoration: line-through;
  }
  .xs-no-underline {
    text-decoration: none;
  }
  .xs-uppercase {
    text-transform: uppercase;
  }
  .xs-lowercase {
    text-transform: lowercase;
  }
  .xs-capitalize {
    text-transform: capitalize;
  }
  .xs-normal-case {
    text-transform: none;
  }
  .xs-align-baseline {
    vertical-align: baseline;
  }
  .xs-align-top {
    vertical-align: top;
  }
  .xs-align-middle {
    vertical-align: middle;
  }
  .xs-align-bottom {
    vertical-align: bottom;
  }
  .xs-align-text-top {
    vertical-align: text-top;
  }
  .xs-align-text-bottom {
    vertical-align: text-bottom;
  }
  .xs-align-sub {
    vertical-align: sub;
  }
  .xs-align-super {
    vertical-align: super;
  }
  .xs-whitespace-normal {
    white-space: normal;
  }
  .xs-whitespace-nowrap {
    white-space: nowrap;
  }
  .xs-whitespace-pre {
    white-space: pre;
  }
  .xs-whitespace-pre-line {
    white-space: pre-line;
  }
  .xs-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .xs-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .xs-break-all {
    word-break: break-all;
  }
  .xs-break-keep {
    word-break: keep-all;
  }
  .xs-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .xs-break-words {
    overflow-wrap: break-word;
  }
  .xs-hyphens-none {
    hyphens: none;
  }
  .xs-hyphens-manual {
    hyphens: manual;
  }
  .xs-hyphens-auto {
    hyphens: auto;
  }
  .xs-indent-0 {
    text-indent: 0px;
  }
  .xs-indent-px {
    text-indent: 1px;
  }
  .xs-indent-0-5 {
    text-indent: 0.125rem;
  }
  .xs-indent-1 {
    text-indent: 0.25rem;
  }
  .xs-indent-1-5 {
    text-indent: 0.375rem;
  }
  .xs-indent-2 {
    text-indent: 0.5rem;
  }
  .xs-indent-2-5 {
    text-indent: 0.625rem;
  }
  .xs-indent-3 {
    text-indent: 0.75rem;
  }
  .xs-indent-3-5 {
    text-indent: 0.875rem;
  }
  .xs-indent-4 {
    text-indent: 1rem;
  }
  .xs-indent-5 {
    text-indent: 1.25rem;
  }
  .xs-indent-6 {
    text-indent: 1.5rem;
  }
  .xs-indent-7 {
    text-indent: 1.75rem;
  }
  .xs-indent-8 {
    text-indent: 2rem;
  }
  .xs-indent-9 {
    text-indent: 2.25rem;
  }
  .xs-indent-10 {
    text-indent: 2.5rem;
  }
  .xs-indent-11 {
    text-indent: 2.75rem;
  }
  .xs-indent-12 {
    text-indent:  3rem;
  }
  .xs-indent-14 {
    text-indent: 3.5rem;
  }
  .xs-indent-16 {
    text-indent: 4rem;
  }
  .xs-indent-20 {
    text-indent: 5rem;
  }
  .xs-indent-24 {
    text-indent: 6rem;
  }
  .xs-indent-28 {
    text-indent: 7rem;
  }
  .xs-indent-32 {
    text-indent: 8rem;
  }
  .xs-indent-36 {
    text-indent: 9rem;
  }
  .xs-indent-40 {
    text-indent: 10rem;
  }
  .xs-indent-44 {
    text-indent: 11rem;
  }
  .xs-indent-48 {
    text-indent: 12rem;
  }
  .xs-indent-52 {
    text-indent: 13rem;
  }
  .xs-indent-56 {
    text-indent: 14rem;
  }
  .xs-indent-60 {
    text-indent: 15rem;
  }
  .xs-indent-64 {
    text-indent: 16rem;
  }
  .xs-indent-72 {
    text-indent: 18rem;
  }
  .xs-indent-80 {
    text-indent: 20rem;
  }
  .xs-indent-96 {
    text-indent: 24rem;
  }
  .xs-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .xs-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .xs-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .xs-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .xs-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .xs-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .xs-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .xs-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.mic-icon-button-large {
  width: 40px !important;
  height: 40px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.mic-icon-button-large > *[role=img] {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.mic-icon-button-large > *[role=img] svg {
  width: 24px;
  height: 24px;
}
.mic-icon-button-large .mat-mdc-button-touch-target {
  width: 40px !important;
  height: 40px !important;
}

.mic-icon-button-medium {
  width: 32px !important;
  height: 32px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.mic-icon-button-medium > *[role=img] {
  width: 19px;
  height: 19px;
  font-size: 19px;
}
.mic-icon-button-medium > *[role=img] svg {
  width: 19px;
  height: 19px;
}
.mic-icon-button-medium .mat-mdc-button-touch-target {
  width: 32px !important;
  height: 32px !important;
}

.mic-icon-button-small {
  width: 26px !important;
  height: 26px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.mic-icon-button-small > *[role=img] {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.mic-icon-button-small > *[role=img] svg {
  width: 16px;
  height: 16px;
}
.mic-icon-button-small .mat-mdc-button-touch-target {
  width: 26px !important;
  height: 26px !important;
}

.mic-icon-button-tiny {
  width: 20px !important;
  height: 20px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.mic-icon-button-tiny > *[role=img] {
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.mic-icon-button-tiny > *[role=img] svg {
  width: 12px;
  height: 12px;
}
.mic-icon-button-tiny .mat-mdc-button-touch-target {
  width: 20px !important;
  height: 20px !important;
}

.mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border: 2px solid transparent;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-weight: bold;
  font-size: 18px;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover, .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:focus {
  background-color: #d4e7fa !important;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-header:focus {
  outline: none;
  border-color: #27509b;
  border-width: 2px !important;
}
.mat-accordion .mat-expansion-panel .mat-expansion-panel-body * {
  font-size: 14px;
  letter-spacing: normal;
}
.mat-accordion[color=accent] .mat-expansion-panel {
  background-color: #27509b;
  color: #ffffff;
}
.mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  color: #ffffff;
  font-weight: bold;
}
.mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
  color: #ffffff;
}
.mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header:hover, .mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header:focus {
  background-color: #1b386c !important;
}
.mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header:focus {
  border: black solid 2px !important;
}
.mat-accordion[color=accent] .mat-expansion-panel .mat-divider {
  background-color: #fce500;
}

.mat-mdc-button-base {
  font-weight: bold;
}
.mat-mdc-button-base .mat-mdc-button-wrapper {
  line-height: 24px;
}
.mat-mdc-button-base .mdc-button__label {
  display: flex;
  align-items: center;
  letter-spacing: normal;
}
.mat-mdc-button-base.mdc-fab:focus, .mat-mdc-button-base:focus {
  outline: 2px solid #27509b;
  outline-offset: 2px;
}
.mat-mdc-button-base.mdc-fab:focus.mdc-icon-button, .mat-mdc-button-base:focus.mdc-icon-button {
  outline-offset: -2px;
  outline-color: currentColor;
}
.mat-mdc-button-base.mdc-fab:focus.mdc-fab.mat-accent, .mat-mdc-button-base:focus.mdc-fab.mat-accent {
  outline-color: #fce500;
}
.mat-mdc-button-base.mdc-fab:focus.mdc-fab.mat-primary, .mat-mdc-button-base:focus.mdc-fab.mat-primary {
  outline-color: #27509b;
}
.mat-mdc-button-base.mdc-fab:focus.mdc-fab.mat-warn, .mat-mdc-button-base:focus.mdc-fab.mat-warn {
  outline-color: #27509b;
}
.mat-mdc-button-base:hover {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-unthemed, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-unthemed {
  color: #27509b;
  border: 2px solid #27509b;
  background-color: #ffffff;
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-unthemed:hover, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-unthemed:hover {
  background-color: #bdbdbd;
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-primary, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-primary {
  outline-color: #27509b;
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-primary:hover, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-primary:hover {
  background-color: #1b386c;
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-accent, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-accent {
  outline-color: #fce500;
  background-color: #fce500;
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-warn, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-warn {
  outline-color: #cc0033;
}
.mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-warn:hover, .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-warn:hover {
  background-color: #a6192e;
}
.mat-mdc-button-base.mat-mdc-outlined-button.mic-btn-outline {
  outline-color: currentColor;
  color: #ffffff;
  background-color: transparent;
  border: solid 2px #ffffff;
}
.mat-mdc-button-base.mat-mdc-outlined-button.mic-btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.mat-mdc-button-base.mat-mdc-outlined-button.mic-btn-outline:disabled {
  color: rgba(255, 255, 255, 0.38);
  background-color: transparent;
  border: solid 2px rgba(255, 255, 255, 0.38);
}
.mat-mdc-button-base.mic-btn-lg {
  line-height: normal;
  height: 59px;
  padding: 12px 16px;
}
.mat-mdc-button-base.mic-btn-sm {
  font-size: small;
  line-height: normal;
  height: 27px;
}
.mat-mdc-button-base.mat-mdc-button .mat-icon, .mat-mdc-button-base.mat-mdc-unelevated-button .mat-icon, .mat-mdc-button-base.mat-mdc-raised-button .mat-icon, .mat-mdc-button-base.mat-mdc-outlined-button .mat-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
}
.mat-mdc-button-base.mic-btn-icon-right {
  flex-direction: row-reverse;
}
.mat-mdc-button-base.mic-btn-icon-right > .mat-icon {
  margin-left: 8px;
  margin-right: -2px;
}
.mat-mdc-button-base.mic-btn-icon-left > .mat-icon {
  margin-right: 8px;
  margin-left: -2px;
}

.mic-button-loading .mat-icon {
  display: none;
}
.mic-button-loading .mat-mdc-progress-spinner {
  float: right;
  height: 20px;
  width: 20px;
  margin-left: 8px;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  width: 40px;
  height: 40px;
  padding: 6px;
}

.mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused {
  outline: #27509b solid 2px;
  border-radius: 5px;
}

.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after {
  background-color: #99cef6 !important;
}
.mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background-color: #27509b !important;
}
.mat-mdc-slide-toggle .mdc-switch .mdc-switch__track {
  height: 22px !important;
  border-radius: 11px !important;
}
.mat-mdc-slide-toggle .mdc-label {
  letter-spacing: normal;
}

/** Angular Material Variables */
.mat-mdc-card {
  padding: 16px;
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}
.mat-mdc-card .mat-mdc-card-title,
.mat-mdc-card .mat-mdc-card-subtitle {
  letter-spacing: normal;
}
.mat-mdc-card.mdc-card {
  border-radius: 8px;
}
.mat-mdc-card.flex.flex-row {
  flex-direction: row;
}
.mat-mdc-card[color=primary] {
  background-color: #27509b;
}
.mat-mdc-card[color=primary] .mat-mdc-card-title,
.mat-mdc-card[color=primary] .mat-mdc-card-subtitle,
.mat-mdc-card[color=primary] div,
.mat-mdc-card[color=primary] p,
.mat-mdc-card[color=primary] h3 {
  color: #ffffff;
}
.mat-mdc-card .mat-mdc-card-image {
  display: block;
  width: auto;
  margin: -16px -16px 0;
  overflow: hidden;
}
.mat-mdc-card .mat-mdc-card-image:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.mat-mdc-card .mat-mdc-card-content:last-child {
  padding: 0px;
}
.mat-mdc-card .mat-mdc-card-content.flex {
  display: flex !important;
}
.mat-mdc-card.mic-card {
  padding: 0;
  display: flex;
}
.mat-mdc-card .mat-mdc-card-title {
  font-weight: bold;
  padding: 4px 0 8px 0;
}
.mat-mdc-card .mat-mdc-card-subtitle {
  font-size: 16px;
}

.mic-card-horizontal-content {
  margin: 20px;
}

.mic-card-picture-container {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 25%;
  border-radius: 4px 0 0 4px;
}
.mic-card-picture-container img {
  position: relative;
  float: right;
  height: 100%;
}

.mat-mdc-checkbox .mdc-form-field {
  letter-spacing: normal;
}
.mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled]) ~ .mdc-checkbox__ripple,
.mat-mdc-checkbox .mdc-checkbox__native-control:not([disabled]):focus ~ .mdc-checkbox__ripple {
  background-color: #d4e7fa;
  outline: black solid 2px;
  opacity: 1 !important;
}

.mat-datepicker-toggle {
  color: #27509b;
}

.mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  outline: #27509b solid 2px;
  outline-offset: 2px;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.75em 0 0.75em 0;
}

.mat-mdc-option.mdc-list-item {
  border: 2px solid transparent;
}

.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  outline: none;
  border: #27509b solid 2px;
}

.mat-mdc-autocomplete .mat-option:hover:not(.mat-option-disabled),
.mat-autocomplete .mat-option:focus:not(.mat-option-disabled) {
  background-color: #27509b;
  color: #ffffff;
}

.mat-mdc-autocomplete .mat-mdc-option.mat-active {
  background-color: #27509b;
  color: #ffffff;
}

.mic-form-field-white .mat-form-field-underline {
  background-color: #ffffff;
}
.mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mdc-floating-label,
.mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-trigger,
.mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-arrow,
.mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-value,
.mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-placeholder,
.mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused input::placeholder,
.mic-form-field-white .mdc-text-field .mdc-floating-label,
.mic-form-field-white .mdc-text-field .mat-mdc-select-trigger,
.mic-form-field-white .mdc-text-field .mat-mdc-select-arrow,
.mic-form-field-white .mdc-text-field .mat-mdc-select-value,
.mic-form-field-white .mdc-text-field .mat-mdc-select-placeholder,
.mic-form-field-white .mdc-text-field input::placeholder,
.mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
.mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-trigger,
.mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-arrow,
.mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-value,
.mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-placeholder,
.mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) input::placeholder {
  caret-color: #ffffff;
  color: #ffffff !important;
}
.mic-form-field-white .mdc-text-field--filled.mdc-text-field--focused {
  outline: white solid 2px;
}
.mic-form-field-white .mdc-text-field--filled .mdc-line-ripple:after {
  border-bottom-color: #ffffff;
}
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-notched-outline__leading,
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-notched-outline__trailing, .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-notched-outline__leading,
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-notched-outline__notch,
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-notched-outline__trailing {
  border-color: #ffffff !important;
}
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-text-field__input,
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-text-field__input::placeholder, .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-text-field__input,
.mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-text-field__input::placeholder {
  color: #ffffff;
}

.mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}
.mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error {
  background-color: #f3c9bc;
  border-radius: 4px;
  padding: 0 4px 5px;
  margin-top: 5px;
}

.mat-mdc-form-field-hint-wrapper {
  padding: 0 !important;
}
.mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint {
  width: 100%;
  border-radius: 4px;
  padding: 0 4px 5px;
  margin-top: 5px;
}
.mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint.mic-info {
  background-color: #99cef6;
  color: #27509b;
}
.mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint.mic-valid {
  display: none;
  background-color: #ceeac6;
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint-spacer {
  display: none;
}

.mat-mdc-form-field.ng-valid.ng-touched .mat-mdc-form-field-hint.mic-valid {
  display: block;
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar,
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar,
.mat-mdc-progress-bar.mat-primary .mdc-linear-progress__buffer-bar {
  background-color: #e0e0e0;
}

.mat-mdc-option {
  min-height: 2.8em;
}
.mat-mdc-option .mdc-list-item__primary-text {
  line-height: initial !important;
}
.mat-mdc-autocomplete-panel,
.mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  overflow: hidden;
}
.mat-select-options-wrapper .mat-mdc-option {
  line-height: 2.8em;
  height: 2.8em;
}
.mat-select-options-wrapper .mat-mdc-option.mat-active {
  color: inherit;
}

.mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-option:focus:not(.mdc-list-item--disabled),
.mat-mdc-option.mat-mdc-option-active.mdc-list-item,
.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
  background-color: #d4e7fa;
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-option:focus:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item .mdc-list-item__primary-text,
.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #27509b !important;
}

.mat-select-checked small {
  color: #27509b;
}

.mat-pseudo-checkbox-full {
  border-color: var(--mdc-checkbox-unselected-icon-color);
}

.mat-mdc-tab-group .mat-mdc-tab-label-container,
.mat-tab-link-container .mat-mdc-tab-label-container {
  border-bottom: 1px solid rgba(1, 1, 1, 0.12);
}
.mat-mdc-tab-group .mat-mdc-tab:focus span.mdc-tab__text-label, .mat-mdc-tab-group .mat-mdc-tab:focus app-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:focus span.mat-mdc-tab-link,
.mat-mdc-tab-group .mat-mdc-tab:focus .qss-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:focus span.mat-mdc-tab-link,
.mat-tab-link-container .mat-mdc-tab:focus span.mdc-tab__text-label,
.mat-tab-link-container .mat-mdc-tab:focus app-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:focus span.mat-mdc-tab-link,
.mat-tab-link-container .mat-mdc-tab:focus .qss-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:focus span.mat-mdc-tab-link {
  outline: 1px solid transparent;
  outline-offset: 1px;
  box-shadow: -1px -1px 0px #27509b inset, 1px -1px 0px #27509b inset, -1px 1px 0px #27509b inset, 1px 1px 0px #27509b inset;
}
.mat-mdc-tab-group .mdc-tab__text-label, .mat-mdc-tab-group app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab-link,
.mat-mdc-tab-group .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab-link,
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mat-mdc-tab-group .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mat-tab-link-container .mdc-tab__text-label,
.mat-tab-link-container app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab-link,
.mat-tab-link-container .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab-link,
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mat-tab-link-container .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
  color: #27509b;
  letter-spacing: normal;
  border: transparent solid 1px;
  padding: 5px;
}
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group .mat-mdc-tab-link:not(.mat-mdc-tab-disabled),
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled),
.mat-tab-link-container .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) {
  opacity: 1;
  font-size: 16px;
}
.mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.mat-tab-link-container .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) {
  background-color: #99cef6;
}
.mat-mdc-tab-group .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.mat-tab-link-container .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled),
.mat-tab-link-container .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link {
  text-shadow: 0.4px 0 0, -0.4px 0 0;
}
.mat-mdc-tab-group .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label .mdc-tab__ripple::before,
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.mat-tab-link-container .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.mat-tab-link-container .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label .mdc-tab__ripple::before,
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before {
  background-color: transparent;
}
.mat-mdc-tab-group .mdc-tab-indicator .mdc-tab-indicator__content--underline,
.mat-tab-link-container .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-width: 5px;
}

.mat-mdc-tab-group.mat-accent {
  background-color: #27509b;
}
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mdc-tab__text-label, .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus app-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mat-mdc-tab-link,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus .qss-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mat-mdc-tab-link {
  box-shadow: -1px -1px 0px white inset, 1px -1px 0px white inset, -1px 1px 0px white inset, 1px 1px 0px white inset;
}
.mat-mdc-tab-group.mat-accent .mdc-tab__text-label, .mat-mdc-tab-group.mat-accent app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link,
.mat-mdc-tab-group.mat-accent .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #ffffff;
}
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: #ffffff;
}
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-body,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-body p {
  color: #ffffff;
}
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) else {
  background-color: #4869a4;
}

.mat-icon-container {
  height: 18px;
  width: 34px;
  margin: 8px;
  padding-top: 1px;
}

.mat-mdc-chip {
  line-height: 25px;
  overflow: hidden;
}
.mat-mdc-chip .mat-mdc-chip-action-label {
  display: flex;
  align-items: center;
  letter-spacing: normal;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline) {
  white-space: nowrap;
  transition: none;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-secondary {
  background-color: #e0e0e0;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary {
  background-color: #27509b;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: #ffffff;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline):not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline):not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg {
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline):focus::after, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-chip-selected.mat-primary::after {
  opacity: 0;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline) .mat-icon {
  margin: 0 8px 0 0;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline) .mat-mdc-chip-trailing-icon .mat-icon {
  margin: 0px;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover {
  background-color: #fce500;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover {
  background-color: #cc0033;
}
.mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: #ffffff;
}
.mat-mdc-chip.mic-chip-outline {
  border: solid 2px #e0e0e0;
}
.mat-mdc-chip.mic-chip-outline.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: transparent;
}
.mat-mdc-chip.mic-chip-outline .mat-icon {
  margin: 0 8px 0 0;
}
.mat-mdc-chip.mic-chip-outline .mat-mdc-chip-trailing-icon .mat-icon {
  margin: 0px;
}
.mat-mdc-chip.mic-chip-outline:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg {
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mic-chip-outline:focus {
  background-color: #e0e0e0;
  outline: #e0e0e0 solid 2px;
  outline-offset: 2px;
}
.mat-mdc-chip.mic-chip-outline:disabled {
  color: rgba(255, 255, 255, 0.38);
  background-color: transparent;
  border: solid 2px rgba(255, 255, 255, 0.38);
}
.mat-mdc-chip.mic-chip-outline.mat-primary, .mat-mdc-chip.mic-chip-outline.mat-primary:hover {
  border: 2px #27509b solid;
}
.mat-mdc-chip.mic-chip-outline.mat-primary:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.mat-mdc-chip.mic-chip-outline.mat-primary .mat-icon,
.mat-mdc-chip.mic-chip-outline.mat-primary .mat-icon.mat-chip-remove, .mat-mdc-chip.mic-chip-outline.mat-primary:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline.mat-primary:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.mat-mdc-chip.mic-chip-outline.mat-primary:hover .mat-icon,
.mat-mdc-chip.mic-chip-outline.mat-primary:hover .mat-icon.mat-chip-remove {
  color: #27509b;
}
.mat-mdc-chip.mic-chip-outline.mat-accent, .mat-mdc-chip.mic-chip-outline.mat-accent:hover {
  border: 2px #fce500 solid;
}
.mat-mdc-chip.mic-chip-outline.mat-accent:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline.mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.mat-mdc-chip.mic-chip-outline.mat-accent .mat-icon,
.mat-mdc-chip.mic-chip-outline.mat-accent .mat-icon.mat-chip-remove, .mat-mdc-chip.mic-chip-outline.mat-accent:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline.mat-accent:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.mat-mdc-chip.mic-chip-outline.mat-accent:hover .mat-icon,
.mat-mdc-chip.mic-chip-outline.mat-accent:hover .mat-icon.mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mic-chip-outline.mat-warn, .mat-mdc-chip.mic-chip-outline.mat-warn:hover {
  border: 2px #cc0033 solid;
}
.mat-mdc-chip.mic-chip-outline.mat-warn:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline.mat-warn:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.mat-mdc-chip.mic-chip-outline.mat-warn .mat-icon,
.mat-mdc-chip.mic-chip-outline.mat-warn .mat-icon.mat-chip-remove, .mat-mdc-chip.mic-chip-outline.mat-warn:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mic-chip-outline.mat-warn:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.mat-mdc-chip.mic-chip-outline.mat-warn:hover .mat-icon,
.mat-mdc-chip.mic-chip-outline.mat-warn:hover .mat-icon.mat-chip-remove {
  color: #cc0033;
}
.mat-mdc-chip.mat-mdc-chip-option {
  cursor: pointer;
}
.mat-mdc-chip.mat-mdc-chip-option.cdk-focused {
  outline: 2px solid #bdbdbd;
  outline-offset: 2px;
}
.mat-mdc-chip.mat-mdc-chip-option.cdk-focused.mat-primary {
  outline-color: #27509b;
}
.mat-mdc-chip.mat-mdc-chip-option.cdk-focused.mat-accent {
  outline-color: #fce500;
}
.mat-mdc-chip.mat-mdc-chip-option:hover {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
  background-color: #e0e0e0;
}
.mat-mdc-chip.mat-mdc-chip-option:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .mat-mdc-chip.mat-mdc-chip-option:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg {
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mat-mdc-chip-option:hover .mat-icon,
.mat-mdc-chip.mat-mdc-chip-option:hover .mat-icon.mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-chip.mat-mdc-chip-option.mat-accent {
  outline-color: #fce500;
}
.mat-mdc-chip[routerlink],
.mat-mdc-chip > a {
  cursor: pointer;
}

.mat-mdc-chip-row.cdk-focused {
  outline: 2px solid #bdbdbd;
  outline-offset: 2px;
}
.mat-mdc-chip-row.cdk-focused.mat-primary {
  outline-color: #27509b;
}
.mat-mdc-chip-row.cdk-focused.mat-accent {
  outline-color: #fce500;
}
.mat-mdc-chip-row.cdk-focused.mat-warn {
  outline-color: #cc0033;
}

.mat-mdc-radio-button .mdc-form-field {
  letter-spacing: normal;
}
.mat-mdc-radio-button .mdc-radio__background::before {
  transform: none;
  transition: none;
}
.mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before,
.mat-mdc-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before {
  background-color: #d4e7fa;
  outline: black solid 2px;
  opacity: 1 !important;
}

.mat-step-header .mat-step-icon {
  background-color: #707070;
}

.mat-step-header:focus {
  outline: #27509b solid 2px;
  border-radius: 5px;
}

.mat-step-icon-selected {
  background-color: #27509b !important;
  outline: #27509b solid 2px;
  outline-offset: 2px;
}

th,
.mat-mdc-header-cell,
.mat-mdc-footer-row {
  color: black;
  font-size: 16px;
  font-weight: bold;
}

.mat-mdc-cell {
  letter-spacing: normal;
}

.mat-sort-header-arrow {
  color: #27509b;
}

.table-stripped tr:nth-child(even),
.table-stripped .mat-mdc-row:nth-child(even) {
  background-color: #fafafa;
}
.table-stripped tr:nth-child(even):hover,
.table-stripped .mat-mdc-row:nth-child(even):hover {
  background-color: #fafafa;
}

.mat-mdc-paginator-container {
  background-color: #fafafa;
}

.mic-button-toggle-group.mat-button-toggle-group {
  border-radius: 100px;
  border-style: none;
}

.mat-button-toggle-group-appearance-standard .mat-pseudo-checkbox {
  --mat-standard-button-toggle-selected-state-text-color: white;
}

.mic-button-toggle.mat-button-toggle {
  font-weight: bold;
  height: 42px;
  min-width: 65px;
  margin-top: -8px;
  background-color: #eeeeee;
}

.mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #ffffff;
}
.mat-button-toggle.mat-button-toggle-appearance-standard.cdk-focused {
  background-color: #d4e7fa;
  color: #27509b;
}
.mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]):hover {
  background-color: #d4e7fa;
  color: #27509b;
}
.mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked {
  background-color: #27509b;
  color: #ffffff;
}
.mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.cdk-focused {
  background-color: #3a61a6;
  color: #ffffff;
}
.mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.cdk-focused .mat-pseudo-checkbox {
  --mat-standard-button-toggle-selected-state-text-color: map-get($mic-blue, A700);
}
.mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.mat-button-toggle-button, .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.mat-button-toggle-button:focus {
  outline: 2px solid grey;
  outline-offset: 2px;
}
.mat-button-toggle.mat-button-toggle-appearance-standard[disabled] {
  outline: 0px solid transparent;
  box-shadow: none;
}
.mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-disabled.mic-button-toggle-disabled {
  background-color: #bdbdbd;
  color: #707070;
}
.mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-disabled.mic-button-toggle-disabled .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: map-get($mic-grey, 500);
}

.mat-button-toggle:has(.mat-button-toggle-button):not(.mic-button-toggle) {
  border: 2px solid transparent;
}

.mat-button-toggle:has(.mat-button-toggle-button:focus):not(.mic-button-toggle) {
  border: #27509b solid 2px !important;
}

.mat-mdc-tooltip {
  padding: 0;
  position: relative;
}
.mat-mdc-tooltip::after {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #616161;
}
.mat-mdc-tooltip.big-tooltip .mdc-tooltip__surface {
  font-size: 14px;
}
.mat-mdc-tooltip.white-tooltip::after {
  border-bottom: 0.5rem solid #ffffff;
}
.mat-mdc-tooltip.white-tooltip .mdc-tooltip__surface {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-tooltip-panel-below .mat-mdc-tooltip:after {
  top: -0.45rem;
  right: calc(50% - 0.5rem);
  transform: rotate(0);
}

.mat-mdc-tooltip-panel-above .mat-mdc-tooltip:after {
  bottom: -0.45rem;
  right: calc(50% - 0.5rem);
  transform: rotate(180deg);
}

.mat-mdc-tooltip-panel-right .mat-mdc-tooltip:after {
  left: -0.68rem;
  top: calc(50% - 0.25rem);
  transform: rotate(270deg);
}

.mat-mdc-tooltip-panel-left .mat-mdc-tooltip:after {
  right: -0.68rem;
  top: calc(50% - 0.25rem);
  transform: rotate(90deg);
}

.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}
.mat-mdc-dialog-component-host {
  display: inline !important;
}

mic-paginator {
  /*******  default style *******/
  /*******  page number style *******/
}
mic-paginator .mat-mdc-paginator.hidden {
  display: none !important;
}
mic-paginator .mat-mdc-paginator .mat-mdc-paginator-page-size-label,
mic-paginator .mat-mdc-paginator .mat-mdc-paginator-range-label {
  letter-spacing: normal;
}
mic-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper.mdc-text-field {
  background-color: transparent;
}
mic-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple::before, mic-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple::after {
  border-bottom-color: transparent !important;
}
mic-paginator[color=accent] .mat-mdc-paginator-container {
  background-color: #27509b;
  color: #ffffff;
}
mic-paginator[color=accent] .mat-mdc-select .mat-mdc-select-value {
  color: #ffffff;
}
mic-paginator[color=accent] .mat-mdc-select .mat-mdc-select-arrow {
  color: #ffffff;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-icon-button .mat-mdc-paginator-icon {
  fill: #ffffff;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
  fill: #616161;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mic-page-button {
  color: #ffffff;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mic-page-button:focus {
  outline: 2px solid #d4e7fa;
  outline-offset: 2px;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mic-page-button.mic-current-page {
  color: #272727;
  background-color: #d4e7fa;
  cursor: default;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover {
  background-color: #4869a4;
  color: #ffffff;
}
mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover .mat-mdc-paginator-icon {
  fill: #ffffff;
}
mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base {
  margin: 4px;
}
mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover {
  background-color: #27509b;
  color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}
mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover .mat-mdc-paginator-icon {
  fill: #ffffff;
}
mic-paginator .mat-mdc-paginator-range-actions .mic-page-button {
  margin: 4px;
  width: 40px;
  height: 40px;
  padding: 6px;
  background-color: transparent;
  border-radius: 50%;
  flex-shrink: 0;
  text-align: center;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  fill: currentColor;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  z-index: 0;
  overflow: visible;
}
mic-paginator .mat-mdc-paginator-range-actions .mic-page-button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
mic-paginator .mat-mdc-paginator-range-actions .mic-page-button.mic-current-page {
  color: #ffffff;
  background-color: #27509b;
  cursor: default;
}

.mat-tree {
  background: transparent;
}

a.mat-tree-node:focus {
  outline: #27509b solid 2px;
  border-radius: 5px;
}

.mat-tree-node:has(button:focus) {
  outline: #27509b solid 2px;
  border-radius: 5px;
  outline-offset: 2px;
}
.mat-tree-node:has(button:focus) .mat-mdc-button-base:focus.mdc-icon-button {
  outline: none;
}

.alert {
  color: #ffffff;
}
.alert.alert-classical {
  background-color: #4271d6;
}
.alert.alert-success {
  background-color: #0c8a0a;
}
.alert.alert-strong {
  background-color: #f9a825;
  color: rgba(0, 0, 0, 0.87);
}
.alert.alert-critical {
  background-color: #cc0033;
}
.alert.alert-clear {
  background-color: #ffffff;
  color: #cc196a;
}
.alert.alert-clear .mdc-icon-button {
  color: #cc196a;
}

nav ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: contents;
}
nav li {
  display: inline;
}

.mic-breadcrumb-separator {
  color: #27509b;
}

.mic-breadcrumb-link a {
  border-block: 2px solid transparent;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
}
.mic-breadcrumb-link a.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  color: unset;
}
.mic-breadcrumb-link a.disabled:hover, .mic-breadcrumb-link a.disabled:focus {
  color: unset;
}
.mic-breadcrumb-link a .mat-icon {
  color: #27509b;
}
.mic-breadcrumb-link a .mat-icon svg {
  width: 22px;
  height: 22px;
}
.mic-breadcrumb-link a:hover, .mic-breadcrumb-link a:focus {
  color: #27509b;
  border-block-end-color: #27509b;
}
.mic-breadcrumb-link:last-of-type a {
  color: #27509b;
  font-weight: bold;
}
.mic-breadcrumb-link:last-of-type a:hover, .mic-breadcrumb-link:last-of-type a:focus {
  cursor: default;
  border-color: transparent;
}

.mic-breadcrumb-more {
  color: #ffffff;
  background-color: #27509b;
}

mic-carousel .mic-carousel .description {
  color: #ffffff;
  background-color: #707070;
}
mic-carousel .button-left:hover,
mic-carousel .button-right:hover {
  background-color: #1b386c;
}
mic-carousel .button-left:focus,
mic-carousel .button-right:focus {
  border: white solid 2px;
}

.content-table.fixed {
  position: fixed;
}
.content-table ul {
  padding-inline: 10px;
}
.content-table ul a {
  border: none;
  color: rgba(0, 0, 0, 0.87);
}
.content-table ul a.active .mat-icon,
.content-table ul a.active p {
  color: #27509b;
  font-weight: bold;
  text-decoration: underline;
}
.content-table ul a:hover:not(.active), .content-table ul a:focus:not(.active) {
  color: #27509b;
}
.content-table ul a:hover:not(.active) p, .content-table ul a:focus:not(.active) p {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.footer-navbar {
  align-items: center;
}
.footer-navbar p {
  font-size: 0.9375rem;
}
.footer-navbar p.version {
  font-size: 0.6875rem;
}
.footer-navbar a {
  border-width: 1px;
}
.footer-navbar a p.mic-label-link {
  font-size: 0.6875rem;
}

a.bypass:focus {
  color: #ffffff;
  background: #27509b;
  text-decoration: underline;
}

a.bypass.white:focus {
  color: #27509b;
  background: #ffffff;
}

a {
  font-size: 1rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  border-block-end: 2px solid #27509b;
  text-decoration: none;
}
a p {
  font-size: 1rem;
}
a.disabled {
  cursor: not-allowed;
}
a:hover, a:focus {
  color: #27509b;
}
mic-sidebar-item a, mat-tree-node a, mic-logo a {
  border-block-end-color: transparent !important;
}
mat-tree-node a:visited {
  color: rgba(0, 0, 0, 0.87);
}

a.accent,
a.accent p {
  color: #fce500;
  border-color: #fce500;
}
a.accent:hover, a.accent:focus,
a.accent p:hover,
a.accent p:focus {
  color: #fdf271;
  border-color: #fdf271;
}
a.accent:focus,
a.accent p:focus {
  outline-color: #fce500;
}

a.white,
a.white p {
  color: #ffffff;
  border-color: #ffffff;
}
a.white:hover, a.white:focus,
a.white p:hover,
a.white p:focus {
  color: #99cef6;
  border-color: #99cef6;
}

mic-main-content {
  background-color: #fafafa;
  margin-inline: 0;
  color: rgba(0, 0, 0, 0.87);
}

.marker .map-icon {
  color: #27509b;
}

.marker-cluster-primary div {
  background-color: #27509b;
  color: #ffffff;
}

.mic-navbar .mat-toolbar {
  color: #ffffff;
  background-color: #27509b;
}
.mic-navbar .mat-toolbar .logo-commercial {
  background-image: url('logo-commercial-white.svg') !important;
}
.mic-navbar .mat-toolbar .logo-group {
  background-image: url('logo-group-white.svg') !important;
}
.mic-navbar .mat-toolbar .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
}
.mic-navbar .mat-toolbar .mat-mdc-text-field-wrapper {
  max-height: 50px;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label, .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link {
  color: #ffffff;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-form-field {
  background-color: rgba(1, 1, 1, 0.1);
}
.mic-navbar .mat-toolbar.primary .mat-mdc-form-field .mdc-text-field--filled {
  background-color: transparent;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::before,
.mic-navbar .mat-toolbar.primary .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #ffffff;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-form-field input,
.mic-navbar .mat-toolbar.primary .mat-mdc-form-field input::placeholder {
  color: #ffffff;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active {
  border-color: #ffffff;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover:hover,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active:hover {
  background-color: rgba(153, 206, 246, 0.08);
  border-color: transparent;
}
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover span,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover mat-icon,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active span,
.mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active mat-icon {
  color: #ffffff;
}
.mic-navbar .mat-toolbar.primary .mic-navbar-links .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-width: 5px;
  border-color: #ffffff !important;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary {
  color: #ffffff;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary .mat-mdc-tab-link.nav-tab-link,
.mic-navbar .mat-toolbar .mic-navbar-links .primary .nav-icon {
  color: #ffffff;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary .mat-mdc-tab-link.nav-tab-link mat-icon,
.mic-navbar .mat-toolbar .mic-navbar-links .primary .nav-icon mat-icon {
  color: #ffffff;
  text-shadow: none;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children {
  background-color: #fafafa;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children .mat-mdc-tab-link {
  align-items: center;
  border-bottom: 5px #ffffff solid;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children .mat-mdc-tab-link:hover {
  border-color: #27509b;
}
.mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children .mat-mdc-tab-link.nav-tab-link * {
  color: #27509b;
}
.mic-navbar .mat-toolbar .mic-navbar-links .white {
  color: #707070;
}
.mic-navbar .mat-toolbar .mic-navbar-links .white .mat-mdc-tab-link.nav-tab-link {
  color: #707070;
}
.mic-navbar .mat-toolbar .mic-navbar-links .white .navbar-children {
  color: #707070;
  background-color: #eeeeee;
}
.mic-navbar .mat-toolbar .mic-navbar-links .white .navbar-children .mat-mdc-tab-link {
  border-bottom: 5px #eeeeee solid;
}
.mic-navbar .mat-toolbar .mic-navbar-links .white .navbar-children .mat-mdc-tab-link:hover {
  border-color: #27509b;
}
.mic-navbar .mat-toolbar .mic-navbar-links .mat-mdc-tab-link-container .mat-mdc-tab-link:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.mic-navbar .mat-toolbar.white {
  background-color: #ffffff;
  color: #707070;
}
.mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label, .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link {
  color: #27509b;
}
.mic-navbar .mat-toolbar.white .mat-mdc-form-field {
  background-color: rgba(1, 1, 1, 0.1);
}
.mic-navbar .mat-toolbar.white .mat-mdc-form-field .mdc-text-field--filled {
  background-color: transparent;
}
.mic-navbar .mat-toolbar.white .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::before,
.mic-navbar .mat-toolbar.white .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #27509b;
}
.mic-navbar .mat-toolbar.white .mat-mdc-form-field input,
.mic-navbar .mat-toolbar.white .mat-mdc-form-field input::placeholder {
  color: #27509b;
}
.mic-navbar .mat-toolbar.white .mat-mdc-tab-link {
  border-color: #ffffff;
}
.mic-navbar .mat-toolbar.white .logo-commercial {
  background-image: url('logo-commercial.svg') !important;
}
.mic-navbar .mat-toolbar.white .logo-group {
  background-image: url('logo-group.svg') !important;
}
.mic-navbar .mat-toolbar.white .mat-mdc-tab-link:hover,
.mic-navbar .mat-toolbar.white .mat-tab-link.mat-tab-label-active {
  border-color: #27509b !important;
}
.mic-navbar .mat-toolbar.white .mat-mdc-tab-link:hover:hover,
.mic-navbar .mat-toolbar.white .mat-tab-link.mat-tab-label-active:hover {
  background-color: rgba(153, 206, 246, 0.08);
}
.mic-navbar .mat-toolbar.white .mic-navbar-links .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-width: 5px;
  border-color: #27509b !important;
}
.mic-navbar .mat-toolbar.white mat-icon {
  color: #27509b !important;
}
.mic-navbar .mat-toolbar .navbar-children .mat-mdc-tab-link:hover {
  border-color: #27509b;
}
.mic-navbar .mat-toolbar button:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.mic-navbar .mat-toolbar mic-logo:hover {
  background-color: rgba(255, 255, 255, 0.38);
}

.os-scrollbar-track {
  background: #bdbdbd !important;
}

.os-scrollbar-handle {
  background: #27509b !important;
}

.mic-sidebar .white {
  background-color: #ffffff;
}
.mic-sidebar .primary {
  background-color: #27509b;
}
.mic-sidebar .primary .mic-sidebar-item {
  padding-bottom: 2px;
}
.mic-sidebar .primary .mic-sidebar-item .mic-menu-expansion-panel.active .mat-expansion-panel-header {
  border-color: #ffffff;
  background-color: #3a61a6;
  color: #ffffff;
}
.mic-sidebar .primary .mic-sidebar-item .mic-menu-expansion-panel.white .mic-menu-expansion-panel-title *.primary {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item {
  padding-bottom: 2px;
}
.mic-sidebar .mic-sidebar-item .mat-expansion-panel-body a {
  margin-bottom: 4px;
}
.mic-sidebar .mic-sidebar-item a {
  color: #707070;
}
.mic-sidebar .mic-sidebar-item a.primary {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item a:not(.primary) {
  border-right: 5px solid transparent;
}
.mic-sidebar .mic-sidebar-item a:hover:not(.primary) {
  background-color: #f5f5f5;
}
.mic-sidebar .mic-sidebar-item a:hover:not(.primary) span,
.mic-sidebar .mic-sidebar-item a:hover:not(.primary) mat-icon {
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item a:hover.primary {
  background-color: #3a61a6;
}
.mic-sidebar .mic-sidebar-item a:hover.primary span,
.mic-sidebar .mic-sidebar-item a:hover.primary mat-icon {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item a:focus:not(.primary) {
  border-right: #27509b solid 5px;
}
.mic-sidebar .mic-sidebar-item a:focus.primary {
  box-shadow: inset -5px 0px 0px 0px white;
}
.mic-sidebar .mic-sidebar-item a.active:not(.primary) {
  background-color: #f5f5f5;
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item a.active.primary {
  background-color: #3a61a6;
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item a.closely.primary {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item a.closely.primary.rtl, .mic-sidebar .mic-sidebar-item a.closely.primary.ltr {
  border-color: #27509b;
}
.mic-sidebar .mic-sidebar-item a.closely.active.white {
  background-color: #d4e7fa;
}
.mic-sidebar .mic-sidebar-item a.closely.active span {
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item a.closely.active.rtl, .mic-sidebar .mic-sidebar-item a.closely.active.ltr {
  border-color: #27509b;
}
.mic-sidebar .mic-sidebar-item a.closely.active.rtl mat-icon, .mic-sidebar .mic-sidebar-item a.closely.active.ltr mat-icon {
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item a.closely.active.primary {
  background-color: #3a61a6;
}
.mic-sidebar .mic-sidebar-item a.closely.active.primary span,
.mic-sidebar .mic-sidebar-item a.closely.active.primary mat-icon {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item a.closely.active.primary.rtl, .mic-sidebar .mic-sidebar-item a.closely.active.primary.ltr {
  border-color: #ffffff;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel {
  box-shadow: none;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel .mic-menu-expansion-panel-title:hover {
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.active .mat-expansion-panel-header {
  border-left: 5px solid;
  background-color: #d4e7fa;
  border-color: #27509b;
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.active.white .mic-menu-expansion-panel-title * {
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mic-menu-expansion-panel-title * {
  color: #707070;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mat-expansion-panel-header:hover:not(.active) {
  background-color: #f5f5f5;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mat-expansion-panel-header:hover:not(.active) * {
  color: #27509b;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mat-expansion-panel-header:focus {
  border: #27509b solid 2px;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary {
  background-color: #27509b;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-indicator::after {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-panel-header:hover:not(.active) {
  background-color: #3a61a6;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-panel-header:hover:not(.active) * {
  color: #ffffff;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-panel-header:focus {
  border: white solid 2px;
}
.mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mic-menu-expansion-panel-title * {
  color: #ffffff;
}
.mic-sidebar .sidebar-children-level {
  background-color: #eeeeee;
}
.mic-sidebar .sidebar-children-level mat-tree {
  background-color: #eeeeee;
}
.mic-sidebar .sidebar-children-level mat-tree .mat-tree-node,
.mic-sidebar .sidebar-children-level mat-tree .mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mic-sidebar .sidebar-children-level.collapse-link {
  padding: 0 10px;
  overflow: hidden;
  border-color: rgba(0, 0, 0, 0.12);
}
.mic-sidebar .sidebar-children-level.ltr {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
}
.mic-sidebar .sidebar-children-level.rtl {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mic-sidebar .sidebar-children-level .navbar-header * {
  color: #27509b;
}

.skeleton-loader {
  background: rgb(239, 241, 246) no-repeat;
}
.skeleton-loader.image:after {
  color: white;
}
.mic-status .mat-mdc-chip {
  background-color: #ffffff !important;
}
.mic-status .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #27509b !important;
}
.mic-status.primary .mat-mdc-chip {
  background-color: #d4e7fa !important;
}
.mic-status.yellow .mat-mdc-chip {
  background-color: #fefccb !important;
}
.mic-status.yellow .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: rgba(0, 0, 0, 0.87) !important;
}
.mic-status.valid .mat-mdc-chip {
  background-color: #ceeac6 !important;
}
.mic-status.valid .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #2e7d32 !important;
}
.mic-status.warn .mat-mdc-chip {
  background-color: #f3c9bc !important;
}
.mic-status.warn .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #b71c1c !important;
}

table.mat-mdc-table {
  border: 1px solid transparent;
}
table.mat-mdc-table:focus {
  outline: none;
  border-color: #27509b;
  border-width: 1px !important;
}

.table-column-selector-placeholder {
  border: dotted 2px #53565a;
}

.mat-mdc-cell.mat-mdc-table-sticky:not(.mat-column-table-selector):not(.mat-column-table-menu) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-mdc-cell.mat-mdc-table-sticky:not(.mat-column-table-selector):not(.mat-column-table-menu):focus {
  border-right: #27509b solid 2px;
}

.mat-mdc-row.highlight td:focus {
  box-shadow: -2px -2px 0px #fff inset, 2px -2px 0px #fff inset, -2px 2px 0px #fff inset, 2px 2px 0px #fff inset;
}

td {
  border: 1px solid transparent;
}

td:focus {
  outline: 2px solid transparent;
  outline-offset: 4px;
  box-shadow: -2px -2px 0px #27509b inset, 2px -2px 0px #27509b inset, -2px 2px 0px #27509b inset, 2px 2px 0px #27509b inset;
}

.group > td {
  border-left: 6px solid #fce500;
}

.group-columns th {
  border-right: 2px solid rgba(0, 0, 0, 0.12);
}

.table-dragger mat-icon:hover {
  background-color: #d4e7fa;
  border-radius: 50%;
}

tr.clickable:not(.mat-mdc-header-row):hover td {
  background-color: #d4e7fa !important;
}

.timeline-line {
  background-color: #eeeeee;
}

.timeline-horizontal-list .timeline-list::before {
  background-color: #eeeeee;
}

mic-timeline-entry-dot {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #27509b;
}
mic-timeline-entry-dot.accent {
  background-color: #fce500;
}

.timeline-entry-card:focus {
  outline: #27509b solid 2px;
}

.timeline-entry-card,
.timeline-horizontal-list .mic-timeline-entry-content {
  background-color: white;
}

.mic-dropzone {
  border: dotted 2px #53565a;
}
.mic-dropzone:has(input:focus) {
  outline: #27509b solid 2px;
  outline-offset: 2px;
}
.mic-dropzone.fileover {
  border-color: #fce500;
}
.mic-dropzone.fileover .mat-icon {
  color: #fce500;
}
.mic-dropzone label {
  color: #ffffff;
  background-color: #27509b;
}

.percentage.primary, .percentage.accent {
  color: #27509b;
}
.percentage.warn {
  color: #cc0033;
}

.phone-number .select-country.mat-focused .mat-mdc-text-field-wrapper {
  background-color: #d4e7fa !important;
}
.phone-number .number-form.mat-focused .mat-mdc-text-field-wrapper {
  background-color: #d4e7fa !important;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #27509b;
  --mdc-linear-progress-track-color: rgba(39, 80, 155, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #27509b;
  --mdc-linear-progress-track-color: rgba(39, 80, 155, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #cc0033;
  --mdc-linear-progress-track-color: rgba(204, 0, 51, 0.25);
}

html {
  --mdc-circular-progress-active-indicator-color: #27509b;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #27509b;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #cc0033;
}

html {
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #27509b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #27509b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #27509b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #27509b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #27509b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #27509b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #cc0033;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #cc0033;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #27509b;
  --mdc-checkbox-selected-hover-icon-color: #27509b;
  --mdc-checkbox-selected-icon-color: #27509b;
  --mdc-checkbox-selected-pressed-icon-color: #27509b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #27509b;
  --mdc-checkbox-selected-hover-state-layer-color: #27509b;
  --mdc-checkbox-selected-pressed-state-layer-color: #27509b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #27509b;
  --mdc-checkbox-selected-hover-icon-color: #27509b;
  --mdc-checkbox-selected-icon-color: #27509b;
  --mdc-checkbox-selected-pressed-icon-color: #27509b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #27509b;
  --mdc-checkbox-selected-hover-state-layer-color: #27509b;
  --mdc-checkbox-selected-pressed-state-layer-color: #27509b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cc0033;
  --mdc-checkbox-selected-hover-icon-color: #cc0033;
  --mdc-checkbox-selected-icon-color: #cc0033;
  --mdc-checkbox-selected-pressed-icon-color: #cc0033;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cc0033;
  --mdc-checkbox-selected-hover-state-layer-color: #cc0033;
  --mdc-checkbox-selected-pressed-state-layer-color: #cc0033;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #27509b;
  --mdc-radio-selected-hover-icon-color: #27509b;
  --mdc-radio-selected-icon-color: #27509b;
  --mdc-radio-selected-pressed-icon-color: #27509b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #27509b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #27509b;
  --mdc-radio-selected-hover-icon-color: #27509b;
  --mdc-radio-selected-icon-color: #27509b;
  --mdc-radio-selected-pressed-icon-color: #27509b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #27509b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cc0033;
  --mdc-radio-selected-hover-icon-color: #cc0033;
  --mdc-radio-selected-icon-color: #cc0033;
  --mdc-radio-selected-pressed-icon-color: #cc0033;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #cc0033;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #27509b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #27509b;
  --mat-tab-header-active-ripple-color: #27509b;
  --mat-tab-header-inactive-ripple-color: #27509b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #27509b;
  --mat-tab-header-active-hover-label-text-color: #27509b;
  --mat-tab-header-active-focus-indicator-color: #27509b;
  --mat-tab-header-active-hover-indicator-color: #27509b;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #27509b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #27509b;
  --mat-tab-header-active-ripple-color: #27509b;
  --mat-tab-header-inactive-ripple-color: #27509b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #27509b;
  --mat-tab-header-active-hover-label-text-color: #27509b;
  --mat-tab-header-active-focus-indicator-color: #27509b;
  --mat-tab-header-active-hover-indicator-color: #27509b;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #cc0033;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #cc0033;
  --mat-tab-header-active-ripple-color: #cc0033;
  --mat-tab-header-inactive-ripple-color: #cc0033;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #cc0033;
  --mat-tab-header-active-hover-label-text-color: #cc0033;
  --mat-tab-header-active-focus-indicator-color: #cc0033;
  --mat-tab-header-active-hover-indicator-color: #cc0033;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #27509b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #27509b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #cc0033;
  --mat-tab-header-with-background-foreground-color: white;
}

html {
  --mdc-filled-text-field-caret-color: #27509b;
  --mdc-filled-text-field-focus-active-indicator-color: #27509b;
  --mdc-filled-text-field-focus-label-text-color: rgba(39, 80, 155, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #cc0033;
  --mdc-filled-text-field-error-focus-label-text-color: #cc0033;
  --mdc-filled-text-field-error-label-text-color: #cc0033;
  --mdc-filled-text-field-error-caret-color: #cc0033;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #cc0033;
  --mdc-filled-text-field-error-focus-active-indicator-color: #cc0033;
  --mdc-filled-text-field-error-hover-active-indicator-color: #cc0033;
  --mdc-outlined-text-field-caret-color: #27509b;
  --mdc-outlined-text-field-focus-outline-color: #27509b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(39, 80, 155, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #cc0033;
  --mdc-outlined-text-field-error-focus-label-text-color: #cc0033;
  --mdc-outlined-text-field-error-label-text-color: #cc0033;
  --mdc-outlined-text-field-error-hover-label-text-color: #cc0033;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #cc0033;
  --mdc-outlined-text-field-error-hover-outline-color: #cc0033;
  --mdc-outlined-text-field-error-outline-color: #cc0033;
  --mat-form-field-focus-select-arrow-color: rgba(39, 80, 155, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #cc0033;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #27509b;
  --mdc-filled-text-field-focus-active-indicator-color: #27509b;
  --mdc-filled-text-field-focus-label-text-color: rgba(39, 80, 155, 0.87);
  --mdc-outlined-text-field-caret-color: #27509b;
  --mdc-outlined-text-field-focus-outline-color: #27509b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(39, 80, 155, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(39, 80, 155, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #cc0033;
  --mdc-filled-text-field-focus-active-indicator-color: #cc0033;
  --mdc-filled-text-field-focus-label-text-color: rgba(204, 0, 51, 0.87);
  --mdc-outlined-text-field-caret-color: #cc0033;
  --mdc-outlined-text-field-focus-outline-color: #cc0033;
  --mdc-outlined-text-field-focus-label-text-color: rgba(204, 0, 51, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(204, 0, 51, 0.87);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #27509b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #27509b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #27509b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #cc0033;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #cc0033;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #27509b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #27509b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #27509b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #cc0033;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #cc0033;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #cc0033;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(39, 80, 155, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 0, 51, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(39, 80, 155, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 0, 51, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(204, 0, 51, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 0, 51, 0.87);
}

h2 {
  color: rgba(0, 0, 0, 0.87);
}

/*
Font
*/
.font-title {
  font-family: "Michelin Unit Titling";
}

.primary {
  color: var(--mdc-theme-primary);
}

.accent {
  color: var(--mdc-theme-secondary);
}
.accent mat-icon {
  color: var(--mdc-theme-secondary);
}

.warning,
.warn {
  color: var(--mdc-theme-error);
}
.warning mat-icon,
.warn mat-icon {
  color: var(--mdc-theme-error);
}

.error {
  color: var(--mdc-theme-error);
}
.error mat-icon {
  color: var(--mdc-theme-error);
}

[class*=bg-].bg-card {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}

.rounded {
  border-radius: 10px;
}

.rounded-xl {
  border-radius: 50px;
}

.bg-rounded {
  display: inline-block;
  min-height: auto !important;
  width: auto !important;
  border-radius: 13px;
  opacity: 0.6;
}

@media screen and (min-width: 801px) {
  .cell-bg-critical {
    font-weight: normal !important;
    border-right-color: #cc0033;
    border-right-width: 8px;
    border-right-style: solid;
  }
  .cell-bg-warning {
    font-weight: normal !important;
    border-right-color: #f9a825;
    border-right-width: 8px;
    border-right-style: solid;
  }
  .cell-bg-ok {
    font-weight: normal !important;
    border-right-color: #0c8a0a;
    border-right-width: 8px;
    border-right-style: solid;
  }
}
@media screen and (max-width: 800px) {
  .cell-bg-critical {
    justify-content: flex-start !important;
  }
  .cell-bg-warning {
    justify-content: flex-start !important;
  }
  .cell-bg-ok {
    justify-content: flex-start !important;
  }
}

.light-blue-text {
  color: #00d1ff;
}

mat-footer-row {
  visibility: hidden;
}

.hidden {
  visibility: hidden;
}

.status-cell {
  font-weight: bolder;
  text-align: center;
  justify-content: center;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
.sc-dialog {
  width: 800px;
}

.subMenu {
  padding-left: 20px;
}
.subMenu a {
  border-left: var(--mdc-theme-primary) double 4px;
}

.component-div {
  border-top: solid thin var(--mdc-theme-background);
}

.page-content {
  border-radius: 3px;
  background-color: var(--mdc-theme-background);
}

.component-content {
  border-radius: 3px;
  max-width: 100%;
}

.mat-expansion-panel {
  overflow: visible !important;
}

app-explore {
  min-height: 100%;
}

.device {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 5px;
  position: relative;
  border-radius: 5px;
  padding: 10px 15px;
  min-width: 250px;
  min-height: 150px;
}
.device.sav-request {
  background-color: #fef7ec;
}
.device mat-icon {
  color: white;
  position: absolute;
  z-index: 999;
  background-color: #f9a825;
  border-radius: 30px;
  padding: 5px;
  top: 8px;
  left: 8px;
  box-shadow: 0 0 0 0 #f9a825;
  transform: scale(1);
  animation: pulse 2s infinite;
}
.device.request-severity-ok mat-icon {
  color: white;
  background-color: #6ef46c;
  box-shadow: 0 0 0 0 #6ef46c;
}
.device.request-severity-critical mat-icon {
  color: white;
  background-color: #ff0040;
  box-shadow: 0 0 0 0 #ff0040;
}
.device.request-severity-warning mat-icon {
  color: white;
  background-color: #fef7ec;
  box-shadow: 0 0 0 0 #fef7ec;
}
.device.request-severity-unknown mat-icon {
  color: white;
  background-color: #858585;
  box-shadow: 0 0 0 0 #858585;
}

app-device-timeline {
  overflow: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
app-device-timeline text.label-text {
  fill: rgba(0, 0, 0, 0.87);
}
app-device-timeline .timeline-div {
  height: 100%;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline #arrowhead {
  fill: #fce500;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline #squarehead {
  fill: #27509b;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline .with-shadow {
  filter: drop-shadow(0px 7px 7px rgba(39, 80, 155, 0.35));
}
app-device-timeline .timeline-div svg.system-history-chart-timeline line.star-date-indicator {
  stroke: #27509b;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline text.date.device-to-date {
  text-anchor: end;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline g.device-container line.device-activity {
  stroke: #27509b;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline g.device-container line.device-activity.is-active {
  stroke: #fce500;
  stroke-linecap: round;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline g.device-container line.device-activity.is-critical {
  stroke: #cc0033;
  stroke-linecap: round;
}
app-device-timeline .timeline-div svg.system-history-chart-timeline g.timeline-container g.timeline-month .month-indicator {
  stroke-width: 1;
  stroke: rgba(0, 0, 0, 0.87);
}

.status-chip-primary {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #27509b;
  font-size: small;
  background-color: #cedbf3;
}
.status-chip-primary .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #27509b !important;
  color: #27509b;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-primary .mat-icon svg {
  fill: #27509b !important;
}
.status-chip-primary small {
  color: #27509b !important;
}
.status-chip-primary div {
  color: #27509b !important;
}

.status-chip-accent {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #fce500;
  font-size: small;
  background-color: #fffffc;
}
.status-chip-accent .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #fce500 !important;
  color: #fce500;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-accent .mat-icon svg {
  fill: #fce500 !important;
}
.status-chip-accent small {
  color: #fce500 !important;
}
.status-chip-accent div {
  color: #fce500 !important;
}

.status-chip-warn {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #cc0033;
  font-size: small;
  background-color: #ffccd9;
}
.status-chip-warn .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #cc0033 !important;
  color: #cc0033;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-warn .mat-icon svg {
  fill: #cc0033 !important;
}
.status-chip-warn small {
  color: #cc0033 !important;
}
.status-chip-warn div {
  color: #cc0033 !important;
}

.status-chip-critical {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #cc0033;
  font-size: small;
  background-color: #ffccd9;
}
.status-chip-critical .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #cc0033 !important;
  color: #cc0033;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-critical .mat-icon svg {
  fill: #cc0033 !important;
}
.status-chip-critical small {
  color: #cc0033 !important;
}
.status-chip-critical div {
  color: #cc0033 !important;
}

.status-chip-warning {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #f9a825;
  font-size: small;
  background-color: white;
}
.status-chip-warning .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #f9a825 !important;
  color: #f9a825;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-warning .mat-icon svg {
  fill: #f9a825 !important;
}
.status-chip-warning small {
  color: #f9a825 !important;
}
.status-chip-warning div {
  color: #f9a825 !important;
}

.status-chip-ok {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #0c8a0a;
  font-size: small;
  background-color: #9df89b;
}
.status-chip-ok .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #0c8a0a !important;
  color: #0c8a0a;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-ok .mat-icon svg {
  fill: #0c8a0a !important;
}
.status-chip-ok small {
  color: #0c8a0a !important;
}
.status-chip-ok div {
  color: #0c8a0a !important;
}

.status-chip-grey {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #e0e0e0;
  font-size: small;
  background-color: white;
}
.status-chip-grey .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #e0e0e0 !important;
  color: #e0e0e0;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-grey .mat-icon svg {
  fill: #e0e0e0 !important;
}
.status-chip-grey small {
  color: #e0e0e0 !important;
}
.status-chip-grey div {
  color: #e0e0e0 !important;
}

.status-chip-light-grey {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #f5f5f5;
  font-size: small;
  background-color: white;
}
.status-chip-light-grey .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #f5f5f5 !important;
  color: #f5f5f5;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-light-grey .mat-icon svg {
  fill: #f5f5f5 !important;
}
.status-chip-light-grey small {
  color: #f5f5f5 !important;
}
.status-chip-light-grey div {
  color: #f5f5f5 !important;
}

.status-chip-white {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: white;
  font-size: small;
  background-color: white;
}
.status-chip-white .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: white !important;
  color: white;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-chip-white .mat-icon svg {
  fill: white !important;
}
.status-chip-white small {
  color: white !important;
}
.status-chip-white div {
  color: white !important;
}

small {
  opacity: 0.7;
}

.kpi-card {
  border-radius: 10px;
  border: 1px solid grey;
}
.kpi-card-active {
  border: 2px solid #e0e0e0;
}
.kpi-card-pause {
  background-color: none;
  border: 2px dashed;
}
.kpi-card-disabled {
  background-color: none;
}

app-tab-nav .mat-tab-links-nav,
.qss-tab-nav .mat-tab-links-nav {
  display: flex;
}
app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link {
  font-weight: bold;
}
app-tab-nav .tab-nav-header,
.qss-tab-nav .tab-nav-header {
  background: whitesmoke;
  color: #ffffff;
}
app-tab-nav .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-link {
  color: rgba(255, 255, 255, 0.5);
}
app-tab-nav a:focus,
.qss-tab-nav a:focus {
  color: transparent !important;
}
app-tab-nav .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
app-tab-nav .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.qss-tab-nav .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.qss-tab-nav .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  --mdc-tab-indicator-active-indicator-color: mat.m2-get-color-from-palette($accent) !important;
  border-bottom: 5px solid #fce500 !important;
}
app-tab-nav .mat-mdc-tab-links,
.qss-tab-nav .mat-mdc-tab-links {
  background: whitesmoke;
}
app-tab-nav .mat-mdc-tab-links-nav,
.qss-tab-nav .mat-mdc-tab-links-nav {
  display: flex;
}
app-tab-nav .mat-mdc-tab-links-action,
.qss-tab-nav .mat-mdc-tab-links-action {
  display: flex;
  align-items: center;
  padding-right: 30px;
}
app-tab-nav .active-tab-link,
.qss-tab-nav .active-tab-link {
  border-bottom: 5px solid #fce500;
}
app-tab-nav.tab-vertical,
.qss-tab-nav.tab-vertical {
  display: flex;
  flex-direction: row;
}
app-tab-nav.tab-vertical .mat-mdc-tab-header .mat-mdc-tab-links,
.qss-tab-nav.tab-vertical .mat-mdc-tab-header .mat-mdc-tab-links {
  flex-direction: column;
  padding: 0 19px 0 24px;
}
app-tab-nav.tab-vertical .active-tab-link,
.qss-tab-nav.tab-vertical .active-tab-link {
  border-left: 5px solid #27509b;
  border-bottom: none;
}
app-tab-nav.tab-vertical .active-tab-link a,
.qss-tab-nav.tab-vertical .active-tab-link a {
  padding: 19px;
}
app-tab-nav.tab-vertical div,
.qss-tab-nav.tab-vertical div {
  width: 100%;
}
app-tab-nav.tab-vertical mat-icon,
.qss-tab-nav.tab-vertical mat-icon {
  padding-right: 15px;
}

app-info.is-selected {
  border: 3px solid #27509b;
}
app-info.is-disabled {
  opacity: 0.75;
  cursor: not-allowed;
}

#contact-frame {
  position: absolute;
  height: 150px;
  width: 150px;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #ffffff;
  background-color: whitesmoke;
}

.basic-centering .arrow {
  position: relative;
  width: 0;
  height: 0;
  margin: 15px auto;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.basic-centering .arrow .mat-icon {
  position: absolute;
  font-size: large;
}
.basic-centering .arrow.arrow-right {
  border-left: 40px solid #eeeeef;
}
.basic-centering .arrow.arrow-right-ok {
  border-left: 40px solid #bbedb3;
}
.basic-centering .arrow.arrow-right-ok .mat-icon {
  color: #4cd037;
  right: 12px;
  top: -9px;
}
.basic-centering .arrow.arrow-right-warning {
  border-left: 40px solid #ffe2ad;
}
.basic-centering .arrow.arrow-right-warning .mat-icon {
  color: #ffac14;
  right: 12px;
  top: -9px;
}
.basic-centering .arrow.arrow-right-unknown {
  border-left: 40px solid #eeeeef;
}
.basic-centering .arrow.arrow-right-unknown .mat-icon {
  color: #9f9fa5;
  right: 12px;
  top: -9px;
}
.basic-centering .arrow.arrow-right-critical {
  border-left: 40px solid #cc0033;
}
.basic-centering .arrow.arrow-right-critical .mat-icon {
  color: #ffccd9;
  right: 12px;
  top: -9px;
}
.basic-centering .arrow.arrow-left {
  border-right: 40px solid #eeeeef;
}
.basic-centering .arrow.arrow-left-ok {
  border-right: 40px solid #bbedb3;
}
.basic-centering .arrow.arrow-left-ok .mat-icon {
  color: #4cd037;
  left: 19px;
  top: -9px;
}
.basic-centering .arrow.arrow-left-warning {
  border-right: 40px solid #ffe2ad;
}
.basic-centering .arrow.arrow-left-warning .mat-icon {
  color: #ffac14;
  left: 19px;
  top: -9px;
}
.basic-centering .arrow.arrow-left-unknown {
  border-right: 40px solid #eeeeef;
}
.basic-centering .arrow.arrow-left-unknown .mat-icon {
  color: #9f9fa5;
  left: 19px;
  top: -9px;
}
.basic-centering .arrow.arrow-left-critical {
  border-right: 40px solid #cc0033;
}
.basic-centering .arrow.arrow-left-critical .mat-icon {
  color: #ffccd9;
  left: 19px;
  top: -9px;
}

@property --progress-value {
  app-gauge {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
  }
}
app-gauge .progress-circle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(from 0deg at 50% 50%, #27509b calc(var(--progress-value) * 1%), #e0e0e0 calc(var(--progress-value) * 1%));
}
app-gauge .progress-circle .progress-circle-content {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: small;
  font-weight: bold;
  position: absolute;
  background-color: white;
  color: #27509b;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.without-filter {
  color: rgba(0, 0, 0, 0.38);
}

.activity-bg-grey {
  background-color: #F8FAFF;
  color: rgba(0, 0, 0, 0.87);
}

.circle-position {
  stroke: #27509b;
}

.sensoline-layer {
  stroke: #DDDDDD;
  fill: #DDDDDD;
}

.chart canvas {
  background-color: #f7faff;
}

.chart-divider {
  border-right-color: #27509b !important;
}

app-quick-navigation .quick-nav-info-item {
  color: #27509b;
}

.sc-radio-filters {
  padding: 10px 20px;
}
.sc-radio-filters .filter-separator {
  padding-right: 15px;
  border-right: 10px solid #fce500;
}
.sc-radio-filters ul {
  padding: 0px;
}
.sc-radio-filters ul li {
  list-style-type: none;
  margin: 10px 0px;
}
.sc-radio-filters .mat-mdc-radio-button {
  text-transform: uppercase;
  cursor: pointer;
  color: #bdbdbd;
  font-weight: bold;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.sc-radio-filters .mat-mdc-radio-button.mat-radio-checked {
  color: #1b386c;
}
.sc-radio-filters .mat-mdc-radio-button ~ .mat-radio-button {
  margin-left: 15px;
}

.status-critical {
  position: relative;
}
.status-critical:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f9a825;
  background-repeat: no-repeat;
}

.status-warning {
  position: relative;
}
.status-warning:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fdc55d;
  background-repeat: no-repeat;
}

app-system-visualisation .sensoline-builder {
  height: 100%;
}
app-system-visualisation .sensoline-interspace-divider {
  height: initial;
  margin: 0 30px;
  border-color: #e0e0e0;
  width: 100%;
}
app-system-visualisation .interspace-divider {
  height: initial;
  margin: 30px 0;
  border-color: #e0e0e0;
  width: 100%;
}
app-system-visualisation .speed-indicator {
  align-self: center;
}
app-system-visualisation .log-issues {
  margin: 40px 0 20px 0;
  width: 95%;
}

app-log-issues {
  width: 100%;
}
app-log-issues table {
  border-collapse: separate;
  border-spacing: 8px 8px;
  width: 100%;
  background: #eeeeee;
}
app-log-issues th {
  font-weight: normal;
}
app-log-issues .td-device-name {
  width: 10%;
}
app-log-issues .td-issue {
  width: 80%;
}
app-log-issues .td-date {
  width: 10%;
}
app-log-issues .td-filtered {
  color: #bdbdbd;
}
app-log-issues .sln-custom-code {
  font-weight: bold;
}

.indicator {
  border-radius: 20px;
  padding: 6px 10px;
  font-weight: bold;
}
.indicator-ok {
  background-color: #bbedb3;
  color: #2e7d32;
}
.indicator-warning {
  background-color: #ffe2ad;
  color: #a67018;
}
.indicator-unknown {
  background-color: #eeeeef;
  color: #a9aaac;
}
.indicator-critical {
  background-color: #cc0033;
  color: #fff;
}

.system-device-info {
  display: flex;
  position: relative;
}
.system-device-info .info-line .info-cell p {
  margin: 0;
}

app-system-qs-passing .picker-container {
  padding: 15px 0 0 20px;
}
app-system-qs-passing text {
  fill: #27509b !important;
}

app-vehicle-schema .vehicle-schema {
  padding: 10px 5px;
  min-width: max-content;
}
app-vehicle-schema .vehicle-schema .axle-informations {
  padding: 5px;
  min-width: fit-content;
  font-size: small;
}
app-vehicle-schema .vehicle-schema .axle-informations .information {
  min-width: fit-content;
  display: flex;
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle {
  z-index: 2;
  justify-content: space-between;
  min-width: 80px;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 7px;
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle.first-axle .tire {
  transform: rotate(25deg);
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle .axle:before {
  position: absolute;
  background-color: #27509b;
  content: " ";
  width: 80%;
  height: 4px;
  z-index: -1;
  top: 10px;
  left: 10px;
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle .axle span {
  background: #fafafa;
  border-radius: 20px;
  border: 1px solid #27509b;
  padding: 0 5px;
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle .mount-group {
  display: flex;
  align-items: center;
  gap: 1px;
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle .mount-group .tire {
  width: 10px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}
app-vehicle-schema .vehicle-schema .axle-informations .vehicle .mount-group .tire.regrooved:after {
  content: "R";
  color: #ffffff;
  background-color: #cc0033;
  border-radius: 10px;
  position: relative;
  top: -10px;
  left: -3px;
}

.cluster-color {
  background-color: #5481d4;
}
.cluster-color div {
  background-color: #27509b;
}

#qss-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
#qss-tooltip .qss-tooltip-content {
  padding: 10px 20px;
  text-align: center;
}
#qss-tooltip .qss-tooltip-content h3,
#qss-tooltip .qss-tooltip-content h4,
#qss-tooltip .qss-tooltip-content p {
  padding: 0px;
  margin: 1px;
  line-height: 20px;
}
#qss-tooltip .qss-tooltip-content h4,
#qss-tooltip .qss-tooltip-content p {
  font-size: small;
}
#qss-tooltip .qss-tooltip-content p {
  margin-top: 10px;
  text-overflow: ellipsis;
  font-style: italic;
}
#qss-tooltip .qss-tooltip-content p::before {
  content: "« ";
}
#qss-tooltip .qss-tooltip-content p::after {
  content: " »";
}

app-vehicle-detailed-schema .schema-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
}
app-vehicle-detailed-schema .schema-container .axle {
  display: flex;
  flex-direction: row;
  width: 50em;
  justify-content: center;
  gap: 2em;
  align-items: center;
  position: relative;
  /* Vertical axle */
  /* Define color for half axle status */
  /* Define color for mount status */
}
app-vehicle-detailed-schema .schema-container .axle:not(:last-child):after {
  content: "";
  display: block;
  width: 26px;
  height: 128px;
  background-color: #bdbdbd;
  position: absolute;
  top: 72%;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-left {
  flex-direction: row;
  display: flex;
  gap: 0.5em;
  position: relative;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-left::before {
  content: "";
  display: block;
  width: 32px;
  height: 20px;
  background-color: #bdbdbd;
  position: absolute;
  right: -2em;
  top: 50%;
  transform: translateY(-50%);
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-left .mount {
  left: -80px;
  top: 50%;
}
app-vehicle-detailed-schema .schema-container .axle .axle-body {
  width: 100px;
  height: 60px;
  background-color: #bdbdbd;
  border: 3px solid white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  position: relative;
  border-radius: 40px;
  padding: 5px 2px;
}
app-vehicle-detailed-schema .schema-container .axle .axle-body .axle-rank {
  font-size: medium;
  font-weight: bold;
  background-color: black;
  width: 20px;
  border-radius: 100%;
  padding: 2px;
  color: white;
  margin: 5px;
}
app-vehicle-detailed-schema .schema-container .axle .axle-body .axle-type {
  font-size: small;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-right {
  flex-direction: row;
  display: flex;
  gap: 0.5em;
  position: relative;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-right::before {
  content: "";
  display: block;
  width: 32px;
  height: 20px;
  background-color: #bdbdbd;
  position: absolute;
  left: -2em;
  top: 50%;
  transform: translateY(-50%);
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-right .mount {
  right: -80px;
  top: 50%;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-primary::before {
  background-color: #27509b;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-accent::before {
  background-color: #fce500;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-warn::before {
  background-color: #cc0033;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-critical::before {
  background-color: #cc0033;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-warning::before {
  background-color: #f9a825;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-ok::before {
  background-color: #0c8a0a;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-grey::before {
  background-color: #e0e0e0;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-light-grey::before {
  background-color: #f5f5f5;
}
app-vehicle-detailed-schema .schema-container .axle .half-axle-status-white::before {
  background-color: white;
}
app-vehicle-detailed-schema .schema-container .axle .mount {
  width: 40px;
  height: 160px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 6px;
  cursor: pointer;
}
app-vehicle-detailed-schema .schema-container .axle .mount .measure {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2px;
}
app-vehicle-detailed-schema .schema-container .axle .mount .projection {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2px;
}
app-vehicle-detailed-schema .schema-container .axle .mount .projection span {
  font-size: x-small;
}
app-vehicle-detailed-schema .schema-container .axle .mount .projection .mat-icon {
  background: none;
  transform: none;
  animation: none;
}
app-vehicle-detailed-schema .schema-container .axle .mount mat-icon {
  color: white;
  border-radius: 30px;
  padding: 2px;
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-primary {
  border: 2px solid #27509b;
  background-color: #cedbf3;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-accent {
  border: 2px solid #fce500;
  background-color: #fffffc;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-warn {
  border: 2px solid #cc0033;
  background-color: #ffccd9;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-critical {
  border: 2px solid #cc0033;
  background-color: #ffccd9;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-warning {
  border: 2px solid #f9a825;
  background-color: #fef7ec;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-ok {
  border: 2px solid #0c8a0a;
  background-color: #9df89b;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-grey {
  border: 2px solid #e0e0e0;
  background-color: white;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-light-grey {
  border: 2px solid #f5f5f5;
  background-color: white;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .axle .mount-status-white {
  border: 2px solid white;
  background-color: white;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
app-vehicle-detailed-schema .schema-container .mount-selected-for-troubleshoot {
  border-width: 3px !important;
  border-color: gray !important;
}

.dark-mode .mat-mdc-autocomplete-panel {
  overflow: auto !important;
}

#autocomplete .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
  color: white !important;
}
#autocomplete .mat-mdc-form-field {
  width: 100%;
}
#autocomplete .mat-mdc-form-field .mat-mdc-form-field-underline {
  background-color: white !important;
}

.autocomplete-content {
  font-size: medium;
}
.autocomplete-content.mat-mdc-option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  height: 75px !important;
}
.autocomplete-content.mat-mdc-option p {
  margin: 0 0 0 5px;
  font-size: small;
  padding: 0;
  color: #858585;
  line-height: 15px;
}
.autocomplete-content.mat-mdc-option small {
  font-size: small;
  color: #858585;
  display: flex;
  white-space: nowrap;
}
.autocomplete-content.mat-mdc-option .mat-icon {
  font-size: medium;
  color: #27509b;
  margin-right: 0;
  text-align: center;
  height: 20px;
}
.autocomplete-content.mat-mdc-option .search-result-icon .mat-icon {
  font-size: large;
}

.logo {
  height: 80px;
}
.logo a {
  position: relative;
}
.logo a h1 {
  position: absolute;
  font-family: "Michelin Unit Titling";
  font-weight: bold;
  margin: -22px 0 0 0;
  color: white;
  font-size: medium;
}
.logo a mic-logo.logo-group {
  position: absolute;
  width: 160px;
  height: 42px;
  margin-top: -6px;
}

.vehicle-type {
  height: 23px;
}
.vehicle-type mat-icon {
  width: auto;
  height: 64px;
  padding: 5px;
  display: flex;
}
.vehicle-type mat-icon svg {
  width: 64px;
  background-size: cover;
  padding-bottom: 75%;
}

qss-filter-sidebar {
  min-height: 100%;
}
qss-filter-sidebar .sidebar {
  min-width: 325px;
  margin-right: -20px;
}
qss-filter-sidebar .sidebar .sidebar-content {
  position: fixed;
  height: 85%;
  overflow-y: scroll;
}
qss-filter-sidebar .sidebar .sidebar-content .sidebar-title {
  min-width: 315px;
  padding: 0 10px;
  border-bottom: 1px solid #e0e0e0;
}
qss-filter-sidebar .sidebar .sidebar-content .sidebar-title h2 {
  margin: 0.5em 0;
}
qss-filter-sidebar .sidebar .sidebar-content h3 {
  font-size: large;
  margin: 0 8px;
}
qss-filter-sidebar .mat-drawer-container {
  min-height: 100%;
}

.bg-primary {
  background-color: #27509b !important;
}

.bg-wd-primary {
  background-color: #27509b !important;
}

.bg-accent {
  background-color: #fce500 !important;
}

.bg-wd-accent {
  background-color: #fce500 !important;
}

.bg-warn {
  background-color: #cc0033 !important;
}

.bg-wd-warn {
  background-color: #cc0033 !important;
}

.bg-critical, .dark-mode .activity-bg-critical, .activity-bg-critical {
  background-color: #cc0033 !important;
}

.bg-wd-critical {
  background-color: #cc0033 !important;
}

.bg-warning, .dark-mode .activity-bg-warning, .activity-bg-warning {
  background-color: #f9a825 !important;
}

.bg-wd-warning {
  background-color: #f9a825 !important;
}

.bg-ok, .dark-mode .activity-bg-ok, .activity-bg-ok {
  background-color: #0c8a0a !important;
}

.bg-wd-ok {
  background-color: #0c8a0a !important;
}

.bg-grey, .dark-mode .system-device-info .info-header, .title-qs:before, .title-qs:after, .system-device-info .info-header {
  background-color: #e0e0e0 !important;
}

.bg-wd-grey {
  background-color: #e0e0e0 !important;
}

.bg-light-grey, .dark-mode #qss-tooltip, #qss-tooltip {
  background-color: #f5f5f5 !important;
}

.bg-wd-light-grey {
  background-color: #f5f5f5 !important;
}

.bg-white {
  background-color: white !important;
}

.bg-wd-white {
  background-color: white !important;
}

.text-primary {
  color: #27509b !important;
}

.text-accent {
  color: #fce500 !important;
}

.text-warn {
  color: #cc0033 !important;
}

.text-critical {
  color: #cc0033 !important;
}

.text-warning {
  color: #f9a825 !important;
}

.text-ok {
  color: #0c8a0a !important;
}

.text-grey {
  color: #e0e0e0 !important;
}

.text-light-grey {
  color: #f5f5f5 !important;
}

.text-white {
  color: white !important;
}

.icon-primary {
  color: #27509b !important;
  fill: #27509b !important;
}

.icon-accent {
  color: #fce500 !important;
  fill: #fce500 !important;
}

.icon-warn {
  color: #cc0033 !important;
  fill: #cc0033 !important;
}

.icon-critical {
  color: #cc0033 !important;
  fill: #cc0033 !important;
}

.icon-warning {
  color: #f9a825 !important;
  fill: #f9a825 !important;
}

.icon-ok {
  color: #0c8a0a !important;
  fill: #0c8a0a !important;
}

.icon-grey {
  color: #e0e0e0 !important;
  fill: #e0e0e0 !important;
}

.icon-light-grey {
  color: #f5f5f5 !important;
  fill: #f5f5f5 !important;
}

.icon-white {
  color: white !important;
  fill: white !important;
}

.dark-mode {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #99cef6;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #99cef6;
  --mdc-filled-text-field-focus-active-indicator-color: #99cef6;
  --mdc-filled-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #c6616b;
  --mdc-filled-text-field-error-focus-label-text-color: #c6616b;
  --mdc-filled-text-field-error-label-text-color: #c6616b;
  --mdc-filled-text-field-error-caret-color: #c6616b;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #c6616b;
  --mdc-filled-text-field-error-focus-active-indicator-color: #c6616b;
  --mdc-filled-text-field-error-hover-active-indicator-color: #c6616b;
  --mdc-outlined-text-field-caret-color: #99cef6;
  --mdc-outlined-text-field-focus-outline-color: #99cef6;
  --mdc-outlined-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #c6616b;
  --mdc-outlined-text-field-error-focus-label-text-color: #c6616b;
  --mdc-outlined-text-field-error-label-text-color: #c6616b;
  --mdc-outlined-text-field-error-hover-label-text-color: #c6616b;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #c6616b;
  --mdc-outlined-text-field-error-hover-outline-color: #c6616b;
  --mdc-outlined-text-field-error-outline-color: #c6616b;
  --mat-form-field-focus-select-arrow-color: rgba(153, 206, 246, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #c6616b;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(153, 206, 246, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 97, 107, 0.87);
  --mat-select-arrow-transform: translateY(-8px);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-autocomplete-background-color: #424242;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-switch-state-layer-size: 40px;
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-handle-color: #99cef6;
  --mdc-slider-focus-handle-color: #99cef6;
  --mdc-slider-hover-handle-color: #99cef6;
  --mdc-slider-active-track-color: #99cef6;
  --mdc-slider-inactive-track-color: #99cef6;
  --mdc-slider-with-tick-marks-inactive-container-color: #99cef6;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-slider-ripple-color: #99cef6;
  --mat-slider-hover-state-layer-color: rgba(153, 206, 246, 0.05);
  --mat-slider-focus-state-layer-color: rgba(153, 206, 246, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #99cef6;
  --mdc-checkbox-selected-hover-icon-color: #99cef6;
  --mdc-checkbox-selected-icon-color: #99cef6;
  --mdc-checkbox-selected-pressed-icon-color: #99cef6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #99cef6;
  --mdc-checkbox-selected-hover-state-layer-color: #99cef6;
  --mdc-checkbox-selected-pressed-state-layer-color: #99cef6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mat-icon-button-touch-target-display: block;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-color: #424242;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-fab-small-container-color: #424242;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #99cef6;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #99cef6;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
  --mat-standard-button-toggle-height: 48px;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #99cef6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(153, 206, 246, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(153, 206, 246, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(153, 206, 246, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #99cef6;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(153, 206, 246, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #99cef6;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #99cef6;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #99cef6;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #c6616b;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #c6616b;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-tree-node-min-height: 48px;
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #99cef6;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #fdf271;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #fdf271;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  /** Angular Material Variables */
  --mdc-circular-progress-active-indicator-color: #99cef6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #99cef6;
  --mdc-checkbox-selected-hover-icon-color: #99cef6;
  --mdc-checkbox-selected-icon-color: #99cef6;
  --mdc-checkbox-selected-pressed-icon-color: #99cef6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #99cef6;
  --mdc-checkbox-selected-hover-state-layer-color: #99cef6;
  --mdc-checkbox-selected-pressed-state-layer-color: #99cef6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mdc-filled-text-field-caret-color: #99cef6;
  --mdc-filled-text-field-focus-active-indicator-color: #99cef6;
  --mdc-filled-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #c6616b;
  --mdc-filled-text-field-error-focus-label-text-color: #c6616b;
  --mdc-filled-text-field-error-label-text-color: #c6616b;
  --mdc-filled-text-field-error-caret-color: #c6616b;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #c6616b;
  --mdc-filled-text-field-error-focus-active-indicator-color: #c6616b;
  --mdc-filled-text-field-error-hover-active-indicator-color: #c6616b;
  --mdc-outlined-text-field-caret-color: #99cef6;
  --mdc-outlined-text-field-focus-outline-color: #99cef6;
  --mdc-outlined-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #c6616b;
  --mdc-outlined-text-field-error-focus-label-text-color: #c6616b;
  --mdc-outlined-text-field-error-label-text-color: #c6616b;
  --mdc-outlined-text-field-error-hover-label-text-color: #c6616b;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #c6616b;
  --mdc-outlined-text-field-error-hover-outline-color: #c6616b;
  --mdc-outlined-text-field-error-outline-color: #c6616b;
  --mat-form-field-focus-select-arrow-color: rgba(153, 206, 246, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #c6616b;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #99cef6;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #99cef6;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #99cef6;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #c6616b;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #c6616b;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(153, 206, 246, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 97, 107, 0.87);
  /*
  Font
  */
  /*
  TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
  */
  /*
  TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
  */
}
.dark-mode .mat-ripple {
  overflow: hidden;
  position: relative;
}
.dark-mode .mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.dark-mode .mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.dark-mode .mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .dark-mode .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .dark-mode .mat-ripple-element, .cdk-drag-placeholder .dark-mode .mat-ripple-element {
  display: none;
}
.dark-mode .cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .dark-mode .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.dark-mode .cdk-overlay-container, .dark-mode .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.dark-mode .cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.dark-mode .cdk-overlay-container:empty {
  display: none;
}
.dark-mode .cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.dark-mode .cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.dark-mode .cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.dark-mode .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .dark-mode .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.dark-mode .cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.dark-mode .cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.dark-mode .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.dark-mode .cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.dark-mode .cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.dark-mode .cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.dark-mode textarea.cdk-textarea-autosize {
  resize: none;
}
.dark-mode textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
.dark-mode textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.dark-mode .cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.dark-mode .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.dark-mode .mat-focus-indicator {
  position: relative;
}
.dark-mode .mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.dark-mode .mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active .dark-mode {
  --mat-focus-indicator-display: block;
}

.dark-mode .mat-mdc-focus-indicator {
  position: relative;
}
.dark-mode .mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.dark-mode .mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active .dark-mode {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

.dark-mode .mat-accent {
  --mat-option-selected-state-label-text-color: #99cef6;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-mode .mat-warn {
  --mat-option-selected-state-label-text-color: #c6616b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-mode .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-mode .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-mode .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #c6616b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c6616b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-mode .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #99cef6;
  --mdc-linear-progress-track-color: rgba(153, 206, 246, 0.25);
}
.dark-mode .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #99cef6;
  --mdc-linear-progress-track-color: rgba(153, 206, 246, 0.25);
}
.dark-mode .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #c6616b;
  --mdc-linear-progress-track-color: rgba(198, 97, 107, 0.25);
}
.dark-mode .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #99cef6;
  --mdc-filled-text-field-focus-active-indicator-color: #99cef6;
  --mdc-filled-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mdc-outlined-text-field-caret-color: #99cef6;
  --mdc-outlined-text-field-focus-outline-color: #99cef6;
  --mdc-outlined-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(153, 206, 246, 0.87);
}
.dark-mode .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #c6616b;
  --mdc-filled-text-field-focus-active-indicator-color: #c6616b;
  --mdc-filled-text-field-focus-label-text-color: rgba(198, 97, 107, 0.87);
  --mdc-outlined-text-field-caret-color: #c6616b;
  --mdc-outlined-text-field-focus-outline-color: #c6616b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(198, 97, 107, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(198, 97, 107, 0.87);
}
.dark-mode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(153, 206, 246, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 97, 107, 0.87);
}
.dark-mode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(198, 97, 107, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 97, 107, 0.87);
}
.dark-mode .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.dark-mode .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-selected-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-flat-disabled-selected-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.dark-mode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #99cef6;
  --mdc-chip-elevated-selected-container-color: #99cef6;
  --mdc-chip-elevated-disabled-container-color: #99cef6;
  --mdc-chip-flat-disabled-selected-container-color: #99cef6;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #99cef6;
  --mdc-chip-elevated-selected-container-color: #99cef6;
  --mdc-chip-elevated-disabled-container-color: #99cef6;
  --mdc-chip-flat-disabled-selected-container-color: #99cef6;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .dark-mode .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #c6616b;
  --mdc-chip-elevated-selected-container-color: #c6616b;
  --mdc-chip-elevated-disabled-container-color: #c6616b;
  --mdc-chip-flat-disabled-selected-container-color: #c6616b;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.dark-mode .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.dark-mode .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.dark-mode .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #99cef6;
  --mdc-radio-selected-hover-icon-color: #99cef6;
  --mdc-radio-selected-icon-color: #99cef6;
  --mdc-radio-selected-pressed-icon-color: #99cef6;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #99cef6;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-mode .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #99cef6;
  --mdc-radio-selected-hover-icon-color: #99cef6;
  --mdc-radio-selected-icon-color: #99cef6;
  --mdc-radio-selected-pressed-icon-color: #99cef6;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #99cef6;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-mode .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #c6616b;
  --mdc-radio-selected-hover-icon-color: #c6616b;
  --mdc-radio-selected-icon-color: #c6616b;
  --mdc-radio-selected-pressed-icon-color: #c6616b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #c6616b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-mode .mat-accent {
  --mdc-slider-handle-color: #99cef6;
  --mdc-slider-focus-handle-color: #99cef6;
  --mdc-slider-hover-handle-color: #99cef6;
  --mdc-slider-active-track-color: #99cef6;
  --mdc-slider-inactive-track-color: #99cef6;
  --mdc-slider-with-tick-marks-inactive-container-color: #99cef6;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #99cef6;
  --mat-slider-hover-state-layer-color: rgba(153, 206, 246, 0.05);
  --mat-slider-focus-state-layer-color: rgba(153, 206, 246, 0.2);
}
.dark-mode .mat-warn {
  --mdc-slider-handle-color: #c6616b;
  --mdc-slider-focus-handle-color: #c6616b;
  --mdc-slider-hover-handle-color: #c6616b;
  --mdc-slider-active-track-color: #c6616b;
  --mdc-slider-inactive-track-color: #c6616b;
  --mdc-slider-with-tick-marks-inactive-container-color: #c6616b;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #c6616b;
  --mat-slider-hover-state-layer-color: rgba(198, 97, 107, 0.05);
  --mat-slider-focus-state-layer-color: rgba(198, 97, 107, 0.2);
}
.dark-mode .mdc-list-item__start,
.dark-mode .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #99cef6;
  --mdc-radio-selected-hover-icon-color: #99cef6;
  --mdc-radio-selected-icon-color: #99cef6;
  --mdc-radio-selected-pressed-icon-color: #99cef6;
}
.dark-mode .mat-accent .mdc-list-item__start,
.dark-mode .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #99cef6;
  --mdc-radio-selected-hover-icon-color: #99cef6;
  --mdc-radio-selected-icon-color: #99cef6;
  --mdc-radio-selected-pressed-icon-color: #99cef6;
}
.dark-mode .mat-warn .mdc-list-item__start,
.dark-mode .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #c6616b;
  --mdc-radio-selected-hover-icon-color: #c6616b;
  --mdc-radio-selected-icon-color: #c6616b;
  --mdc-radio-selected-pressed-icon-color: #c6616b;
}
.dark-mode .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #99cef6;
  --mdc-checkbox-selected-hover-icon-color: #99cef6;
  --mdc-checkbox-selected-icon-color: #99cef6;
  --mdc-checkbox-selected-pressed-icon-color: #99cef6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #99cef6;
  --mdc-checkbox-selected-hover-state-layer-color: #99cef6;
  --mdc-checkbox-selected-pressed-state-layer-color: #99cef6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #99cef6;
  --mdc-checkbox-selected-hover-icon-color: #99cef6;
  --mdc-checkbox-selected-icon-color: #99cef6;
  --mdc-checkbox-selected-pressed-icon-color: #99cef6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #99cef6;
  --mdc-checkbox-selected-hover-state-layer-color: #99cef6;
  --mdc-checkbox-selected-pressed-state-layer-color: #99cef6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #c6616b;
  --mdc-checkbox-selected-hover-icon-color: #c6616b;
  --mdc-checkbox-selected-icon-color: #c6616b;
  --mdc-checkbox-selected-pressed-icon-color: #c6616b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #c6616b;
  --mdc-checkbox-selected-hover-state-layer-color: #c6616b;
  --mdc-checkbox-selected-pressed-state-layer-color: #c6616b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-mode .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #99cef6;
}
.dark-mode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-mode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-mode .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark-mode .mdc-list-item__start,
.dark-mode .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .dark-mode .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.dark-mode .mat-mdc-tab-group, .dark-mode .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #99cef6;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #99cef6;
  --mat-tab-header-active-ripple-color: #99cef6;
  --mat-tab-header-inactive-ripple-color: #99cef6;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #99cef6;
  --mat-tab-header-active-hover-label-text-color: #99cef6;
  --mat-tab-header-active-focus-indicator-color: #99cef6;
  --mat-tab-header-active-hover-indicator-color: #99cef6;
}
.dark-mode .mat-mdc-tab-group.mat-accent, .dark-mode .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #99cef6;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #99cef6;
  --mat-tab-header-active-ripple-color: #99cef6;
  --mat-tab-header-inactive-ripple-color: #99cef6;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #99cef6;
  --mat-tab-header-active-hover-label-text-color: #99cef6;
  --mat-tab-header-active-focus-indicator-color: #99cef6;
  --mat-tab-header-active-hover-indicator-color: #99cef6;
}
.dark-mode .mat-mdc-tab-group.mat-warn, .dark-mode .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #c6616b;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #c6616b;
  --mat-tab-header-active-ripple-color: #c6616b;
  --mat-tab-header-inactive-ripple-color: #c6616b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #c6616b;
  --mat-tab-header-active-hover-label-text-color: #c6616b;
  --mat-tab-header-active-focus-indicator-color: #c6616b;
  --mat-tab-header-active-hover-indicator-color: #c6616b;
}
.dark-mode .mat-mdc-tab-group.mat-background-primary, .dark-mode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #99cef6;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-background-accent, .dark-mode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #99cef6;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-background-warn, .dark-mode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #c6616b;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark-mode .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.dark-mode .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #99cef6;
  --mdc-checkbox-selected-hover-icon-color: #99cef6;
  --mdc-checkbox-selected-icon-color: #99cef6;
  --mdc-checkbox-selected-pressed-icon-color: #99cef6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #99cef6;
  --mdc-checkbox-selected-hover-state-layer-color: #99cef6;
  --mdc-checkbox-selected-pressed-state-layer-color: #99cef6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #c6616b;
  --mdc-checkbox-selected-hover-icon-color: #c6616b;
  --mdc-checkbox-selected-icon-color: #c6616b;
  --mdc-checkbox-selected-pressed-icon-color: #c6616b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #c6616b;
  --mdc-checkbox-selected-hover-state-layer-color: #c6616b;
  --mdc-checkbox-selected-pressed-state-layer-color: #c6616b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #99cef6;
  --mat-text-button-state-layer-color: #99cef6;
  --mat-text-button-ripple-color: rgba(153, 206, 246, 0.1);
}
.dark-mode .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #99cef6;
  --mat-text-button-state-layer-color: #99cef6;
  --mat-text-button-ripple-color: rgba(153, 206, 246, 0.1);
}
.dark-mode .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #c6616b;
  --mat-text-button-state-layer-color: #c6616b;
  --mat-text-button-ripple-color: rgba(198, 97, 107, 0.1);
}
.dark-mode .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #99cef6;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #99cef6;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #c6616b;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #99cef6;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #99cef6;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #c6616b;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #99cef6;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #99cef6;
  --mat-outlined-button-ripple-color: rgba(153, 206, 246, 0.1);
}
.dark-mode .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #99cef6;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #99cef6;
  --mat-outlined-button-ripple-color: rgba(153, 206, 246, 0.1);
}
.dark-mode .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #c6616b;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #c6616b;
  --mat-outlined-button-ripple-color: rgba(198, 97, 107, 0.1);
}
.dark-mode .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #99cef6;
  --mat-icon-button-state-layer-color: #99cef6;
  --mat-icon-button-ripple-color: rgba(153, 206, 246, 0.1);
}
.dark-mode .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #99cef6;
  --mat-icon-button-state-layer-color: #99cef6;
  --mat-icon-button-ripple-color: rgba(153, 206, 246, 0.1);
}
.dark-mode .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #c6616b;
  --mat-icon-button-state-layer-color: #c6616b;
  --mat-icon-button-ripple-color: rgba(198, 97, 107, 0.1);
}
.dark-mode .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.dark-mode .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #99cef6;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #99cef6;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #c6616b;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #99cef6;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #99cef6;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-mode .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #c6616b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-accent {
  --mdc-circular-progress-active-indicator-color: #99cef6;
}
.dark-mode .mat-warn {
  --mdc-circular-progress-active-indicator-color: #c6616b;
}
.dark-mode .mat-badge-accent {
  --mat-badge-background-color: #99cef6;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-badge-warn {
  --mat-badge-background-color: #c6616b;
  --mat-badge-text-color: white;
}
.dark-mode .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #99cef6;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(153, 206, 246, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(153, 206, 246, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(153, 206, 246, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(153, 206, 246, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.dark-mode .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #c6616b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(198, 97, 107, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(198, 97, 107, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(198, 97, 107, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(198, 97, 107, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.dark-mode .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #99cef6;
}
.dark-mode .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #c6616b;
}
.dark-mode .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.dark-mode .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.dark-mode .mat-icon.mat-primary {
  --mat-icon-color: #99cef6;
}
.dark-mode .mat-icon.mat-accent {
  --mat-icon-color: #99cef6;
}
.dark-mode .mat-icon.mat-warn {
  --mat-icon-color: #c6616b;
}
.dark-mode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #99cef6;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #99cef6;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #99cef6;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #c6616b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #c6616b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #c6616b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.dark-mode .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #99cef6;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #99cef6;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #c6616b;
  --mat-toolbar-container-text-color: white;
}
.dark-mode .mat-accent {
  --mat-option-selected-state-label-text-color: #fdf271;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-mode .mat-warn {
  --mat-option-selected-state-label-text-color: #c6616b;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-mode .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-mode .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #fdf271;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #fdf271;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-mode .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #c6616b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c6616b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-mode .grid-cols-0 {
  grid-template-columns: repeat(0, minmax(0, 1fr));
}
.dark-mode .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.dark-mode .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dark-mode .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dark-mode .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dark-mode .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.dark-mode .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.dark-mode .grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.dark-mode .grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.dark-mode .grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.dark-mode .grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.dark-mode .grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.dark-mode .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.dark-mode .grid-rows-0 {
  grid-template-rows: repeat(0, minmax(0, 1fr));
}
.dark-mode .grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.dark-mode .grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.dark-mode .grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.dark-mode .grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}
.dark-mode .grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}
.dark-mode .grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}
.dark-mode .col-span-0 {
  grid-column: span 0/span 0;
}
.dark-mode .col-span-1 {
  grid-column: span 1/span 1;
}
.dark-mode .col-span-2 {
  grid-column: span 2/span 2;
}
.dark-mode .col-span-3 {
  grid-column: span 3/span 3;
}
.dark-mode .col-span-4 {
  grid-column: span 4/span 4;
}
.dark-mode .col-span-5 {
  grid-column: span 5/span 5;
}
.dark-mode .col-span-6 {
  grid-column: span 6/span 6;
}
.dark-mode .col-span-7 {
  grid-column: span 7/span 7;
}
.dark-mode .col-span-8 {
  grid-column: span 8/span 8;
}
.dark-mode .col-span-9 {
  grid-column: span 9/span 9;
}
.dark-mode .col-span-10 {
  grid-column: span 10/span 10;
}
.dark-mode .col-span-11 {
  grid-column: span 11/span 11;
}
.dark-mode .col-span-12 {
  grid-column: span 12/span 12;
}
.dark-mode .col-auto {
  grid-column: auto;
}
.dark-mode .row-span-0 {
  grid-row: span 0/span 0;
}
.dark-mode .row-span-1 {
  grid-row: span 1/span 1;
}
.dark-mode .row-span-2 {
  grid-row: span 2/span 2;
}
.dark-mode .row-span-3 {
  grid-row: span 3/span 3;
}
.dark-mode .row-span-4 {
  grid-row: span 4/span 4;
}
.dark-mode .row-span-5 {
  grid-row: span 5/span 5;
}
.dark-mode .row-span-6 {
  grid-row: span 6/span 6;
}
.dark-mode .row-span-7 {
  grid-row: span 7/span 7;
}
.dark-mode .row-span-8 {
  grid-row: span 8/span 8;
}
.dark-mode .row-span-9 {
  grid-row: span 9/span 9;
}
.dark-mode .row-span-10 {
  grid-row: span 10/span 10;
}
.dark-mode .row-span-11 {
  grid-row: span 11/span 11;
}
.dark-mode .row-span-12 {
  grid-row: span 12/span 12;
}
.dark-mode .row-auto {
  grid-row: auto;
}
.dark-mode .flex-1 {
  flex: 1 1 0%;
  box-sizing: border-box;
}
.dark-mode .flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}
.dark-mode .flex-initial {
  flex: 0 1 auto;
  box-sizing: border-box;
}
.dark-mode .flex-none {
  flex: 0;
  box-sizing: border-box;
}
.dark-mode .flex-row {
  -moz-flex-direction: row;
  flex-direction: row;
}
.dark-mode .flex-row-reverse {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.dark-mode .flex-col {
  -moz-flex-direction: column;
  flex-direction: column;
}
.dark-mode .flex-col-reverse {
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.dark-mode .fill {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.dark-mode .flex-wrap {
  flex-wrap: wrap;
}
.dark-mode .flex-nowrap {
  flex-wrap: nowrap;
}
.dark-mode .flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.dark-mode .order-0 {
  -moz-order: 0;
  -ms-order: 0;
  order: 0;
}
.dark-mode .order-1 {
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
.dark-mode .order-2 {
  -moz-order: 2;
  -ms-order: 2;
  order: 2;
}
.dark-mode .order-3 {
  -moz-order: 3;
  -ms-order: 3;
  order: 3;
}
.dark-mode .order-4 {
  -moz-order: 4;
  -ms-order: 4;
  order: 4;
}
.dark-mode .order-5 {
  -moz-order: 5;
  -ms-order: 5;
  order: 5;
}
.dark-mode .order-6 {
  -moz-order: 6;
  -ms-order: 6;
  order: 6;
}
.dark-mode .order-7 {
  -moz-order: 7;
  -ms-order: 7;
  order: 7;
}
.dark-mode .order-8 {
  -moz-order: 8;
  -ms-order: 8;
  order: 8;
}
.dark-mode .order-9 {
  -moz-order: 9;
  -ms-order: 9;
  order: 9;
}
.dark-mode .order-10 {
  -moz-order: 10;
  -ms-order: 10;
  order: 10;
}
.dark-mode .order-9999 {
  -moz-order: 9999;
  -ms-order: 9999;
  order: 9999;
}
.dark-mode .order--9999 {
  -moz-order: -9999;
  -ms-order: -9999;
  order: -9999;
}
.dark-mode .grow-0 {
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}
.dark-mode .grow-1 {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.dark-mode .grow-2 {
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
}
.dark-mode .grow-3 {
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  flex-grow: 3;
}
.dark-mode .grow-4 {
  -moz-flex-grow: 4;
  -ms-flex-grow: 4;
  flex-grow: 4;
}
.dark-mode .grow-5 {
  -moz-flex-grow: 5;
  -ms-flex-grow: 5;
  flex-grow: 5;
}
.dark-mode .grow-6 {
  -moz-flex-grow: 6;
  -ms-flex-grow: 6;
  flex-grow: 6;
}
.dark-mode .grow-7 {
  -moz-flex-grow: 7;
  -ms-flex-grow: 7;
  flex-grow: 7;
}
.dark-mode .grow-8 {
  -moz-flex-grow: 8;
  -ms-flex-grow: 8;
  flex-grow: 8;
}
.dark-mode .grow-9 {
  -moz-flex-grow: 9;
  -ms-flex-grow: 9;
  flex-grow: 9;
}
.dark-mode .grow-10 {
  -moz-flex-grow: 10;
  -ms-flex-grow: 10;
  flex-grow: 10;
}
.dark-mode .shrink-0 {
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.dark-mode .shrink-1 {
  -ms-flex-shrink: 1;
  flex-shrink: 1;
}
.dark-mode .shrink-2 {
  -ms-flex-shrink: 2;
  flex-shrink: 2;
}
.dark-mode .shrink-3 {
  -ms-flex-shrink: 3;
  flex-shrink: 3;
}
.dark-mode .shrink-4 {
  -ms-flex-shrink: 4;
  flex-shrink: 4;
}
.dark-mode .shrink-5 {
  -ms-flex-shrink: 5;
  flex-shrink: 5;
}
.dark-mode .shrink-6 {
  -ms-flex-shrink: 6;
  flex-shrink: 6;
}
.dark-mode .shrink-7 {
  -ms-flex-shrink: 7;
  flex-shrink: 7;
}
.dark-mode .shrink-8 {
  -ms-flex-shrink: 8;
  flex-shrink: 8;
}
.dark-mode .shrink-9 {
  -ms-flex-shrink: 9;
  flex-shrink: 9;
}
.dark-mode .shrink-10 {
  -ms-flex-shrink: 10;
  flex-shrink: 10;
}
.dark-mode .basis-0 {
  flex-basis: 0px;
}
.dark-mode .basis-0-5 {
  flex-basis: 0.125rem;
}
.dark-mode .basis-1 {
  flex-basis: 0.25rem;
}
.dark-mode .basis-1-5 {
  flex-basis: 0.375rem;
}
.dark-mode .basis-2 {
  flex-basis: 0.5rem;
}
.dark-mode .basis-2-5 {
  flex-basis: 0.625rem;
}
.dark-mode .basis-3 {
  flex-basis: 0.75rem;
}
.dark-mode .basis-3-5 {
  flex-basis: 0.875rem;
}
.dark-mode .basis-4 {
  flex-basis: 1rem;
}
.dark-mode .basis-5 {
  flex-basis: 1.25rem;
}
.dark-mode .basis-6 {
  flex-basis: 1.5rem;
}
.dark-mode .basis-7 {
  flex-basis: 1.75rem;
}
.dark-mode .basis-8 {
  flex-basis: 2rem;
}
.dark-mode .basis-9 {
  flex-basis: 2.25rem;
}
.dark-mode .basis-10 {
  flex-basis: 2.5rem;
}
.dark-mode .basis-11 {
  flex-basis: 2.75rem;
}
.dark-mode .basis-12 {
  flex-basis: 3rem;
}
.dark-mode .basis-14 {
  flex-basis: 3.5rem;
}
.dark-mode .basis-16 {
  flex-basis: 4rem;
}
.dark-mode .basis-20 {
  flex-basis: 5rem;
}
.dark-mode .basis-24 {
  flex-basis: 6rem;
}
.dark-mode .basis-28 {
  flex-basis: 7rem;
}
.dark-mode .basis-32 {
  flex-basis: 8rem;
}
.dark-mode .basis-36 {
  flex-basis: 9rem;
}
.dark-mode .basis-40 {
  flex-basis: 10rem;
}
.dark-mode .basis-44 {
  flex-basis: 11rem;
}
.dark-mode .basis-48 {
  flex-basis: 12rem;
}
.dark-mode .basis-52 {
  flex-basis: 13rem;
}
.dark-mode .basis-56 {
  flex-basis: 13rem;
}
.dark-mode .basis-60 {
  flex-basis: 15rem;
}
.dark-mode .basis-64 {
  flex-basis: 16rem;
}
.dark-mode .basis-72 {
  flex-basis: 18rem;
}
.dark-mode .basis-80 {
  flex-basis: 20rem;
}
.dark-mode .basis-96 {
  flex-basis: 24rem;
}
.dark-mode .basis-auto {
  flex-basis: auto;
}
.dark-mode .basis-1on2 {
  flex-basis: 50%;
}
.dark-mode .basis-1on3 {
  flex-basis: 33.333333%;
}
.dark-mode .basis-2on3 {
  flex-basis: 66.666667%;
}
.dark-mode .basis-1on4 {
  flex-basis: 25%;
}
.dark-mode .basis-2on4 {
  flex-basis: 50%;
}
.dark-mode .basis-3on4 {
  flex-basis: 75%;
}
.dark-mode .basis-1on5 {
  flex-basis: 20%;
}
.dark-mode .basis-2on5 {
  flex-basis: 40%;
}
.dark-mode .basis-3on5 {
  flex-basis: 60%;
}
.dark-mode .basis-4on5 {
  flex-basis: 80%;
}
.dark-mode .basis-1on6 {
  flex-basis: 16.666667%;
}
.dark-mode .basis-2on6 {
  flex-basis: 33.333333%;
}
.dark-mode .basis-3on6 {
  flex-basis: 50%;
}
.dark-mode .basis-4on6 {
  flex-basis: 66.666667%;
}
.dark-mode .basis-5on6 {
  flex-basis: 83.333333%;
}
.dark-mode .basis-1on12 {
  flex-basis: 8.333333%;
}
.dark-mode .basis-2on12 {
  flex-basis: 16.666667%;
}
.dark-mode .basis-3on12 {
  flex-basis: 25%;
}
.dark-mode .basis-4on12 {
  flex-basis: 33.333333%;
}
.dark-mode .basis-5on12 {
  flex-basis: 41.666667%;
}
.dark-mode .basis-6on12 {
  flex-basis: 50%;
}
.dark-mode .basis-7on12 {
  flex-basis: 58.333333%;
}
.dark-mode .basis-8on12 {
  flex-basis: 66.666667%;
}
.dark-mode .basis-9on12 {
  flex-basis: 75%;
}
.dark-mode .basis-10on12 {
  flex-basis: 83.333333%;
}
.dark-mode .basis-11on12 {
  flex-basis: 91.666667%;
}
.dark-mode .basis-screen {
  flex-basis: 100vw;
}
.dark-mode .basis-full {
  flex-basis: 100%;
}
.dark-mode .w-0 {
  width: 0px;
}
.dark-mode .min-w-0 {
  min-width: 0px;
}
.dark-mode .max-w-0 {
  max-width: 0px;
}
.dark-mode .w-0-5 {
  width: 0.125rem;
}
.dark-mode .min-w-0-5 {
  min-width: 0.125rem;
}
.dark-mode .max-w-0-5 {
  max-width: 0.125rem;
}
.dark-mode .w-1 {
  width: 0.25rem;
}
.dark-mode .min-w-1 {
  min-width: 0.25rem;
}
.dark-mode .max-w-1 {
  max-width: 0.25rem;
}
.dark-mode .w-1-5 {
  width: 0.375rem;
}
.dark-mode .min-w-1-5 {
  min-width: 0.375rem;
}
.dark-mode .max-w-1-5 {
  max-width: 0.375rem;
}
.dark-mode .w-2 {
  width: 0.5rem;
}
.dark-mode .min-w-2 {
  min-width: 0.5rem;
}
.dark-mode .max-w-2 {
  max-width: 0.5rem;
}
.dark-mode .w-2-5 {
  width: 0.625rem;
}
.dark-mode .min-w-2-5 {
  min-width: 0.625rem;
}
.dark-mode .max-w-2-5 {
  max-width: 0.625rem;
}
.dark-mode .w-3 {
  width: 0.75rem;
}
.dark-mode .min-w-3 {
  min-width: 0.75rem;
}
.dark-mode .max-w-3 {
  max-width: 0.75rem;
}
.dark-mode .w-3-5 {
  width: 0.875rem;
}
.dark-mode .min-w-3-5 {
  min-width: 0.875rem;
}
.dark-mode .max-w-3-5 {
  max-width: 0.875rem;
}
.dark-mode .w-4 {
  width: 1rem;
}
.dark-mode .min-w-4 {
  min-width: 1rem;
}
.dark-mode .max-w-4 {
  max-width: 1rem;
}
.dark-mode .w-5 {
  width: 1.25rem;
}
.dark-mode .min-w-5 {
  min-width: 1.25rem;
}
.dark-mode .max-w-5 {
  max-width: 1.25rem;
}
.dark-mode .w-6 {
  width: 1.5rem;
}
.dark-mode .min-w-6 {
  min-width: 1.5rem;
}
.dark-mode .max-w-6 {
  max-width: 1.5rem;
}
.dark-mode .w-7 {
  width: 1.75rem;
}
.dark-mode .min-w-7 {
  min-width: 1.75rem;
}
.dark-mode .max-w-7 {
  max-width: 1.75rem;
}
.dark-mode .w-8 {
  width: 2rem;
}
.dark-mode .min-w-8 {
  min-width: 2rem;
}
.dark-mode .max-w-8 {
  max-width: 2rem;
}
.dark-mode .w-9 {
  width: 2.25rem;
}
.dark-mode .min-w-9 {
  min-width: 2.25rem;
}
.dark-mode .max-w-9 {
  max-width: 2.25rem;
}
.dark-mode .w-10 {
  width: 2.5rem;
}
.dark-mode .min-w-10 {
  min-width: 2.5rem;
}
.dark-mode .max-w-10 {
  max-width: 2.5rem;
}
.dark-mode .w-11 {
  width: 2.75rem;
}
.dark-mode .min-w-11 {
  min-width: 2.75rem;
}
.dark-mode .max-w-11 {
  max-width: 2.75rem;
}
.dark-mode .w-12 {
  width: 3rem;
}
.dark-mode .min-w-12 {
  min-width: 3rem;
}
.dark-mode .max-w-12 {
  max-width: 3rem;
}
.dark-mode .w-14 {
  width: 3.5rem;
}
.dark-mode .min-w-14 {
  min-width: 3.5rem;
}
.dark-mode .max-w-14 {
  max-width: 3.5rem;
}
.dark-mode .w-16 {
  width: 4rem;
}
.dark-mode .min-w-16 {
  min-width: 4rem;
}
.dark-mode .max-w-16 {
  max-width: 4rem;
}
.dark-mode .w-20 {
  width: 5rem;
}
.dark-mode .min-w-20 {
  min-width: 5rem;
}
.dark-mode .max-w-20 {
  max-width: 5rem;
}
.dark-mode .w-24 {
  width: 6rem;
}
.dark-mode .min-w-24 {
  min-width: 6rem;
}
.dark-mode .max-w-24 {
  max-width: 6rem;
}
.dark-mode .w-28 {
  width: 7rem;
}
.dark-mode .min-w-28 {
  min-width: 7rem;
}
.dark-mode .max-w-28 {
  max-width: 7rem;
}
.dark-mode .w-32 {
  width: 8rem;
}
.dark-mode .min-w-32 {
  min-width: 8rem;
}
.dark-mode .max-w-32 {
  max-width: 8rem;
}
.dark-mode .w-36 {
  width: 9rem;
}
.dark-mode .min-w-36 {
  min-width: 9rem;
}
.dark-mode .max-w-36 {
  max-width: 9rem;
}
.dark-mode .w-40 {
  width: 10rem;
}
.dark-mode .min-w-40 {
  min-width: 10rem;
}
.dark-mode .max-w-40 {
  max-width: 10rem;
}
.dark-mode .w-44 {
  width: 11rem;
}
.dark-mode .min-w-44 {
  min-width: 11rem;
}
.dark-mode .max-w-44 {
  max-width: 11rem;
}
.dark-mode .w-48 {
  width: 12rem;
}
.dark-mode .min-w-48 {
  min-width: 12rem;
}
.dark-mode .max-w-48 {
  max-width: 12rem;
}
.dark-mode .w-52 {
  width: 13rem;
}
.dark-mode .min-w-52 {
  min-width: 13rem;
}
.dark-mode .max-w-52 {
  max-width: 13rem;
}
.dark-mode .w-56 {
  width: 13rem;
}
.dark-mode .min-w-56 {
  min-width: 13rem;
}
.dark-mode .max-w-56 {
  max-width: 13rem;
}
.dark-mode .w-60 {
  width: 15rem;
}
.dark-mode .min-w-60 {
  min-width: 15rem;
}
.dark-mode .max-w-60 {
  max-width: 15rem;
}
.dark-mode .w-64 {
  width: 16rem;
}
.dark-mode .min-w-64 {
  min-width: 16rem;
}
.dark-mode .max-w-64 {
  max-width: 16rem;
}
.dark-mode .w-72 {
  width: 18rem;
}
.dark-mode .min-w-72 {
  min-width: 18rem;
}
.dark-mode .max-w-72 {
  max-width: 18rem;
}
.dark-mode .w-80 {
  width: 20rem;
}
.dark-mode .min-w-80 {
  min-width: 20rem;
}
.dark-mode .max-w-80 {
  max-width: 20rem;
}
.dark-mode .w-96 {
  width: 24rem;
}
.dark-mode .min-w-96 {
  min-width: 24rem;
}
.dark-mode .max-w-96 {
  max-width: 24rem;
}
.dark-mode .w-auto {
  width: auto;
}
.dark-mode .min-w-auto {
  min-width: auto;
}
.dark-mode .max-w-auto {
  max-width: auto;
}
.dark-mode .w-1on2 {
  width: 50%;
}
.dark-mode .min-w-1on2 {
  min-width: 50%;
}
.dark-mode .max-w-1on2 {
  max-width: 50%;
}
.dark-mode .w-1on3 {
  width: 33.333333%;
}
.dark-mode .min-w-1on3 {
  min-width: 33.333333%;
}
.dark-mode .max-w-1on3 {
  max-width: 33.333333%;
}
.dark-mode .w-2on3 {
  width: 66.666667%;
}
.dark-mode .min-w-2on3 {
  min-width: 66.666667%;
}
.dark-mode .max-w-2on3 {
  max-width: 66.666667%;
}
.dark-mode .w-1on4 {
  width: 25%;
}
.dark-mode .min-w-1on4 {
  min-width: 25%;
}
.dark-mode .max-w-1on4 {
  max-width: 25%;
}
.dark-mode .w-2on4 {
  width: 50%;
}
.dark-mode .min-w-2on4 {
  min-width: 50%;
}
.dark-mode .max-w-2on4 {
  max-width: 50%;
}
.dark-mode .w-3on4 {
  width: 75%;
}
.dark-mode .min-w-3on4 {
  min-width: 75%;
}
.dark-mode .max-w-3on4 {
  max-width: 75%;
}
.dark-mode .w-1on5 {
  width: 20%;
}
.dark-mode .min-w-1on5 {
  min-width: 20%;
}
.dark-mode .max-w-1on5 {
  max-width: 20%;
}
.dark-mode .w-2on5 {
  width: 40%;
}
.dark-mode .min-w-2on5 {
  min-width: 40%;
}
.dark-mode .max-w-2on5 {
  max-width: 40%;
}
.dark-mode .w-3on5 {
  width: 60%;
}
.dark-mode .min-w-3on5 {
  min-width: 60%;
}
.dark-mode .max-w-3on5 {
  max-width: 60%;
}
.dark-mode .w-4on5 {
  width: 80%;
}
.dark-mode .min-w-4on5 {
  min-width: 80%;
}
.dark-mode .max-w-4on5 {
  max-width: 80%;
}
.dark-mode .w-1on6 {
  width: 16.666667%;
}
.dark-mode .min-w-1on6 {
  min-width: 16.666667%;
}
.dark-mode .max-w-1on6 {
  max-width: 16.666667%;
}
.dark-mode .w-2on6 {
  width: 33.333333%;
}
.dark-mode .min-w-2on6 {
  min-width: 33.333333%;
}
.dark-mode .max-w-2on6 {
  max-width: 33.333333%;
}
.dark-mode .w-3on6 {
  width: 50%;
}
.dark-mode .min-w-3on6 {
  min-width: 50%;
}
.dark-mode .max-w-3on6 {
  max-width: 50%;
}
.dark-mode .w-4on6 {
  width: 66.666667%;
}
.dark-mode .min-w-4on6 {
  min-width: 66.666667%;
}
.dark-mode .max-w-4on6 {
  max-width: 66.666667%;
}
.dark-mode .w-5on6 {
  width: 83.333333%;
}
.dark-mode .min-w-5on6 {
  min-width: 83.333333%;
}
.dark-mode .max-w-5on6 {
  max-width: 83.333333%;
}
.dark-mode .w-1on12 {
  width: 8.333333%;
}
.dark-mode .min-w-1on12 {
  min-width: 8.333333%;
}
.dark-mode .max-w-1on12 {
  max-width: 8.333333%;
}
.dark-mode .w-2on12 {
  width: 16.666667%;
}
.dark-mode .min-w-2on12 {
  min-width: 16.666667%;
}
.dark-mode .max-w-2on12 {
  max-width: 16.666667%;
}
.dark-mode .w-3on12 {
  width: 25%;
}
.dark-mode .min-w-3on12 {
  min-width: 25%;
}
.dark-mode .max-w-3on12 {
  max-width: 25%;
}
.dark-mode .w-4on12 {
  width: 33.333333%;
}
.dark-mode .min-w-4on12 {
  min-width: 33.333333%;
}
.dark-mode .max-w-4on12 {
  max-width: 33.333333%;
}
.dark-mode .w-5on12 {
  width: 41.666667%;
}
.dark-mode .min-w-5on12 {
  min-width: 41.666667%;
}
.dark-mode .max-w-5on12 {
  max-width: 41.666667%;
}
.dark-mode .w-6on12 {
  width: 50%;
}
.dark-mode .min-w-6on12 {
  min-width: 50%;
}
.dark-mode .max-w-6on12 {
  max-width: 50%;
}
.dark-mode .w-7on12 {
  width: 58.333333%;
}
.dark-mode .min-w-7on12 {
  min-width: 58.333333%;
}
.dark-mode .max-w-7on12 {
  max-width: 58.333333%;
}
.dark-mode .w-8on12 {
  width: 66.666667%;
}
.dark-mode .min-w-8on12 {
  min-width: 66.666667%;
}
.dark-mode .max-w-8on12 {
  max-width: 66.666667%;
}
.dark-mode .w-9on12 {
  width: 75%;
}
.dark-mode .min-w-9on12 {
  min-width: 75%;
}
.dark-mode .max-w-9on12 {
  max-width: 75%;
}
.dark-mode .w-10on12 {
  width: 83.333333%;
}
.dark-mode .min-w-10on12 {
  min-width: 83.333333%;
}
.dark-mode .max-w-10on12 {
  max-width: 83.333333%;
}
.dark-mode .w-11on12 {
  width: 91.666667%;
}
.dark-mode .min-w-11on12 {
  min-width: 91.666667%;
}
.dark-mode .max-w-11on12 {
  max-width: 91.666667%;
}
.dark-mode .w-screen {
  width: 100vw;
}
.dark-mode .min-w-screen {
  min-width: 100vw;
}
.dark-mode .max-w-screen {
  max-width: 100vw;
}
.dark-mode .w-full, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .dark-mode .info-cell {
  width: 100%;
}
.dark-mode .min-w-full {
  min-width: 100%;
}
.dark-mode .max-w-full {
  max-width: 100%;
}
.dark-mode .w-fit {
  width: fit-content;
}
.dark-mode .min-w-fit {
  min-width: fit-content;
}
.dark-mode .max-w-fit {
  max-width: fit-content;
}
.dark-mode .w-min {
  width: min-content;
}
.dark-mode .min-w-min {
  min-width: min-content;
}
.dark-mode .max-w-min {
  max-width: min-content;
}
.dark-mode .w-max {
  width: max-content;
}
.dark-mode .min-w-max {
  min-width: max-content;
}
.dark-mode .max-w-max {
  max-width: max-content;
}
.dark-mode .h-0 {
  height: 0px;
}
.dark-mode .min-h-0 {
  min-height: 0px;
}
.dark-mode .max-h-0 {
  max-height: 0px;
}
.dark-mode .h-0-5 {
  height: 0.125rem;
}
.dark-mode .min-h-0-5 {
  min-height: 0.125rem;
}
.dark-mode .max-h-0-5 {
  max-height: 0.125rem;
}
.dark-mode .h-1 {
  height: 0.25rem;
}
.dark-mode .min-h-1 {
  min-height: 0.25rem;
}
.dark-mode .max-h-1 {
  max-height: 0.25rem;
}
.dark-mode .h-1-5 {
  height: 0.375rem;
}
.dark-mode .min-h-1-5 {
  min-height: 0.375rem;
}
.dark-mode .max-h-1-5 {
  max-height: 0.375rem;
}
.dark-mode .h-2 {
  height: 0.5rem;
}
.dark-mode .min-h-2 {
  min-height: 0.5rem;
}
.dark-mode .max-h-2 {
  max-height: 0.5rem;
}
.dark-mode .h-2-5 {
  height: 0.625rem;
}
.dark-mode .min-h-2-5 {
  min-height: 0.625rem;
}
.dark-mode .max-h-2-5 {
  max-height: 0.625rem;
}
.dark-mode .h-3 {
  height: 0.75rem;
}
.dark-mode .min-h-3 {
  min-height: 0.75rem;
}
.dark-mode .max-h-3 {
  max-height: 0.75rem;
}
.dark-mode .h-3-5 {
  height: 0.875rem;
}
.dark-mode .min-h-3-5 {
  min-height: 0.875rem;
}
.dark-mode .max-h-3-5 {
  max-height: 0.875rem;
}
.dark-mode .h-4 {
  height: 1rem;
}
.dark-mode .min-h-4 {
  min-height: 1rem;
}
.dark-mode .max-h-4 {
  max-height: 1rem;
}
.dark-mode .h-5 {
  height: 1.25rem;
}
.dark-mode .min-h-5 {
  min-height: 1.25rem;
}
.dark-mode .max-h-5 {
  max-height: 1.25rem;
}
.dark-mode .h-6 {
  height: 1.5rem;
}
.dark-mode .min-h-6 {
  min-height: 1.5rem;
}
.dark-mode .max-h-6 {
  max-height: 1.5rem;
}
.dark-mode .h-7 {
  height: 1.75rem;
}
.dark-mode .min-h-7 {
  min-height: 1.75rem;
}
.dark-mode .max-h-7 {
  max-height: 1.75rem;
}
.dark-mode .h-8 {
  height: 2rem;
}
.dark-mode .min-h-8 {
  min-height: 2rem;
}
.dark-mode .max-h-8 {
  max-height: 2rem;
}
.dark-mode .h-9 {
  height: 2.25rem;
}
.dark-mode .min-h-9 {
  min-height: 2.25rem;
}
.dark-mode .max-h-9 {
  max-height: 2.25rem;
}
.dark-mode .h-10 {
  height: 2.5rem;
}
.dark-mode .min-h-10 {
  min-height: 2.5rem;
}
.dark-mode .max-h-10 {
  max-height: 2.5rem;
}
.dark-mode .h-11 {
  height: 2.75rem;
}
.dark-mode .min-h-11 {
  min-height: 2.75rem;
}
.dark-mode .max-h-11 {
  max-height: 2.75rem;
}
.dark-mode .h-12 {
  height: 3rem;
}
.dark-mode .min-h-12 {
  min-height: 3rem;
}
.dark-mode .max-h-12 {
  max-height: 3rem;
}
.dark-mode .h-14 {
  height: 3.5rem;
}
.dark-mode .min-h-14 {
  min-height: 3.5rem;
}
.dark-mode .max-h-14 {
  max-height: 3.5rem;
}
.dark-mode .h-16 {
  height: 4rem;
}
.dark-mode .min-h-16 {
  min-height: 4rem;
}
.dark-mode .max-h-16 {
  max-height: 4rem;
}
.dark-mode .h-20 {
  height: 5rem;
}
.dark-mode .min-h-20 {
  min-height: 5rem;
}
.dark-mode .max-h-20 {
  max-height: 5rem;
}
.dark-mode .h-24 {
  height: 6rem;
}
.dark-mode .min-h-24 {
  min-height: 6rem;
}
.dark-mode .max-h-24 {
  max-height: 6rem;
}
.dark-mode .h-28 {
  height: 7rem;
}
.dark-mode .min-h-28 {
  min-height: 7rem;
}
.dark-mode .max-h-28 {
  max-height: 7rem;
}
.dark-mode .h-32 {
  height: 8rem;
}
.dark-mode .min-h-32 {
  min-height: 8rem;
}
.dark-mode .max-h-32 {
  max-height: 8rem;
}
.dark-mode .h-36 {
  height: 9rem;
}
.dark-mode .min-h-36 {
  min-height: 9rem;
}
.dark-mode .max-h-36 {
  max-height: 9rem;
}
.dark-mode .h-40 {
  height: 10rem;
}
.dark-mode .min-h-40 {
  min-height: 10rem;
}
.dark-mode .max-h-40 {
  max-height: 10rem;
}
.dark-mode .h-44 {
  height: 11rem;
}
.dark-mode .min-h-44 {
  min-height: 11rem;
}
.dark-mode .max-h-44 {
  max-height: 11rem;
}
.dark-mode .h-48 {
  height: 12rem;
}
.dark-mode .min-h-48 {
  min-height: 12rem;
}
.dark-mode .max-h-48 {
  max-height: 12rem;
}
.dark-mode .h-52 {
  height: 13rem;
}
.dark-mode .min-h-52 {
  min-height: 13rem;
}
.dark-mode .max-h-52 {
  max-height: 13rem;
}
.dark-mode .h-56 {
  height: 13rem;
}
.dark-mode .min-h-56 {
  min-height: 13rem;
}
.dark-mode .max-h-56 {
  max-height: 13rem;
}
.dark-mode .h-60 {
  height: 15rem;
}
.dark-mode .min-h-60 {
  min-height: 15rem;
}
.dark-mode .max-h-60 {
  max-height: 15rem;
}
.dark-mode .h-64 {
  height: 16rem;
}
.dark-mode .min-h-64 {
  min-height: 16rem;
}
.dark-mode .max-h-64 {
  max-height: 16rem;
}
.dark-mode .h-72 {
  height: 18rem;
}
.dark-mode .min-h-72 {
  min-height: 18rem;
}
.dark-mode .max-h-72 {
  max-height: 18rem;
}
.dark-mode .h-80 {
  height: 20rem;
}
.dark-mode .min-h-80 {
  min-height: 20rem;
}
.dark-mode .max-h-80 {
  max-height: 20rem;
}
.dark-mode .h-96 {
  height: 24rem;
}
.dark-mode .min-h-96 {
  min-height: 24rem;
}
.dark-mode .max-h-96 {
  max-height: 24rem;
}
.dark-mode .h-100 {
  height: 28rem;
}
.dark-mode .min-h-100 {
  min-height: 28rem;
}
.dark-mode .max-h-100 {
  max-height: 28rem;
}
.dark-mode .h-auto {
  height: auto;
}
.dark-mode .min-h-auto {
  min-height: auto;
}
.dark-mode .max-h-auto {
  max-height: auto;
}
.dark-mode .h-1on2 {
  height: 50%;
}
.dark-mode .min-h-1on2 {
  min-height: 50%;
}
.dark-mode .max-h-1on2 {
  max-height: 50%;
}
.dark-mode .h-1on3 {
  height: 33.333333%;
}
.dark-mode .min-h-1on3 {
  min-height: 33.333333%;
}
.dark-mode .max-h-1on3 {
  max-height: 33.333333%;
}
.dark-mode .h-2on3 {
  height: 66.666667%;
}
.dark-mode .min-h-2on3 {
  min-height: 66.666667%;
}
.dark-mode .max-h-2on3 {
  max-height: 66.666667%;
}
.dark-mode .h-1on4 {
  height: 25%;
}
.dark-mode .min-h-1on4 {
  min-height: 25%;
}
.dark-mode .max-h-1on4 {
  max-height: 25%;
}
.dark-mode .h-2on4 {
  height: 50%;
}
.dark-mode .min-h-2on4 {
  min-height: 50%;
}
.dark-mode .max-h-2on4 {
  max-height: 50%;
}
.dark-mode .h-3on4 {
  height: 75%;
}
.dark-mode .min-h-3on4 {
  min-height: 75%;
}
.dark-mode .max-h-3on4 {
  max-height: 75%;
}
.dark-mode .h-1on5 {
  height: 20%;
}
.dark-mode .min-h-1on5 {
  min-height: 20%;
}
.dark-mode .max-h-1on5 {
  max-height: 20%;
}
.dark-mode .h-2on5 {
  height: 40%;
}
.dark-mode .min-h-2on5 {
  min-height: 40%;
}
.dark-mode .max-h-2on5 {
  max-height: 40%;
}
.dark-mode .h-3on5 {
  height: 60%;
}
.dark-mode .min-h-3on5 {
  min-height: 60%;
}
.dark-mode .max-h-3on5 {
  max-height: 60%;
}
.dark-mode .h-4on5 {
  height: 80%;
}
.dark-mode .min-h-4on5 {
  min-height: 80%;
}
.dark-mode .max-h-4on5 {
  max-height: 80%;
}
.dark-mode .h-1on6 {
  height: 16.666667%;
}
.dark-mode .min-h-1on6 {
  min-height: 16.666667%;
}
.dark-mode .max-h-1on6 {
  max-height: 16.666667%;
}
.dark-mode .h-2on6 {
  height: 33.333333%;
}
.dark-mode .min-h-2on6 {
  min-height: 33.333333%;
}
.dark-mode .max-h-2on6 {
  max-height: 33.333333%;
}
.dark-mode .h-3on6 {
  height: 50%;
}
.dark-mode .min-h-3on6 {
  min-height: 50%;
}
.dark-mode .max-h-3on6 {
  max-height: 50%;
}
.dark-mode .h-4on6 {
  height: 66.666667%;
}
.dark-mode .min-h-4on6 {
  min-height: 66.666667%;
}
.dark-mode .max-h-4on6 {
  max-height: 66.666667%;
}
.dark-mode .h-5on6 {
  height: 83.333333%;
}
.dark-mode .min-h-5on6 {
  min-height: 83.333333%;
}
.dark-mode .max-h-5on6 {
  max-height: 83.333333%;
}
.dark-mode .h-1on12 {
  height: 8.333333%;
}
.dark-mode .min-h-1on12 {
  min-height: 8.333333%;
}
.dark-mode .max-h-1on12 {
  max-height: 8.333333%;
}
.dark-mode .h-2on12 {
  height: 16.666667%;
}
.dark-mode .min-h-2on12 {
  min-height: 16.666667%;
}
.dark-mode .max-h-2on12 {
  max-height: 16.666667%;
}
.dark-mode .h-3on12 {
  height: 25%;
}
.dark-mode .min-h-3on12 {
  min-height: 25%;
}
.dark-mode .max-h-3on12 {
  max-height: 25%;
}
.dark-mode .h-4on12 {
  height: 33.333333%;
}
.dark-mode .min-h-4on12 {
  min-height: 33.333333%;
}
.dark-mode .max-h-4on12 {
  max-height: 33.333333%;
}
.dark-mode .h-5on12 {
  height: 41.666667%;
}
.dark-mode .min-h-5on12 {
  min-height: 41.666667%;
}
.dark-mode .max-h-5on12 {
  max-height: 41.666667%;
}
.dark-mode .h-6on12 {
  height: 50%;
}
.dark-mode .min-h-6on12 {
  min-height: 50%;
}
.dark-mode .max-h-6on12 {
  max-height: 50%;
}
.dark-mode .h-7on12 {
  height: 58.333333%;
}
.dark-mode .min-h-7on12 {
  min-height: 58.333333%;
}
.dark-mode .max-h-7on12 {
  max-height: 58.333333%;
}
.dark-mode .h-8on12 {
  height: 66.666667%;
}
.dark-mode .min-h-8on12 {
  min-height: 66.666667%;
}
.dark-mode .max-h-8on12 {
  max-height: 66.666667%;
}
.dark-mode .h-9on12 {
  height: 75%;
}
.dark-mode .min-h-9on12 {
  min-height: 75%;
}
.dark-mode .max-h-9on12 {
  max-height: 75%;
}
.dark-mode .h-10on12 {
  height: 83.333333%;
}
.dark-mode .min-h-10on12 {
  min-height: 83.333333%;
}
.dark-mode .max-h-10on12 {
  max-height: 83.333333%;
}
.dark-mode .h-11on12 {
  height: 91.666667%;
}
.dark-mode .min-h-11on12 {
  min-height: 91.666667%;
}
.dark-mode .max-h-11on12 {
  max-height: 91.666667%;
}
.dark-mode .h-screen {
  height: 100vw;
}
.dark-mode .min-h-screen {
  min-height: 100vw;
}
.dark-mode .max-h-screen {
  max-height: 100vw;
}
.dark-mode .h-full {
  height: 100%;
}
.dark-mode .min-h-full {
  min-height: 100%;
}
.dark-mode .max-h-full {
  max-height: 100%;
}
.dark-mode .h-fit {
  height: fit-content;
}
.dark-mode .min-h-fit {
  min-height: fit-content;
}
.dark-mode .max-h-fit {
  max-height: fit-content;
}
.dark-mode .h-min {
  height: min-content;
}
.dark-mode .min-h-min {
  min-height: min-content;
}
.dark-mode .max-h-min {
  max-height: min-content;
}
.dark-mode .h-max {
  height: max-content;
}
.dark-mode .min-h-max {
  min-height: max-content;
}
.dark-mode .max-h-max {
  max-height: max-content;
}
.dark-mode .m-0 {
  margin: 0;
}
.dark-mode .mt-0,
.dark-mode .my-0 {
  margin-top: 0;
}
.dark-mode .mr-0,
.dark-mode .mx-0 {
  margin-right: 0;
}
.dark-mode .mb-0,
.dark-mode .my-0 {
  margin-bottom: 0;
}
.dark-mode .ml-0,
.dark-mode .mx-0 {
  margin-left: 0;
}
.dark-mode .mbls-0,
.dark-mode .mbl-0 {
  margin-block-start: 0;
}
.dark-mode .mble-0,
.dark-mode .mbl-0 {
  margin-block-end: 0;
}
.dark-mode .mins-0,
.dark-mode .min-0 {
  margin-inline-start: 0;
}
.dark-mode .mine-0,
.dark-mode .min-0 {
  margin-inline-end: 0;
}
.dark-mode .p-0 {
  padding: 0;
}
.dark-mode .pt-0,
.dark-mode .py-0 {
  padding-top: 0;
}
.dark-mode .pr-0,
.dark-mode .px-0 {
  padding-right: 0;
}
.dark-mode .pb-0,
.dark-mode .py-0 {
  padding-bottom: 0;
}
.dark-mode .pl-0,
.dark-mode .px-0 {
  padding-left: 0;
}
.dark-mode .pbls-0,
.dark-mode .pbl-0 {
  padding-block-start: 0;
}
.dark-mode .pble-0,
.dark-mode .pbl-0 {
  padding-block-end: 0;
}
.dark-mode .pins-0,
.dark-mode .pin-0 {
  padding-inline-start: 0;
}
.dark-mode .pine-0,
.dark-mode .pin-0 {
  padding-inline-end: 0;
}
.dark-mode .m-1 {
  margin: 4px;
}
.dark-mode .mt-1,
.dark-mode .my-1 {
  margin-top: 4px;
}
.dark-mode .mr-1,
.dark-mode .mx-1 {
  margin-right: 4px;
}
.dark-mode .mb-1,
.dark-mode .my-1 {
  margin-bottom: 4px;
}
.dark-mode .ml-1,
.dark-mode .mx-1 {
  margin-left: 4px;
}
.dark-mode .mbls-1,
.dark-mode .mbl-1 {
  margin-block-start: 4px;
}
.dark-mode .mble-1,
.dark-mode .mbl-1 {
  margin-block-end: 4px;
}
.dark-mode .mins-1,
.dark-mode .min-1 {
  margin-inline-start: 4px;
}
.dark-mode .mine-1,
.dark-mode .min-1 {
  margin-inline-end: 4px;
}
.dark-mode .p-1 {
  padding: 4px;
}
.dark-mode .pt-1,
.dark-mode .py-1 {
  padding-top: 4px;
}
.dark-mode .pr-1,
.dark-mode .px-1 {
  padding-right: 4px;
}
.dark-mode .pb-1,
.dark-mode .py-1 {
  padding-bottom: 4px;
}
.dark-mode .pl-1,
.dark-mode .px-1 {
  padding-left: 4px;
}
.dark-mode .pbls-1,
.dark-mode .pbl-1 {
  padding-block-start: 4px;
}
.dark-mode .pble-1,
.dark-mode .pbl-1 {
  padding-block-end: 4px;
}
.dark-mode .pins-1,
.dark-mode .pin-1 {
  padding-inline-start: 4px;
}
.dark-mode .pine-1,
.dark-mode .pin-1 {
  padding-inline-end: 4px;
}
.dark-mode .m-2 {
  margin: 8px;
}
.dark-mode .mt-2,
.dark-mode .my-2 {
  margin-top: 8px;
}
.dark-mode .mr-2,
.dark-mode .mx-2 {
  margin-right: 8px;
}
.dark-mode .mb-2, .dark-mode h4,
.dark-mode .my-2 {
  margin-bottom: 8px;
}
.dark-mode .ml-2,
.dark-mode .mx-2 {
  margin-left: 8px;
}
.dark-mode .mbls-2,
.dark-mode .mbl-2 {
  margin-block-start: 8px;
}
.dark-mode .mble-2,
.dark-mode .mbl-2 {
  margin-block-end: 8px;
}
.dark-mode .mins-2,
.dark-mode .min-2 {
  margin-inline-start: 8px;
}
.dark-mode .mine-2,
.dark-mode .min-2 {
  margin-inline-end: 8px;
}
.dark-mode .p-2, .dark-mode .system-device-info .info-line .info-cell, .system-device-info .info-line .dark-mode .info-cell {
  padding: 8px;
}
.dark-mode .pt-2,
.dark-mode .py-2,
.dark-mode .system-device-info .info-header,
.system-device-info .dark-mode .info-header {
  padding-top: 8px;
}
.dark-mode .pr-2,
.dark-mode .px-2 {
  padding-right: 8px;
}
.dark-mode .pb-2,
.dark-mode .py-2,
.dark-mode .system-device-info .info-header,
.system-device-info .dark-mode .info-header {
  padding-bottom: 8px;
}
.dark-mode .pl-2,
.dark-mode .px-2 {
  padding-left: 8px;
}
.dark-mode .pbls-2,
.dark-mode .pbl-2 {
  padding-block-start: 8px;
}
.dark-mode .pble-2,
.dark-mode .pbl-2 {
  padding-block-end: 8px;
}
.dark-mode .pins-2,
.dark-mode .pin-2 {
  padding-inline-start: 8px;
}
.dark-mode .pine-2,
.dark-mode .pin-2 {
  padding-inline-end: 8px;
}
.dark-mode .m-3 {
  margin: 16px;
}
.dark-mode .mt-3,
.dark-mode .my-3 {
  margin-top: 16px;
}
.dark-mode .mr-3,
.dark-mode .mx-3 {
  margin-right: 16px;
}
.dark-mode .mb-3,
.dark-mode .my-3 {
  margin-bottom: 16px;
}
.dark-mode .ml-3,
.dark-mode .mx-3 {
  margin-left: 16px;
}
.dark-mode .mbls-3,
.dark-mode .mbl-3 {
  margin-block-start: 16px;
}
.dark-mode .mble-3,
.dark-mode .mbl-3 {
  margin-block-end: 16px;
}
.dark-mode .mins-3,
.dark-mode .min-3 {
  margin-inline-start: 16px;
}
.dark-mode .mine-3,
.dark-mode .min-3 {
  margin-inline-end: 16px;
}
.dark-mode .p-3 {
  padding: 16px;
}
.dark-mode .pt-3,
.dark-mode .py-3 {
  padding-top: 16px;
}
.dark-mode .pr-3,
.dark-mode .px-3 {
  padding-right: 16px;
}
.dark-mode .pb-3,
.dark-mode .py-3 {
  padding-bottom: 16px;
}
.dark-mode .pl-3,
.dark-mode .px-3 {
  padding-left: 16px;
}
.dark-mode .pbls-3,
.dark-mode .pbl-3 {
  padding-block-start: 16px;
}
.dark-mode .pble-3,
.dark-mode .pbl-3 {
  padding-block-end: 16px;
}
.dark-mode .pins-3,
.dark-mode .pin-3 {
  padding-inline-start: 16px;
}
.dark-mode .pine-3,
.dark-mode .pin-3 {
  padding-inline-end: 16px;
}
.dark-mode .m-4 {
  margin: 24px;
}
.dark-mode .mt-4,
.dark-mode .my-4 {
  margin-top: 24px;
}
.dark-mode .mr-4,
.dark-mode .mx-4 {
  margin-right: 24px;
}
.dark-mode .mb-4,
.dark-mode .my-4 {
  margin-bottom: 24px;
}
.dark-mode .ml-4,
.dark-mode .mx-4 {
  margin-left: 24px;
}
.dark-mode .mbls-4,
.dark-mode .mbl-4 {
  margin-block-start: 24px;
}
.dark-mode .mble-4,
.dark-mode .mbl-4 {
  margin-block-end: 24px;
}
.dark-mode .mins-4,
.dark-mode .min-4 {
  margin-inline-start: 24px;
}
.dark-mode .mine-4,
.dark-mode .min-4 {
  margin-inline-end: 24px;
}
.dark-mode .p-4 {
  padding: 24px;
}
.dark-mode .pt-4,
.dark-mode .py-4 {
  padding-top: 24px;
}
.dark-mode .pr-4,
.dark-mode .px-4,
.dark-mode .system-device-info .info-header,
.system-device-info .dark-mode .info-header {
  padding-right: 24px;
}
.dark-mode .pb-4,
.dark-mode .py-4 {
  padding-bottom: 24px;
}
.dark-mode .pl-4,
.dark-mode .px-4,
.dark-mode .system-device-info .info-header,
.system-device-info .dark-mode .info-header {
  padding-left: 24px;
}
.dark-mode .pbls-4,
.dark-mode .pbl-4 {
  padding-block-start: 24px;
}
.dark-mode .pble-4,
.dark-mode .pbl-4 {
  padding-block-end: 24px;
}
.dark-mode .pins-4,
.dark-mode .pin-4 {
  padding-inline-start: 24px;
}
.dark-mode .pine-4,
.dark-mode .pin-4 {
  padding-inline-end: 24px;
}
.dark-mode .m-5 {
  margin: 32px;
}
.dark-mode .mt-5,
.dark-mode .my-5 {
  margin-top: 32px;
}
.dark-mode .mr-5,
.dark-mode .mx-5 {
  margin-right: 32px;
}
.dark-mode .mb-5,
.dark-mode .my-5 {
  margin-bottom: 32px;
}
.dark-mode .ml-5,
.dark-mode .mx-5 {
  margin-left: 32px;
}
.dark-mode .mbls-5,
.dark-mode .mbl-5 {
  margin-block-start: 32px;
}
.dark-mode .mble-5,
.dark-mode .mbl-5 {
  margin-block-end: 32px;
}
.dark-mode .mins-5,
.dark-mode .min-5 {
  margin-inline-start: 32px;
}
.dark-mode .mine-5,
.dark-mode .min-5 {
  margin-inline-end: 32px;
}
.dark-mode .p-5 {
  padding: 32px;
}
.dark-mode .pt-5,
.dark-mode .py-5 {
  padding-top: 32px;
}
.dark-mode .pr-5,
.dark-mode .px-5 {
  padding-right: 32px;
}
.dark-mode .pb-5,
.dark-mode .py-5 {
  padding-bottom: 32px;
}
.dark-mode .pl-5,
.dark-mode .px-5 {
  padding-left: 32px;
}
.dark-mode .pbls-5,
.dark-mode .pbl-5 {
  padding-block-start: 32px;
}
.dark-mode .pble-5,
.dark-mode .pbl-5 {
  padding-block-end: 32px;
}
.dark-mode .pins-5,
.dark-mode .pin-5 {
  padding-inline-start: 32px;
}
.dark-mode .pine-5,
.dark-mode .pin-5 {
  padding-inline-end: 32px;
}
.dark-mode .m-6 {
  margin: 40px;
}
.dark-mode .mt-6,
.dark-mode .my-6 {
  margin-top: 40px;
}
.dark-mode .mr-6,
.dark-mode .mx-6 {
  margin-right: 40px;
}
.dark-mode .mb-6,
.dark-mode .my-6 {
  margin-bottom: 40px;
}
.dark-mode .ml-6,
.dark-mode .mx-6 {
  margin-left: 40px;
}
.dark-mode .mbls-6,
.dark-mode .mbl-6 {
  margin-block-start: 40px;
}
.dark-mode .mble-6,
.dark-mode .mbl-6 {
  margin-block-end: 40px;
}
.dark-mode .mins-6,
.dark-mode .min-6 {
  margin-inline-start: 40px;
}
.dark-mode .mine-6,
.dark-mode .min-6 {
  margin-inline-end: 40px;
}
.dark-mode .p-6 {
  padding: 40px;
}
.dark-mode .pt-6,
.dark-mode .py-6 {
  padding-top: 40px;
}
.dark-mode .pr-6,
.dark-mode .px-6 {
  padding-right: 40px;
}
.dark-mode .pb-6,
.dark-mode .py-6 {
  padding-bottom: 40px;
}
.dark-mode .pl-6,
.dark-mode .px-6 {
  padding-left: 40px;
}
.dark-mode .pbls-6,
.dark-mode .pbl-6 {
  padding-block-start: 40px;
}
.dark-mode .pble-6,
.dark-mode .pbl-6 {
  padding-block-end: 40px;
}
.dark-mode .pins-6,
.dark-mode .pin-6 {
  padding-inline-start: 40px;
}
.dark-mode .pine-6,
.dark-mode .pin-6 {
  padding-inline-end: 40px;
}
.dark-mode .m-7 {
  margin: 48px;
}
.dark-mode .mt-7,
.dark-mode .my-7 {
  margin-top: 48px;
}
.dark-mode .mr-7,
.dark-mode .mx-7 {
  margin-right: 48px;
}
.dark-mode .mb-7,
.dark-mode .my-7 {
  margin-bottom: 48px;
}
.dark-mode .ml-7,
.dark-mode .mx-7 {
  margin-left: 48px;
}
.dark-mode .mbls-7,
.dark-mode .mbl-7 {
  margin-block-start: 48px;
}
.dark-mode .mble-7,
.dark-mode .mbl-7 {
  margin-block-end: 48px;
}
.dark-mode .mins-7,
.dark-mode .min-7 {
  margin-inline-start: 48px;
}
.dark-mode .mine-7,
.dark-mode .min-7 {
  margin-inline-end: 48px;
}
.dark-mode .p-7 {
  padding: 48px;
}
.dark-mode .pt-7,
.dark-mode .py-7 {
  padding-top: 48px;
}
.dark-mode .pr-7,
.dark-mode .px-7 {
  padding-right: 48px;
}
.dark-mode .pb-7,
.dark-mode .py-7 {
  padding-bottom: 48px;
}
.dark-mode .pl-7,
.dark-mode .px-7 {
  padding-left: 48px;
}
.dark-mode .pbls-7,
.dark-mode .pbl-7 {
  padding-block-start: 48px;
}
.dark-mode .pble-7,
.dark-mode .pbl-7 {
  padding-block-end: 48px;
}
.dark-mode .pins-7,
.dark-mode .pin-7 {
  padding-inline-start: 48px;
}
.dark-mode .pine-7,
.dark-mode .pin-7 {
  padding-inline-end: 48px;
}
.dark-mode .m-8 {
  margin: 56px;
}
.dark-mode .mt-8,
.dark-mode .my-8 {
  margin-top: 56px;
}
.dark-mode .mr-8,
.dark-mode .mx-8 {
  margin-right: 56px;
}
.dark-mode .mb-8,
.dark-mode .my-8 {
  margin-bottom: 56px;
}
.dark-mode .ml-8,
.dark-mode .mx-8 {
  margin-left: 56px;
}
.dark-mode .mbls-8,
.dark-mode .mbl-8 {
  margin-block-start: 56px;
}
.dark-mode .mble-8,
.dark-mode .mbl-8 {
  margin-block-end: 56px;
}
.dark-mode .mins-8,
.dark-mode .min-8 {
  margin-inline-start: 56px;
}
.dark-mode .mine-8,
.dark-mode .min-8 {
  margin-inline-end: 56px;
}
.dark-mode .p-8 {
  padding: 56px;
}
.dark-mode .pt-8,
.dark-mode .py-8 {
  padding-top: 56px;
}
.dark-mode .pr-8,
.dark-mode .px-8 {
  padding-right: 56px;
}
.dark-mode .pb-8,
.dark-mode .py-8 {
  padding-bottom: 56px;
}
.dark-mode .pl-8,
.dark-mode .px-8 {
  padding-left: 56px;
}
.dark-mode .pbls-8,
.dark-mode .pbl-8 {
  padding-block-start: 56px;
}
.dark-mode .pble-8,
.dark-mode .pbl-8 {
  padding-block-end: 56px;
}
.dark-mode .pins-8,
.dark-mode .pin-8 {
  padding-inline-start: 56px;
}
.dark-mode .pine-8,
.dark-mode .pin-8 {
  padding-inline-end: 56px;
}
.dark-mode .m-9 {
  margin: 64px;
}
.dark-mode .mt-9,
.dark-mode .my-9 {
  margin-top: 64px;
}
.dark-mode .mr-9,
.dark-mode .mx-9 {
  margin-right: 64px;
}
.dark-mode .mb-9,
.dark-mode .my-9 {
  margin-bottom: 64px;
}
.dark-mode .ml-9,
.dark-mode .mx-9 {
  margin-left: 64px;
}
.dark-mode .mbls-9,
.dark-mode .mbl-9 {
  margin-block-start: 64px;
}
.dark-mode .mble-9,
.dark-mode .mbl-9 {
  margin-block-end: 64px;
}
.dark-mode .mins-9,
.dark-mode .min-9 {
  margin-inline-start: 64px;
}
.dark-mode .mine-9,
.dark-mode .min-9 {
  margin-inline-end: 64px;
}
.dark-mode .p-9 {
  padding: 64px;
}
.dark-mode .pt-9,
.dark-mode .py-9 {
  padding-top: 64px;
}
.dark-mode .pr-9,
.dark-mode .px-9 {
  padding-right: 64px;
}
.dark-mode .pb-9,
.dark-mode .py-9 {
  padding-bottom: 64px;
}
.dark-mode .pl-9,
.dark-mode .px-9 {
  padding-left: 64px;
}
.dark-mode .pbls-9,
.dark-mode .pbl-9 {
  padding-block-start: 64px;
}
.dark-mode .pble-9,
.dark-mode .pbl-9 {
  padding-block-end: 64px;
}
.dark-mode .pins-9,
.dark-mode .pin-9 {
  padding-inline-start: 64px;
}
.dark-mode .pine-9,
.dark-mode .pin-9 {
  padding-inline-end: 64px;
}
.dark-mode .m-10 {
  margin: 72px;
}
.dark-mode .mt-10,
.dark-mode .my-10 {
  margin-top: 72px;
}
.dark-mode .mr-10,
.dark-mode .mx-10 {
  margin-right: 72px;
}
.dark-mode .mb-10,
.dark-mode .my-10 {
  margin-bottom: 72px;
}
.dark-mode .ml-10,
.dark-mode .mx-10 {
  margin-left: 72px;
}
.dark-mode .mbls-10,
.dark-mode .mbl-10 {
  margin-block-start: 72px;
}
.dark-mode .mble-10,
.dark-mode .mbl-10 {
  margin-block-end: 72px;
}
.dark-mode .mins-10,
.dark-mode .min-10 {
  margin-inline-start: 72px;
}
.dark-mode .mine-10,
.dark-mode .min-10 {
  margin-inline-end: 72px;
}
.dark-mode .p-10 {
  padding: 72px;
}
.dark-mode .pt-10,
.dark-mode .py-10 {
  padding-top: 72px;
}
.dark-mode .pr-10,
.dark-mode .px-10 {
  padding-right: 72px;
}
.dark-mode .pb-10,
.dark-mode .py-10 {
  padding-bottom: 72px;
}
.dark-mode .pl-10,
.dark-mode .px-10 {
  padding-left: 72px;
}
.dark-mode .pbls-10,
.dark-mode .pbl-10 {
  padding-block-start: 72px;
}
.dark-mode .pble-10,
.dark-mode .pbl-10 {
  padding-block-end: 72px;
}
.dark-mode .pins-10,
.dark-mode .pin-10 {
  padding-inline-start: 72px;
}
.dark-mode .pine-10,
.dark-mode .pin-10 {
  padding-inline-end: 72px;
}
.dark-mode .m-11 {
  margin: 80px;
}
.dark-mode .mt-11,
.dark-mode .my-11 {
  margin-top: 80px;
}
.dark-mode .mr-11,
.dark-mode .mx-11 {
  margin-right: 80px;
}
.dark-mode .mb-11,
.dark-mode .my-11 {
  margin-bottom: 80px;
}
.dark-mode .ml-11,
.dark-mode .mx-11 {
  margin-left: 80px;
}
.dark-mode .mbls-11,
.dark-mode .mbl-11 {
  margin-block-start: 80px;
}
.dark-mode .mble-11,
.dark-mode .mbl-11 {
  margin-block-end: 80px;
}
.dark-mode .mins-11,
.dark-mode .min-11 {
  margin-inline-start: 80px;
}
.dark-mode .mine-11,
.dark-mode .min-11 {
  margin-inline-end: 80px;
}
.dark-mode .p-11 {
  padding: 80px;
}
.dark-mode .pt-11,
.dark-mode .py-11 {
  padding-top: 80px;
}
.dark-mode .pr-11,
.dark-mode .px-11 {
  padding-right: 80px;
}
.dark-mode .pb-11,
.dark-mode .py-11 {
  padding-bottom: 80px;
}
.dark-mode .pl-11,
.dark-mode .px-11 {
  padding-left: 80px;
}
.dark-mode .pbls-11,
.dark-mode .pbl-11 {
  padding-block-start: 80px;
}
.dark-mode .pble-11,
.dark-mode .pbl-11 {
  padding-block-end: 80px;
}
.dark-mode .pins-11,
.dark-mode .pin-11 {
  padding-inline-start: 80px;
}
.dark-mode .pine-11,
.dark-mode .pin-11 {
  padding-inline-end: 80px;
}
.dark-mode .m-12 {
  margin: 88px;
}
.dark-mode .mt-12,
.dark-mode .my-12 {
  margin-top: 88px;
}
.dark-mode .mr-12,
.dark-mode .mx-12 {
  margin-right: 88px;
}
.dark-mode .mb-12,
.dark-mode .my-12 {
  margin-bottom: 88px;
}
.dark-mode .ml-12,
.dark-mode .mx-12 {
  margin-left: 88px;
}
.dark-mode .mbls-12,
.dark-mode .mbl-12 {
  margin-block-start: 88px;
}
.dark-mode .mble-12,
.dark-mode .mbl-12 {
  margin-block-end: 88px;
}
.dark-mode .mins-12,
.dark-mode .min-12 {
  margin-inline-start: 88px;
}
.dark-mode .mine-12,
.dark-mode .min-12 {
  margin-inline-end: 88px;
}
.dark-mode .p-12 {
  padding: 88px;
}
.dark-mode .pt-12,
.dark-mode .py-12 {
  padding-top: 88px;
}
.dark-mode .pr-12,
.dark-mode .px-12 {
  padding-right: 88px;
}
.dark-mode .pb-12,
.dark-mode .py-12 {
  padding-bottom: 88px;
}
.dark-mode .pl-12,
.dark-mode .px-12 {
  padding-left: 88px;
}
.dark-mode .pbls-12,
.dark-mode .pbl-12 {
  padding-block-start: 88px;
}
.dark-mode .pble-12,
.dark-mode .pbl-12 {
  padding-block-end: 88px;
}
.dark-mode .pins-12,
.dark-mode .pin-12 {
  padding-inline-start: 88px;
}
.dark-mode .pine-12,
.dark-mode .pin-12 {
  padding-inline-end: 88px;
}
.dark-mode .m-13 {
  margin: 96px;
}
.dark-mode .mt-13,
.dark-mode .my-13 {
  margin-top: 96px;
}
.dark-mode .mr-13,
.dark-mode .mx-13 {
  margin-right: 96px;
}
.dark-mode .mb-13,
.dark-mode .my-13 {
  margin-bottom: 96px;
}
.dark-mode .ml-13,
.dark-mode .mx-13 {
  margin-left: 96px;
}
.dark-mode .mbls-13,
.dark-mode .mbl-13 {
  margin-block-start: 96px;
}
.dark-mode .mble-13,
.dark-mode .mbl-13 {
  margin-block-end: 96px;
}
.dark-mode .mins-13,
.dark-mode .min-13 {
  margin-inline-start: 96px;
}
.dark-mode .mine-13,
.dark-mode .min-13 {
  margin-inline-end: 96px;
}
.dark-mode .p-13 {
  padding: 96px;
}
.dark-mode .pt-13,
.dark-mode .py-13 {
  padding-top: 96px;
}
.dark-mode .pr-13,
.dark-mode .px-13 {
  padding-right: 96px;
}
.dark-mode .pb-13,
.dark-mode .py-13 {
  padding-bottom: 96px;
}
.dark-mode .pl-13,
.dark-mode .px-13 {
  padding-left: 96px;
}
.dark-mode .pbls-13,
.dark-mode .pbl-13 {
  padding-block-start: 96px;
}
.dark-mode .pble-13,
.dark-mode .pbl-13 {
  padding-block-end: 96px;
}
.dark-mode .pins-13,
.dark-mode .pin-13 {
  padding-inline-start: 96px;
}
.dark-mode .pine-13,
.dark-mode .pin-13 {
  padding-inline-end: 96px;
}
.dark-mode .m-14 {
  margin: 104px;
}
.dark-mode .mt-14,
.dark-mode .my-14 {
  margin-top: 104px;
}
.dark-mode .mr-14,
.dark-mode .mx-14 {
  margin-right: 104px;
}
.dark-mode .mb-14,
.dark-mode .my-14 {
  margin-bottom: 104px;
}
.dark-mode .ml-14,
.dark-mode .mx-14 {
  margin-left: 104px;
}
.dark-mode .mbls-14,
.dark-mode .mbl-14 {
  margin-block-start: 104px;
}
.dark-mode .mble-14,
.dark-mode .mbl-14 {
  margin-block-end: 104px;
}
.dark-mode .mins-14,
.dark-mode .min-14 {
  margin-inline-start: 104px;
}
.dark-mode .mine-14,
.dark-mode .min-14 {
  margin-inline-end: 104px;
}
.dark-mode .p-14 {
  padding: 104px;
}
.dark-mode .pt-14,
.dark-mode .py-14 {
  padding-top: 104px;
}
.dark-mode .pr-14,
.dark-mode .px-14 {
  padding-right: 104px;
}
.dark-mode .pb-14,
.dark-mode .py-14 {
  padding-bottom: 104px;
}
.dark-mode .pl-14,
.dark-mode .px-14 {
  padding-left: 104px;
}
.dark-mode .pbls-14,
.dark-mode .pbl-14 {
  padding-block-start: 104px;
}
.dark-mode .pble-14,
.dark-mode .pbl-14 {
  padding-block-end: 104px;
}
.dark-mode .pins-14,
.dark-mode .pin-14 {
  padding-inline-start: 104px;
}
.dark-mode .pine-14,
.dark-mode .pin-14 {
  padding-inline-end: 104px;
}
.dark-mode .m-15 {
  margin: 112px;
}
.dark-mode .mt-15,
.dark-mode .my-15 {
  margin-top: 112px;
}
.dark-mode .mr-15,
.dark-mode .mx-15 {
  margin-right: 112px;
}
.dark-mode .mb-15,
.dark-mode .my-15 {
  margin-bottom: 112px;
}
.dark-mode .ml-15,
.dark-mode .mx-15 {
  margin-left: 112px;
}
.dark-mode .mbls-15,
.dark-mode .mbl-15 {
  margin-block-start: 112px;
}
.dark-mode .mble-15,
.dark-mode .mbl-15 {
  margin-block-end: 112px;
}
.dark-mode .mins-15,
.dark-mode .min-15 {
  margin-inline-start: 112px;
}
.dark-mode .mine-15,
.dark-mode .min-15 {
  margin-inline-end: 112px;
}
.dark-mode .p-15 {
  padding: 112px;
}
.dark-mode .pt-15,
.dark-mode .py-15 {
  padding-top: 112px;
}
.dark-mode .pr-15,
.dark-mode .px-15 {
  padding-right: 112px;
}
.dark-mode .pb-15,
.dark-mode .py-15 {
  padding-bottom: 112px;
}
.dark-mode .pl-15,
.dark-mode .px-15 {
  padding-left: 112px;
}
.dark-mode .pbls-15,
.dark-mode .pbl-15 {
  padding-block-start: 112px;
}
.dark-mode .pble-15,
.dark-mode .pbl-15 {
  padding-block-end: 112px;
}
.dark-mode .pins-15,
.dark-mode .pin-15 {
  padding-inline-start: 112px;
}
.dark-mode .pine-15,
.dark-mode .pin-15 {
  padding-inline-end: 112px;
}
.dark-mode .m-16 {
  margin: 120px;
}
.dark-mode .mt-16,
.dark-mode .my-16 {
  margin-top: 120px;
}
.dark-mode .mr-16,
.dark-mode .mx-16 {
  margin-right: 120px;
}
.dark-mode .mb-16,
.dark-mode .my-16 {
  margin-bottom: 120px;
}
.dark-mode .ml-16,
.dark-mode .mx-16 {
  margin-left: 120px;
}
.dark-mode .mbls-16,
.dark-mode .mbl-16 {
  margin-block-start: 120px;
}
.dark-mode .mble-16,
.dark-mode .mbl-16 {
  margin-block-end: 120px;
}
.dark-mode .mins-16,
.dark-mode .min-16 {
  margin-inline-start: 120px;
}
.dark-mode .mine-16,
.dark-mode .min-16 {
  margin-inline-end: 120px;
}
.dark-mode .p-16 {
  padding: 120px;
}
.dark-mode .pt-16,
.dark-mode .py-16 {
  padding-top: 120px;
}
.dark-mode .pr-16,
.dark-mode .px-16 {
  padding-right: 120px;
}
.dark-mode .pb-16,
.dark-mode .py-16 {
  padding-bottom: 120px;
}
.dark-mode .pl-16,
.dark-mode .px-16 {
  padding-left: 120px;
}
.dark-mode .pbls-16,
.dark-mode .pbl-16 {
  padding-block-start: 120px;
}
.dark-mode .pble-16,
.dark-mode .pbl-16 {
  padding-block-end: 120px;
}
.dark-mode .pins-16,
.dark-mode .pin-16 {
  padding-inline-start: 120px;
}
.dark-mode .pine-16,
.dark-mode .pin-16 {
  padding-inline-end: 120px;
}
.dark-mode .m-17 {
  margin: 128px;
}
.dark-mode .mt-17,
.dark-mode .my-17 {
  margin-top: 128px;
}
.dark-mode .mr-17,
.dark-mode .mx-17 {
  margin-right: 128px;
}
.dark-mode .mb-17,
.dark-mode .my-17 {
  margin-bottom: 128px;
}
.dark-mode .ml-17,
.dark-mode .mx-17 {
  margin-left: 128px;
}
.dark-mode .mbls-17,
.dark-mode .mbl-17 {
  margin-block-start: 128px;
}
.dark-mode .mble-17,
.dark-mode .mbl-17 {
  margin-block-end: 128px;
}
.dark-mode .mins-17,
.dark-mode .min-17 {
  margin-inline-start: 128px;
}
.dark-mode .mine-17,
.dark-mode .min-17 {
  margin-inline-end: 128px;
}
.dark-mode .p-17 {
  padding: 128px;
}
.dark-mode .pt-17,
.dark-mode .py-17 {
  padding-top: 128px;
}
.dark-mode .pr-17,
.dark-mode .px-17 {
  padding-right: 128px;
}
.dark-mode .pb-17,
.dark-mode .py-17 {
  padding-bottom: 128px;
}
.dark-mode .pl-17,
.dark-mode .px-17 {
  padding-left: 128px;
}
.dark-mode .pbls-17,
.dark-mode .pbl-17 {
  padding-block-start: 128px;
}
.dark-mode .pble-17,
.dark-mode .pbl-17 {
  padding-block-end: 128px;
}
.dark-mode .pins-17,
.dark-mode .pin-17 {
  padding-inline-start: 128px;
}
.dark-mode .pine-17,
.dark-mode .pin-17 {
  padding-inline-end: 128px;
}
.dark-mode .gap-0 {
  gap: 0px;
}
.dark-mode .gap-x-0 {
  column-gap: 0px;
}
.dark-mode .gap-y-0 {
  row-gap: 0px;
}
.dark-mode .gap-0-5 {
  gap: 0.125rem;
}
.dark-mode .gap-x-0-5 {
  column-gap: 0.125rem;
}
.dark-mode .gap-y-0-5 {
  row-gap: 0.125rem;
}
.dark-mode .gap-1 {
  gap: 0.25rem;
}
.dark-mode .gap-x-1 {
  column-gap: 0.25rem;
}
.dark-mode .gap-y-1 {
  row-gap: 0.25rem;
}
.dark-mode .gap-1-5 {
  gap: 0.375rem;
}
.dark-mode .gap-x-1-5 {
  column-gap: 0.375rem;
}
.dark-mode .gap-y-1-5 {
  row-gap: 0.375rem;
}
.dark-mode .gap-2 {
  gap: 0.5rem;
}
.dark-mode .gap-x-2 {
  column-gap: 0.5rem;
}
.dark-mode .gap-y-2 {
  row-gap: 0.5rem;
}
.dark-mode .gap-2-5 {
  gap: 0.625rem;
}
.dark-mode .gap-x-2-5 {
  column-gap: 0.625rem;
}
.dark-mode .gap-y-2-5 {
  row-gap: 0.625rem;
}
.dark-mode .gap-3 {
  gap: 0.75rem;
}
.dark-mode .gap-x-3 {
  column-gap: 0.75rem;
}
.dark-mode .gap-y-3 {
  row-gap: 0.75rem;
}
.dark-mode .gap-3-5 {
  gap: 0.875rem;
}
.dark-mode .gap-x-3-5 {
  column-gap: 0.875rem;
}
.dark-mode .gap-y-3-5 {
  row-gap: 0.875rem;
}
.dark-mode .gap-4 {
  gap: 1rem;
}
.dark-mode .gap-x-4 {
  column-gap: 1rem;
}
.dark-mode .gap-y-4 {
  row-gap: 1rem;
}
.dark-mode .gap-5 {
  gap: 1.25rem;
}
.dark-mode .gap-x-5 {
  column-gap: 1.25rem;
}
.dark-mode .gap-y-5 {
  row-gap: 1.25rem;
}
.dark-mode .gap-6 {
  gap: 1.5rem;
}
.dark-mode .gap-x-6 {
  column-gap: 1.5rem;
}
.dark-mode .gap-y-6 {
  row-gap: 1.5rem;
}
.dark-mode .gap-7 {
  gap: 1.75rem;
}
.dark-mode .gap-x-7 {
  column-gap: 1.75rem;
}
.dark-mode .gap-y-7 {
  row-gap: 1.75rem;
}
.dark-mode .gap-8 {
  gap: 2rem;
}
.dark-mode .gap-x-8 {
  column-gap: 2rem;
}
.dark-mode .gap-y-8 {
  row-gap: 2rem;
}
.dark-mode .gap-9 {
  gap: 2.25rem;
}
.dark-mode .gap-x-9 {
  column-gap: 2.25rem;
}
.dark-mode .gap-y-9 {
  row-gap: 2.25rem;
}
.dark-mode .gap-10 {
  gap: 2.5rem;
}
.dark-mode .gap-x-10 {
  column-gap: 2.5rem;
}
.dark-mode .gap-y-10 {
  row-gap: 2.5rem;
}
.dark-mode .gap-11 {
  gap: 2.75rem;
}
.dark-mode .gap-x-11 {
  column-gap: 2.75rem;
}
.dark-mode .gap-y-11 {
  row-gap: 2.75rem;
}
.dark-mode .gap-12 {
  gap: 3rem;
}
.dark-mode .gap-x-12 {
  column-gap: 3rem;
}
.dark-mode .gap-y-12 {
  row-gap: 3rem;
}
.dark-mode .gap-14 {
  gap: 3.5rem;
}
.dark-mode .gap-x-14 {
  column-gap: 3.5rem;
}
.dark-mode .gap-y-14 {
  row-gap: 3.5rem;
}
.dark-mode .gap-16 {
  gap: 4rem;
}
.dark-mode .gap-x-16 {
  column-gap: 4rem;
}
.dark-mode .gap-y-16 {
  row-gap: 4rem;
}
.dark-mode .gap-20 {
  gap: 5rem;
}
.dark-mode .gap-x-20 {
  column-gap: 5rem;
}
.dark-mode .gap-y-20 {
  row-gap: 5rem;
}
.dark-mode .gap-24 {
  gap: 6rem;
}
.dark-mode .gap-x-24 {
  column-gap: 6rem;
}
.dark-mode .gap-y-24 {
  row-gap: 6rem;
}
.dark-mode .gap-28 {
  gap: 7rem;
}
.dark-mode .gap-x-28 {
  column-gap: 7rem;
}
.dark-mode .gap-y-28 {
  row-gap: 7rem;
}
.dark-mode .gap-32 {
  gap: 8rem;
}
.dark-mode .gap-x-32 {
  column-gap: 8rem;
}
.dark-mode .gap-y-32 {
  row-gap: 8rem;
}
.dark-mode .gap-36 {
  gap: 9rem;
}
.dark-mode .gap-x-36 {
  column-gap: 9rem;
}
.dark-mode .gap-y-36 {
  row-gap: 9rem;
}
.dark-mode .gap-40 {
  gap: 10rem;
}
.dark-mode .gap-x-40 {
  column-gap: 10rem;
}
.dark-mode .gap-y-40 {
  row-gap: 10rem;
}
.dark-mode .gap-44 {
  gap: 11rem;
}
.dark-mode .gap-x-44 {
  column-gap: 11rem;
}
.dark-mode .gap-y-44 {
  row-gap: 11rem;
}
.dark-mode .gap-48 {
  gap: 12rem;
}
.dark-mode .gap-x-48 {
  column-gap: 12rem;
}
.dark-mode .gap-y-48 {
  row-gap: 12rem;
}
.dark-mode .gap-52 {
  gap: 13rem;
}
.dark-mode .gap-x-52 {
  column-gap: 13rem;
}
.dark-mode .gap-y-52 {
  row-gap: 13rem;
}
.dark-mode .gap-56 {
  gap: 13rem;
}
.dark-mode .gap-x-56 {
  column-gap: 13rem;
}
.dark-mode .gap-y-56 {
  row-gap: 13rem;
}
.dark-mode .gap-60 {
  gap: 15rem;
}
.dark-mode .gap-x-60 {
  column-gap: 15rem;
}
.dark-mode .gap-y-60 {
  row-gap: 15rem;
}
.dark-mode .gap-64 {
  gap: 16rem;
}
.dark-mode .gap-x-64 {
  column-gap: 16rem;
}
.dark-mode .gap-y-64 {
  row-gap: 16rem;
}
.dark-mode .gap-72 {
  gap: 18rem;
}
.dark-mode .gap-x-72 {
  column-gap: 18rem;
}
.dark-mode .gap-y-72 {
  row-gap: 18rem;
}
.dark-mode .gap-80 {
  gap: 20rem;
}
.dark-mode .gap-x-80 {
  column-gap: 20rem;
}
.dark-mode .gap-y-80 {
  row-gap: 20rem;
}
.dark-mode .gap-96 {
  gap: 24rem;
}
.dark-mode .gap-x-96 {
  column-gap: 24rem;
}
.dark-mode .gap-y-96 {
  row-gap: 24rem;
}
.dark-mode .flex {
  display: flex;
}
.dark-mode .block {
  display: block;
}
.dark-mode .grid {
  display: grid;
}
.dark-mode .table {
  display: table;
}
.dark-mode .table-row {
  display: table-row;
}
.dark-mode .table-row-group {
  display: table-row-group;
}
.dark-mode .inline-table {
  display: inline-table;
}
.dark-mode .inline-block {
  display: inline-block;
}
.dark-mode .inline {
  display: inline-flex;
}
.dark-mode .hidden {
  display: none;
}
.dark-mode .justify-start {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.dark-mode .justify-end {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.dark-mode .justify-center {
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.dark-mode .justify-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.dark-mode .justify-around {
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.dark-mode .justify-items-start {
  -webkit-justify-items: start;
  -moz-justify-items: start;
  -ms-justify-items: start;
  justify-items: start;
}
.dark-mode .justify-items-end {
  -webkit-justify-items: end;
  -moz-justify-items: end;
  -ms-justify-items: end;
  justify-items: end;
}
.dark-mode .justify-items-center {
  -webkit-justify-items: center;
  -moz-justify-items: center;
  -ms-justify-items: center;
  justify-items: center;
}
.dark-mode .justify-items-stretch {
  -webkit-justify-items: stretch;
  -moz-justify-items: stretch;
  -ms-justify-items: stretch;
  justify-items: stretch;
}
.dark-mode .justify-self-auto {
  -webkit-justify-self: auto;
  -moz-justify-self: auto;
  -ms-justify-self: auto;
  justify-self: auto;
}
.dark-mode .justify-self-start {
  -webkit-justify-self: start;
  -moz-justify-self: start;
  -ms-justify-self: start;
  justify-self: start;
}
.dark-mode .justify-self-end {
  -webkit-justify-self: end;
  -moz-justify-self: end;
  -ms-justify-self: end;
  justify-self: end;
}
.dark-mode .justify-self-center {
  -webkit-justify-self: center;
  -moz-justify-self: center;
  -ms-justify-self: center;
  justify-self: center;
}
.dark-mode .justify-self-baseline {
  -webkit-justify-self: baseline;
  -moz-justify-self: baseline;
  -ms-justify-self: baseline;
  justify-self: baseline;
}
.dark-mode .justify-self-stretch {
  -webkit-justify-self: stretch;
  -moz-justify-self: stretch;
  -ms-justify-self: stretch;
  justify-self: stretch;
}
.dark-mode .content-start {
  -ms-align-content: flex-start;
  align-content: flex-start;
}
.dark-mode .content-end {
  -ms-align-content: flex-end;
  align-content: flex-end;
}
.dark-mode .content-center {
  -ms-align-content: center;
  align-content: center;
}
.dark-mode .content-between {
  -ms-align-content: space-between;
  align-content: space-between;
}
.dark-mode .content-around {
  -ms-align-content: space-around;
  align-content: space-around;
}
.dark-mode .content-evenly {
  -ms-align-content: space-evenly;
  align-content: space-evenly;
}
.dark-mode .content-baseline {
  -ms-align-content: baseline;
  align-content: baseline;
}
.dark-mode .items-start {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.dark-mode .items-end {
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.dark-mode .items-center {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.dark-mode .items-baseline {
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.dark-mode .items-stretch {
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.dark-mode .self-auto {
  -ms-align-self: auto;
  align-self: auto;
}
.dark-mode .self-start {
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.dark-mode .self-end {
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.dark-mode .self-center {
  -ms-align-self: center;
  align-self: center;
}
.dark-mode .self-baseline {
  -ms-align-self: baseline;
  align-self: baseline;
}
.dark-mode .self-stretch {
  -ms-align-self: stretch;
  align-self: stretch;
}
.dark-mode .place-content-start {
  -webkit-place-content: start;
  -moz-place-content: start;
  -ms-place-content: start;
  place-content: start;
}
.dark-mode .place-content-end {
  -webkit-place-content: end;
  -moz-place-content: end;
  -ms-place-content: end;
  place-content: end;
}
.dark-mode .place-content-center {
  -webkit-place-content: center;
  -moz-place-content: center;
  -ms-place-content: center;
  place-content: center;
}
.dark-mode .place-content-between {
  -webkit-place-content: space-between;
  -moz-place-content: space-between;
  -ms-place-content: space-between;
  place-content: space-between;
}
.dark-mode .place-content-around {
  -webkit-place-content: space-around;
  -moz-place-content: space-around;
  -ms-place-content: space-around;
  place-content: space-around;
}
.dark-mode .place-content-evenly {
  -webkit-place-content: space-evenly;
  -moz-place-content: space-evenly;
  -ms-place-content: space-evenly;
  place-content: space-evenly;
}
.dark-mode .place-content-stretch {
  -webkit-place-content: stretch;
  -moz-place-content: stretch;
  -ms-place-content: stretch;
  place-content: stretch;
}
.dark-mode .place-content-baseline {
  -webkit-place-content: baseline;
  -moz-place-content: baseline;
  -ms-place-content: baseline;
  place-content: baseline;
}
.dark-mode .place-items-start {
  -webkit-place-items: start;
  -moz-place-items: start;
  -ms-place-items: start;
  place-items: start;
}
.dark-mode .place-items-end {
  -webkit-place-items: end;
  -moz-place-items: end;
  -ms-place-items: end;
  place-items: end;
}
.dark-mode .place-items-center {
  -webkit-place-items: center;
  -moz-place-items: center;
  -ms-place-items: center;
  place-items: center;
}
.dark-mode .place-items-baseline {
  -webkit-place-items: baseline;
  -moz-place-items: baseline;
  -ms-place-items: baseline;
  place-items: baseline;
}
.dark-mode .place-items-stretch {
  -webkit-place-items: stretch;
  -moz-place-items: stretch;
  -ms-place-items: stretch;
  place-items: stretch;
}
.dark-mode .place-self-auto {
  -webkit-place-self: auto;
  -moz-place-self: auto;
  place-self: auto;
}
.dark-mode .place-self-start {
  -webkit-place-self: flex-start;
  -moz-place-self: flex-start;
  place-self: flex-start;
}
.dark-mode .place-self-end {
  -webkit-place-self: flex-end;
  -moz-place-self: flex-end;
  place-self: flex-end;
}
.dark-mode .place-self-center {
  -webkit-place-self: center;
  -moz-place-self: center;
  place-self: center;
}
.dark-mode .place-self-stretch {
  -webkit-place-self: stretch;
  -moz-place-self: stretch;
  place-self: stretch;
}
.dark-mode .text-ellipsis {
  text-overflow: ellipsis;
}
.dark-mode .text-clip {
  text-overflow: clip;;
}
.dark-mode .truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dark-mode .overflow-hidden {
  overflow: hidden;
}
.dark-mode .text-left {
  text-align: left;
}
.dark-mode .text-center, .dark-mode .system-device-info .info-line, .dark-mode .system-device-info .info-header, .system-device-info .dark-mode .info-header, .system-device-info .dark-mode .info-line {
  text-align: center;
}
.dark-mode .text-right {
  text-align: right;
}
.dark-mode .text-justify {
  text-align: justify;
}
.dark-mode .text-start {
  text-align: start;
}
.dark-mode .text-end {
  text-align: end;
}
.dark-mode .underline {
  text-decoration: underline;
}
.dark-mode .overline {
  text-decoration: overline;
}
.dark-mode .line-through {
  text-decoration: line-through;
}
.dark-mode .no-underline {
  text-decoration: none;
}
.dark-mode .uppercase {
  text-transform: uppercase;
}
.dark-mode .lowercase {
  text-transform: lowercase;
}
.dark-mode .capitalize {
  text-transform: capitalize;
}
.dark-mode .normal-case {
  text-transform: none;
}
.dark-mode .align-baseline {
  vertical-align: baseline;
}
.dark-mode .align-top {
  vertical-align: top;
}
.dark-mode .align-middle {
  vertical-align: middle;
}
.dark-mode .align-bottom {
  vertical-align: bottom;
}
.dark-mode .align-text-top {
  vertical-align: text-top;
}
.dark-mode .align-text-bottom {
  vertical-align: text-bottom;
}
.dark-mode .align-sub {
  vertical-align: sub;
}
.dark-mode .align-super {
  vertical-align: super;
}
.dark-mode .whitespace-normal {
  white-space: normal;
}
.dark-mode .whitespace-nowrap {
  white-space: nowrap;
}
.dark-mode .whitespace-pre {
  white-space: pre;
}
.dark-mode .whitespace-pre-line {
  white-space: pre-line;
}
.dark-mode .whitespace-pre-wrap {
  white-space: pre-wrap;
}
.dark-mode .whitespace-break-spaces {
  white-space: break-spaces;
}
.dark-mode .break-all {
  word-break: break-all;
}
.dark-mode .break-keep {
  word-break: keep-all;
}
.dark-mode .break-normal {
  overflow-wrap: normal;
  word-break: normal;
}
.dark-mode .break-words {
  overflow-wrap: break-word;
}
.dark-mode .hyphens-none {
  hyphens: none;
}
.dark-mode .hyphens-manual {
  hyphens: manual;
}
.dark-mode .hyphens-auto {
  hyphens: auto;
}
.dark-mode .indent-0 {
  text-indent: 0px;
}
.dark-mode .indent-px {
  text-indent: 1px;
}
.dark-mode .indent-0-5 {
  text-indent: 0.125rem;
}
.dark-mode .indent-1 {
  text-indent: 0.25rem;
}
.dark-mode .indent-1-5 {
  text-indent: 0.375rem;
}
.dark-mode .indent-2 {
  text-indent: 0.5rem;
}
.dark-mode .indent-2-5 {
  text-indent: 0.625rem;
}
.dark-mode .indent-3 {
  text-indent: 0.75rem;
}
.dark-mode .indent-3-5 {
  text-indent: 0.875rem;
}
.dark-mode .indent-4 {
  text-indent: 1rem;
}
.dark-mode .indent-5 {
  text-indent: 1.25rem;
}
.dark-mode .indent-6 {
  text-indent: 1.5rem;
}
.dark-mode .indent-7 {
  text-indent: 1.75rem;
}
.dark-mode .indent-8 {
  text-indent: 2rem;
}
.dark-mode .indent-9 {
  text-indent: 2.25rem;
}
.dark-mode .indent-10 {
  text-indent: 2.5rem;
}
.dark-mode .indent-11 {
  text-indent: 2.75rem;
}
.dark-mode .indent-12 {
  text-indent:  3rem;
}
.dark-mode .indent-14 {
  text-indent: 3.5rem;
}
.dark-mode .indent-16 {
  text-indent: 4rem;
}
.dark-mode .indent-20 {
  text-indent: 5rem;
}
.dark-mode .indent-24 {
  text-indent: 6rem;
}
.dark-mode .indent-28 {
  text-indent: 7rem;
}
.dark-mode .indent-32 {
  text-indent: 8rem;
}
.dark-mode .indent-36 {
  text-indent: 9rem;
}
.dark-mode .indent-40 {
  text-indent: 10rem;
}
.dark-mode .indent-44 {
  text-indent: 11rem;
}
.dark-mode .indent-48 {
  text-indent: 12rem;
}
.dark-mode .indent-52 {
  text-indent: 13rem;
}
.dark-mode .indent-56 {
  text-indent: 14rem;
}
.dark-mode .indent-60 {
  text-indent: 15rem;
}
.dark-mode .indent-64 {
  text-indent: 16rem;
}
.dark-mode .indent-72 {
  text-indent: 18rem;
}
.dark-mode .indent-80 {
  text-indent: 20rem;
}
.dark-mode .indent-96 {
  text-indent: 24rem;
}
.dark-mode .text-xs {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.dark-mode .text-sm {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.dark-mode .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dark-mode .text-lg, .dark-mode .font-title {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.dark-mode .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.dark-mode .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.dark-mode .text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.dark-mode .text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.dark-mode .flag-af {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('af.svg');
}
.dark-mode .flag-al {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('al.svg');
}
.dark-mode .flag-dz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dz.svg');
}
.dark-mode .flag-as {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('as.svg');
}
.dark-mode .flag-ad {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ad.svg');
}
.dark-mode .flag-ao {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ao.svg');
}
.dark-mode .flag-ai {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ai.svg');
}
.dark-mode .flag-ag {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ag.svg');
}
.dark-mode .flag-ar {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ar.svg');
}
.dark-mode .flag-am {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('am.svg');
}
.dark-mode .flag-aw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('aw.svg');
}
.dark-mode .flag-au {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('au.svg');
}
.dark-mode .flag-at {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('at.svg');
}
.dark-mode .flag-az {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('az.svg');
}
.dark-mode .flag-bs {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bs.svg');
}
.dark-mode .flag-bh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bh.svg');
}
.dark-mode .flag-bd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bd.svg');
}
.dark-mode .flag-bb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bb.svg');
}
.dark-mode .flag-by {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('by.svg');
}
.dark-mode .flag-be {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('be.svg');
}
.dark-mode .flag-bz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bz.svg');
}
.dark-mode .flag-bj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bj.svg');
}
.dark-mode .flag-bm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bm.svg');
}
.dark-mode .flag-bt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bt.svg');
}
.dark-mode .flag-bo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bo.svg');
}
.dark-mode .flag-ba {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ba.svg');
}
.dark-mode .flag-bw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bw.svg');
}
.dark-mode .flag-br {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('br.svg');
}
.dark-mode .flag-io {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('io.svg');
}
.dark-mode .flag-vg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vg.svg');
}
.dark-mode .flag-bn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bn.svg');
}
.dark-mode .flag-bg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bg.svg');
}
.dark-mode .flag-bf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bf.svg');
}
.dark-mode .flag-bi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bi.svg');
}
.dark-mode .flag-kh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kh.svg');
}
.dark-mode .flag-cm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cm.svg');
}
.dark-mode .flag-ca {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ca.svg');
}
.dark-mode .flag-cv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cv.svg');
}
.dark-mode .flag-bq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bq.svg');
}
.dark-mode .flag-ky {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ky.svg');
}
.dark-mode .flag-cf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cf.svg');
}
.dark-mode .flag-td {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('td.svg');
}
.dark-mode .flag-cl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cl.svg');
}
.dark-mode .flag-cn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cn.svg');
}
.dark-mode .flag-cx {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cx.svg');
}
.dark-mode .flag-cc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cc.svg');
}
.dark-mode .flag-co {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('co.svg');
}
.dark-mode .flag-km {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('km.svg');
}
.dark-mode .flag-cd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cd.svg');
}
.dark-mode .flag-cg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cg.svg');
}
.dark-mode .flag-ck {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ck.svg');
}
.dark-mode .flag-cr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cr.svg');
}
.dark-mode .flag-ci {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ci.svg');
}
.dark-mode .flag-hr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hr.svg');
}
.dark-mode .flag-cu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cu.svg');
}
.dark-mode .flag-cw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cw.svg');
}
.dark-mode .flag-cy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cy.svg');
}
.dark-mode .flag-cz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('cz.svg');
}
.dark-mode .flag-dk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dk.svg');
}
.dark-mode .flag-dj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dj.svg');
}
.dark-mode .flag-dm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('dm.svg');
}
.dark-mode .flag-do {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('do.svg');
}
.dark-mode .flag-ec {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ec.svg');
}
.dark-mode .flag-eg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('eg.svg');
}
.dark-mode .flag-sv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sv.svg');
}
.dark-mode .flag-gq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gq.svg');
}
.dark-mode .flag-er {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('er.svg');
}
.dark-mode .flag-ee {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ee.svg');
}
.dark-mode .flag-et {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('et.svg');
}
.dark-mode .flag-fk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fk.svg');
}
.dark-mode .flag-fo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fo.svg');
}
.dark-mode .flag-fj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fj.svg');
}
.dark-mode .flag-fi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fi.svg');
}
.dark-mode .flag-fr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fr.svg');
}
.dark-mode .flag-gf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gf.svg');
}
.dark-mode .flag-pf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pf.svg');
}
.dark-mode .flag-ga {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ga.svg');
}
.dark-mode .flag-gm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gm.svg');
}
.dark-mode .flag-ge {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ge.svg');
}
.dark-mode .flag-de {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('de.svg');
}
.dark-mode .flag-gh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gh.svg');
}
.dark-mode .flag-gi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gi.svg');
}
.dark-mode .flag-gr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gr.svg');
}
.dark-mode .flag-gl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gl.svg');
}
.dark-mode .flag-gd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gd.svg');
}
.dark-mode .flag-gp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gp.svg');
}
.dark-mode .flag-gu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gu.svg');
}
.dark-mode .flag-gt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gt.svg');
}
.dark-mode .flag-gg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gg.svg');
}
.dark-mode .flag-gn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gn.svg');
}
.dark-mode .flag-gw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gw.svg');
}
.dark-mode .flag-gy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gy.svg');
}
.dark-mode .flag-ht {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ht.svg');
}
.dark-mode .flag-hn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hn.svg');
}
.dark-mode .flag-hk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hk.svg');
}
.dark-mode .flag-hu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('hu.svg');
}
.dark-mode .flag-is {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('is.svg');
}
.dark-mode .flag-in {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('in.svg');
}
.dark-mode .flag-id {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('id.svg');
}
.dark-mode .flag-ir {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ir.svg');
}
.dark-mode .flag-iq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('iq.svg');
}
.dark-mode .flag-ie {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ie.svg');
}
.dark-mode .flag-im {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('im.svg');
}
.dark-mode .flag-il {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('il.svg');
}
.dark-mode .flag-it {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('it.svg');
}
.dark-mode .flag-jm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('jm.svg');
}
.dark-mode .flag-jp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('jp.svg');
}
.dark-mode .flag-je {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('je.svg');
}
.dark-mode .flag-jo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('jo.svg');
}
.dark-mode .flag-kz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kz.svg');
}
.dark-mode .flag-ke {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ke.svg');
}
.dark-mode .flag-ki {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ki.svg');
}
.dark-mode .flag-xk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('xk.svg');
}
.dark-mode .flag-kw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kw.svg');
}
.dark-mode .flag-kg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kg.svg');
}
.dark-mode .flag-la {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('la.svg');
}
.dark-mode .flag-lv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lv.svg');
}
.dark-mode .flag-lb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lb.svg');
}
.dark-mode .flag-ls {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ls.svg');
}
.dark-mode .flag-lr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lr.svg');
}
.dark-mode .flag-ly {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ly.svg');
}
.dark-mode .flag-li {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('li.svg');
}
.dark-mode .flag-lt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lt.svg');
}
.dark-mode .flag-lu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lu.svg');
}
.dark-mode .flag-mo {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mo.svg');
}
.dark-mode .flag-mk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mk.svg');
}
.dark-mode .flag-mg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mg.svg');
}
.dark-mode .flag-mw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mw.svg');
}
.dark-mode .flag-my {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('my.svg');
}
.dark-mode .flag-mv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mv.svg');
}
.dark-mode .flag-ml {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ml.svg');
}
.dark-mode .flag-mt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mt.svg');
}
.dark-mode .flag-mh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mh.svg');
}
.dark-mode .flag-mq {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mq.svg');
}
.dark-mode .flag-mr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mr.svg');
}
.dark-mode .flag-mu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mu.svg');
}
.dark-mode .flag-yt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('yt.svg');
}
.dark-mode .flag-mx {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mx.svg');
}
.dark-mode .flag-fm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('fm.svg');
}
.dark-mode .flag-md {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('md.svg');
}
.dark-mode .flag-mc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mc.svg');
}
.dark-mode .flag-mn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mn.svg');
}
.dark-mode .flag-me {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('me.svg');
}
.dark-mode .flag-ms {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ms.svg');
}
.dark-mode .flag-ma {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ma.svg');
}
.dark-mode .flag-mz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mz.svg');
}
.dark-mode .flag-mm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mm.svg');
}
.dark-mode .flag-na {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('na.svg');
}
.dark-mode .flag-nr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nr.svg');
}
.dark-mode .flag-np {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('np.svg');
}
.dark-mode .flag-nl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nl.svg');
}
.dark-mode .flag-nc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nc.svg');
}
.dark-mode .flag-nz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nz.svg');
}
.dark-mode .flag-ni {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ni.svg');
}
.dark-mode .flag-ne {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ne.svg');
}
.dark-mode .flag-ng {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ng.svg');
}
.dark-mode .flag-nu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nu.svg');
}
.dark-mode .flag-nf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('nf.svg');
}
.dark-mode .flag-kp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kp.svg');
}
.dark-mode .flag-mp {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mp.svg');
}
.dark-mode .flag-no {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('no.svg');
}
.dark-mode .flag-om {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('om.svg');
}
.dark-mode .flag-pk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pk.svg');
}
.dark-mode .flag-pw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pw.svg');
}
.dark-mode .flag-ps {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ps.svg');
}
.dark-mode .flag-pa {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pa.svg');
}
.dark-mode .flag-pg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pg.svg');
}
.dark-mode .flag-py {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('py.svg');
}
.dark-mode .flag-pe {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pe.svg');
}
.dark-mode .flag-ph {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ph.svg');
}
.dark-mode .flag-pl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pl.svg');
}
.dark-mode .flag-pt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pt.svg');
}
.dark-mode .flag-pr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pr.svg');
}
.dark-mode .flag-qa {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('qa.svg');
}
.dark-mode .flag-re {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('re.svg');
}
.dark-mode .flag-ro {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ro.svg');
}
.dark-mode .flag-ru {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ru.svg');
}
.dark-mode .flag-rw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('rw.svg');
}
.dark-mode .flag-bl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('bl.svg');
}
.dark-mode .flag-sh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sh.svg');
}
.dark-mode .flag-kn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kn.svg');
}
.dark-mode .flag-lc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lc.svg');
}
.dark-mode .flag-mf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('mf.svg');
}
.dark-mode .flag-pm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('pm.svg');
}
.dark-mode .flag-vc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vc.svg');
}
.dark-mode .flag-ws {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ws.svg');
}
.dark-mode .flag-sm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sm.svg');
}
.dark-mode .flag-st {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('st.svg');
}
.dark-mode .flag-sa {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sa.svg');
}
.dark-mode .flag-sn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sn.svg');
}
.dark-mode .flag-rs {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('rs.svg');
}
.dark-mode .flag-sc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sc.svg');
}
.dark-mode .flag-sl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sl.svg');
}
.dark-mode .flag-sg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sg.svg');
}
.dark-mode .flag-sx {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sx.svg');
}
.dark-mode .flag-sk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sk.svg');
}
.dark-mode .flag-si {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('si.svg');
}
.dark-mode .flag-sb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sb.svg');
}
.dark-mode .flag-so {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('so.svg');
}
.dark-mode .flag-za {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('za.svg');
}
.dark-mode .flag-kr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('kr.svg');
}
.dark-mode .flag-ss {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ss.svg');
}
.dark-mode .flag-es {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('es.svg');
}
.dark-mode .flag-lk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('lk.svg');
}
.dark-mode .flag-sd {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sd.svg');
}
.dark-mode .flag-sr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sr.svg');
}
.dark-mode .flag-sj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sj.svg');
}
.dark-mode .flag-sz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sz.svg');
}
.dark-mode .flag-se {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('se.svg');
}
.dark-mode .flag-ch {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ch.svg');
}
.dark-mode .flag-sy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('sy.svg');
}
.dark-mode .flag-tw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tw.svg');
}
.dark-mode .flag-tj {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tj.svg');
}
.dark-mode .flag-tz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tz.svg');
}
.dark-mode .flag-th {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('th.svg');
}
.dark-mode .flag-tl {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tl.svg');
}
.dark-mode .flag-tg {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tg.svg');
}
.dark-mode .flag-tk {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tk.svg');
}
.dark-mode .flag-to {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('to.svg');
}
.dark-mode .flag-tt {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tt.svg');
}
.dark-mode .flag-tn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tn.svg');
}
.dark-mode .flag-tr {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tr.svg');
}
.dark-mode .flag-tm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tm.svg');
}
.dark-mode .flag-tc {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tc.svg');
}
.dark-mode .flag-tv {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tv.svg');
}
.dark-mode .flag-vi {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vi.svg');
}
.dark-mode .flag-ug {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ug.svg');
}
.dark-mode .flag-ua {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ua.svg');
}
.dark-mode .flag-ae {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ae.svg');
}
.dark-mode .flag-gb {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('gb.svg');
}
.dark-mode .flag-us {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('us.svg');
}
.dark-mode .flag-uy {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('uy.svg');
}
.dark-mode .flag-uz {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('uz.svg');
}
.dark-mode .flag-vu {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vu.svg');
}
.dark-mode .flag-va {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('va.svg');
}
.dark-mode .flag-ve {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ve.svg');
}
.dark-mode .flag-vn {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('vn.svg');
}
.dark-mode .flag-wf {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('wf.svg');
}
.dark-mode .flag-eh {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('eh.svg');
}
.dark-mode .flag-ye {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ye.svg');
}
.dark-mode .flag-zm {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('zm.svg');
}
.dark-mode .flag-zw {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('zw.svg');
}
.dark-mode .flag-ax {
  height: 25px;
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
  border-radius: 45px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('ax.svg');
}
@media (max-width: 5000px) {
  .dark-mode .xl-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .xl-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .xl-col-span-0 {
    grid-column: span 0/span 0;
  }
  .dark-mode .xl-col-span-1 {
    grid-column: span 1/span 1;
  }
  .dark-mode .xl-col-span-2 {
    grid-column: span 2/span 2;
  }
  .dark-mode .xl-col-span-3 {
    grid-column: span 3/span 3;
  }
  .dark-mode .xl-col-span-4 {
    grid-column: span 4/span 4;
  }
  .dark-mode .xl-col-span-5 {
    grid-column: span 5/span 5;
  }
  .dark-mode .xl-col-span-6 {
    grid-column: span 6/span 6;
  }
  .dark-mode .xl-col-span-7 {
    grid-column: span 7/span 7;
  }
  .dark-mode .xl-col-span-8 {
    grid-column: span 8/span 8;
  }
  .dark-mode .xl-col-span-9 {
    grid-column: span 9/span 9;
  }
  .dark-mode .xl-col-span-10 {
    grid-column: span 10/span 10;
  }
  .dark-mode .xl-col-span-11 {
    grid-column: span 11/span 11;
  }
  .dark-mode .xl-col-span-12 {
    grid-column: span 12/span 12;
  }
  .dark-mode .xl-col-auto {
    grid-column: auto;
  }
  .dark-mode .xl-row-span-0 {
    grid-row: span 0/span 0;
  }
  .dark-mode .xl-row-span-1 {
    grid-row: span 1/span 1;
  }
  .dark-mode .xl-row-span-2 {
    grid-row: span 2/span 2;
  }
  .dark-mode .xl-row-span-3 {
    grid-row: span 3/span 3;
  }
  .dark-mode .xl-row-span-4 {
    grid-row: span 4/span 4;
  }
  .dark-mode .xl-row-span-5 {
    grid-row: span 5/span 5;
  }
  .dark-mode .xl-row-span-6 {
    grid-row: span 6/span 6;
  }
  .dark-mode .xl-row-span-7 {
    grid-row: span 7/span 7;
  }
  .dark-mode .xl-row-span-8 {
    grid-row: span 8/span 8;
  }
  .dark-mode .xl-row-span-9 {
    grid-row: span 9/span 9;
  }
  .dark-mode .xl-row-span-10 {
    grid-row: span 10/span 10;
  }
  .dark-mode .xl-row-span-11 {
    grid-row: span 11/span 11;
  }
  .dark-mode .xl-row-span-12 {
    grid-row: span 12/span 12;
  }
  .dark-mode .xl-row-auto {
    grid-row: auto;
  }
  .dark-mode .xl-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .dark-mode .xl-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .xl-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .xl-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .dark-mode .xl-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .dark-mode .xl-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .dark-mode .xl-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .dark-mode .xl-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dark-mode .xl-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .dark-mode .xl-flex-wrap {
    flex-wrap: wrap;
  }
  .dark-mode .xl-flex-nowrap {
    flex-wrap: nowrap;
  }
  .dark-mode .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .dark-mode .xl-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .dark-mode .xl-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .dark-mode .xl-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .dark-mode .xl-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .dark-mode .xl-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .dark-mode .xl-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .dark-mode .xl-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .dark-mode .xl-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .dark-mode .xl-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .dark-mode .xl-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .dark-mode .xl-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .dark-mode .xl-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .dark-mode .xl-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .dark-mode .xl-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .dark-mode .xl-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .dark-mode .xl-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .dark-mode .xl-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .dark-mode .xl-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .dark-mode .xl-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .dark-mode .xl-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .dark-mode .xl-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .dark-mode .xl-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .dark-mode .xl-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .dark-mode .xl-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .dark-mode .xl-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .dark-mode .xl-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .dark-mode .xl-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .dark-mode .xl-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .dark-mode .xl-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .dark-mode .xl-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .dark-mode .xl-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .dark-mode .xl-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .dark-mode .xl-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .dark-mode .xl-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .dark-mode .xl-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .dark-mode .xl-basis-0 {
    flex-basis: 0px;
  }
  .dark-mode .xl-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .dark-mode .xl-basis-1 {
    flex-basis: 0.25rem;
  }
  .dark-mode .xl-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .dark-mode .xl-basis-2 {
    flex-basis: 0.5rem;
  }
  .dark-mode .xl-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .dark-mode .xl-basis-3 {
    flex-basis: 0.75rem;
  }
  .dark-mode .xl-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .dark-mode .xl-basis-4 {
    flex-basis: 1rem;
  }
  .dark-mode .xl-basis-5 {
    flex-basis: 1.25rem;
  }
  .dark-mode .xl-basis-6 {
    flex-basis: 1.5rem;
  }
  .dark-mode .xl-basis-7 {
    flex-basis: 1.75rem;
  }
  .dark-mode .xl-basis-8 {
    flex-basis: 2rem;
  }
  .dark-mode .xl-basis-9 {
    flex-basis: 2.25rem;
  }
  .dark-mode .xl-basis-10 {
    flex-basis: 2.5rem;
  }
  .dark-mode .xl-basis-11 {
    flex-basis: 2.75rem;
  }
  .dark-mode .xl-basis-12 {
    flex-basis: 3rem;
  }
  .dark-mode .xl-basis-14 {
    flex-basis: 3.5rem;
  }
  .dark-mode .xl-basis-16 {
    flex-basis: 4rem;
  }
  .dark-mode .xl-basis-20 {
    flex-basis: 5rem;
  }
  .dark-mode .xl-basis-24 {
    flex-basis: 6rem;
  }
  .dark-mode .xl-basis-28 {
    flex-basis: 7rem;
  }
  .dark-mode .xl-basis-32 {
    flex-basis: 8rem;
  }
  .dark-mode .xl-basis-36 {
    flex-basis: 9rem;
  }
  .dark-mode .xl-basis-40 {
    flex-basis: 10rem;
  }
  .dark-mode .xl-basis-44 {
    flex-basis: 11rem;
  }
  .dark-mode .xl-basis-48 {
    flex-basis: 12rem;
  }
  .dark-mode .xl-basis-52 {
    flex-basis: 13rem;
  }
  .dark-mode .xl-basis-56 {
    flex-basis: 13rem;
  }
  .dark-mode .xl-basis-60 {
    flex-basis: 15rem;
  }
  .dark-mode .xl-basis-64 {
    flex-basis: 16rem;
  }
  .dark-mode .xl-basis-72 {
    flex-basis: 18rem;
  }
  .dark-mode .xl-basis-80 {
    flex-basis: 20rem;
  }
  .dark-mode .xl-basis-96 {
    flex-basis: 24rem;
  }
  .dark-mode .xl-basis-auto {
    flex-basis: auto;
  }
  .dark-mode .xl-basis-1on2 {
    flex-basis: 50%;
  }
  .dark-mode .xl-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .dark-mode .xl-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .dark-mode .xl-basis-1on4 {
    flex-basis: 25%;
  }
  .dark-mode .xl-basis-2on4 {
    flex-basis: 50%;
  }
  .dark-mode .xl-basis-3on4 {
    flex-basis: 75%;
  }
  .dark-mode .xl-basis-1on5 {
    flex-basis: 20%;
  }
  .dark-mode .xl-basis-2on5 {
    flex-basis: 40%;
  }
  .dark-mode .xl-basis-3on5 {
    flex-basis: 60%;
  }
  .dark-mode .xl-basis-4on5 {
    flex-basis: 80%;
  }
  .dark-mode .xl-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .dark-mode .xl-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .dark-mode .xl-basis-3on6 {
    flex-basis: 50%;
  }
  .dark-mode .xl-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .dark-mode .xl-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .dark-mode .xl-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .dark-mode .xl-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .dark-mode .xl-basis-3on12 {
    flex-basis: 25%;
  }
  .dark-mode .xl-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .dark-mode .xl-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .dark-mode .xl-basis-6on12 {
    flex-basis: 50%;
  }
  .dark-mode .xl-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .dark-mode .xl-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .dark-mode .xl-basis-9on12 {
    flex-basis: 75%;
  }
  .dark-mode .xl-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .dark-mode .xl-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .dark-mode .xl-basis-screen {
    flex-basis: 100vw;
  }
  .dark-mode .xl-basis-full {
    flex-basis: 100%;
  }
  .dark-mode .xl-w-0 {
    width: 0px;
  }
  .dark-mode .xl-min-w-0 {
    min-width: 0px;
  }
  .dark-mode .xl-max-w-0 {
    max-width: 0px;
  }
  .dark-mode .xl-w-0-5 {
    width: 0.125rem;
  }
  .dark-mode .xl-min-w-0-5 {
    min-width: 0.125rem;
  }
  .dark-mode .xl-max-w-0-5 {
    max-width: 0.125rem;
  }
  .dark-mode .xl-w-1 {
    width: 0.25rem;
  }
  .dark-mode .xl-min-w-1 {
    min-width: 0.25rem;
  }
  .dark-mode .xl-max-w-1 {
    max-width: 0.25rem;
  }
  .dark-mode .xl-w-1-5 {
    width: 0.375rem;
  }
  .dark-mode .xl-min-w-1-5 {
    min-width: 0.375rem;
  }
  .dark-mode .xl-max-w-1-5 {
    max-width: 0.375rem;
  }
  .dark-mode .xl-w-2 {
    width: 0.5rem;
  }
  .dark-mode .xl-min-w-2 {
    min-width: 0.5rem;
  }
  .dark-mode .xl-max-w-2 {
    max-width: 0.5rem;
  }
  .dark-mode .xl-w-2-5 {
    width: 0.625rem;
  }
  .dark-mode .xl-min-w-2-5 {
    min-width: 0.625rem;
  }
  .dark-mode .xl-max-w-2-5 {
    max-width: 0.625rem;
  }
  .dark-mode .xl-w-3 {
    width: 0.75rem;
  }
  .dark-mode .xl-min-w-3 {
    min-width: 0.75rem;
  }
  .dark-mode .xl-max-w-3 {
    max-width: 0.75rem;
  }
  .dark-mode .xl-w-3-5 {
    width: 0.875rem;
  }
  .dark-mode .xl-min-w-3-5 {
    min-width: 0.875rem;
  }
  .dark-mode .xl-max-w-3-5 {
    max-width: 0.875rem;
  }
  .dark-mode .xl-w-4 {
    width: 1rem;
  }
  .dark-mode .xl-min-w-4 {
    min-width: 1rem;
  }
  .dark-mode .xl-max-w-4 {
    max-width: 1rem;
  }
  .dark-mode .xl-w-5 {
    width: 1.25rem;
  }
  .dark-mode .xl-min-w-5 {
    min-width: 1.25rem;
  }
  .dark-mode .xl-max-w-5 {
    max-width: 1.25rem;
  }
  .dark-mode .xl-w-6 {
    width: 1.5rem;
  }
  .dark-mode .xl-min-w-6 {
    min-width: 1.5rem;
  }
  .dark-mode .xl-max-w-6 {
    max-width: 1.5rem;
  }
  .dark-mode .xl-w-7 {
    width: 1.75rem;
  }
  .dark-mode .xl-min-w-7 {
    min-width: 1.75rem;
  }
  .dark-mode .xl-max-w-7 {
    max-width: 1.75rem;
  }
  .dark-mode .xl-w-8 {
    width: 2rem;
  }
  .dark-mode .xl-min-w-8 {
    min-width: 2rem;
  }
  .dark-mode .xl-max-w-8 {
    max-width: 2rem;
  }
  .dark-mode .xl-w-9 {
    width: 2.25rem;
  }
  .dark-mode .xl-min-w-9 {
    min-width: 2.25rem;
  }
  .dark-mode .xl-max-w-9 {
    max-width: 2.25rem;
  }
  .dark-mode .xl-w-10 {
    width: 2.5rem;
  }
  .dark-mode .xl-min-w-10 {
    min-width: 2.5rem;
  }
  .dark-mode .xl-max-w-10 {
    max-width: 2.5rem;
  }
  .dark-mode .xl-w-11 {
    width: 2.75rem;
  }
  .dark-mode .xl-min-w-11 {
    min-width: 2.75rem;
  }
  .dark-mode .xl-max-w-11 {
    max-width: 2.75rem;
  }
  .dark-mode .xl-w-12 {
    width: 3rem;
  }
  .dark-mode .xl-min-w-12 {
    min-width: 3rem;
  }
  .dark-mode .xl-max-w-12 {
    max-width: 3rem;
  }
  .dark-mode .xl-w-14 {
    width: 3.5rem;
  }
  .dark-mode .xl-min-w-14 {
    min-width: 3.5rem;
  }
  .dark-mode .xl-max-w-14 {
    max-width: 3.5rem;
  }
  .dark-mode .xl-w-16 {
    width: 4rem;
  }
  .dark-mode .xl-min-w-16 {
    min-width: 4rem;
  }
  .dark-mode .xl-max-w-16 {
    max-width: 4rem;
  }
  .dark-mode .xl-w-20 {
    width: 5rem;
  }
  .dark-mode .xl-min-w-20 {
    min-width: 5rem;
  }
  .dark-mode .xl-max-w-20 {
    max-width: 5rem;
  }
  .dark-mode .xl-w-24 {
    width: 6rem;
  }
  .dark-mode .xl-min-w-24 {
    min-width: 6rem;
  }
  .dark-mode .xl-max-w-24 {
    max-width: 6rem;
  }
  .dark-mode .xl-w-28 {
    width: 7rem;
  }
  .dark-mode .xl-min-w-28 {
    min-width: 7rem;
  }
  .dark-mode .xl-max-w-28 {
    max-width: 7rem;
  }
  .dark-mode .xl-w-32 {
    width: 8rem;
  }
  .dark-mode .xl-min-w-32 {
    min-width: 8rem;
  }
  .dark-mode .xl-max-w-32 {
    max-width: 8rem;
  }
  .dark-mode .xl-w-36 {
    width: 9rem;
  }
  .dark-mode .xl-min-w-36 {
    min-width: 9rem;
  }
  .dark-mode .xl-max-w-36 {
    max-width: 9rem;
  }
  .dark-mode .xl-w-40 {
    width: 10rem;
  }
  .dark-mode .xl-min-w-40 {
    min-width: 10rem;
  }
  .dark-mode .xl-max-w-40 {
    max-width: 10rem;
  }
  .dark-mode .xl-w-44 {
    width: 11rem;
  }
  .dark-mode .xl-min-w-44 {
    min-width: 11rem;
  }
  .dark-mode .xl-max-w-44 {
    max-width: 11rem;
  }
  .dark-mode .xl-w-48 {
    width: 12rem;
  }
  .dark-mode .xl-min-w-48 {
    min-width: 12rem;
  }
  .dark-mode .xl-max-w-48 {
    max-width: 12rem;
  }
  .dark-mode .xl-w-52 {
    width: 13rem;
  }
  .dark-mode .xl-min-w-52 {
    min-width: 13rem;
  }
  .dark-mode .xl-max-w-52 {
    max-width: 13rem;
  }
  .dark-mode .xl-w-56 {
    width: 13rem;
  }
  .dark-mode .xl-min-w-56 {
    min-width: 13rem;
  }
  .dark-mode .xl-max-w-56 {
    max-width: 13rem;
  }
  .dark-mode .xl-w-60 {
    width: 15rem;
  }
  .dark-mode .xl-min-w-60 {
    min-width: 15rem;
  }
  .dark-mode .xl-max-w-60 {
    max-width: 15rem;
  }
  .dark-mode .xl-w-64 {
    width: 16rem;
  }
  .dark-mode .xl-min-w-64 {
    min-width: 16rem;
  }
  .dark-mode .xl-max-w-64 {
    max-width: 16rem;
  }
  .dark-mode .xl-w-72 {
    width: 18rem;
  }
  .dark-mode .xl-min-w-72 {
    min-width: 18rem;
  }
  .dark-mode .xl-max-w-72 {
    max-width: 18rem;
  }
  .dark-mode .xl-w-80 {
    width: 20rem;
  }
  .dark-mode .xl-min-w-80 {
    min-width: 20rem;
  }
  .dark-mode .xl-max-w-80 {
    max-width: 20rem;
  }
  .dark-mode .xl-w-96 {
    width: 24rem;
  }
  .dark-mode .xl-min-w-96 {
    min-width: 24rem;
  }
  .dark-mode .xl-max-w-96 {
    max-width: 24rem;
  }
  .dark-mode .xl-w-auto {
    width: auto;
  }
  .dark-mode .xl-min-w-auto {
    min-width: auto;
  }
  .dark-mode .xl-max-w-auto {
    max-width: auto;
  }
  .dark-mode .xl-w-1on2 {
    width: 50%;
  }
  .dark-mode .xl-min-w-1on2 {
    min-width: 50%;
  }
  .dark-mode .xl-max-w-1on2 {
    max-width: 50%;
  }
  .dark-mode .xl-w-1on3 {
    width: 33.333333%;
  }
  .dark-mode .xl-min-w-1on3 {
    min-width: 33.333333%;
  }
  .dark-mode .xl-max-w-1on3 {
    max-width: 33.333333%;
  }
  .dark-mode .xl-w-2on3 {
    width: 66.666667%;
  }
  .dark-mode .xl-min-w-2on3 {
    min-width: 66.666667%;
  }
  .dark-mode .xl-max-w-2on3 {
    max-width: 66.666667%;
  }
  .dark-mode .xl-w-1on4 {
    width: 25%;
  }
  .dark-mode .xl-min-w-1on4 {
    min-width: 25%;
  }
  .dark-mode .xl-max-w-1on4 {
    max-width: 25%;
  }
  .dark-mode .xl-w-2on4 {
    width: 50%;
  }
  .dark-mode .xl-min-w-2on4 {
    min-width: 50%;
  }
  .dark-mode .xl-max-w-2on4 {
    max-width: 50%;
  }
  .dark-mode .xl-w-3on4 {
    width: 75%;
  }
  .dark-mode .xl-min-w-3on4 {
    min-width: 75%;
  }
  .dark-mode .xl-max-w-3on4 {
    max-width: 75%;
  }
  .dark-mode .xl-w-1on5 {
    width: 20%;
  }
  .dark-mode .xl-min-w-1on5 {
    min-width: 20%;
  }
  .dark-mode .xl-max-w-1on5 {
    max-width: 20%;
  }
  .dark-mode .xl-w-2on5 {
    width: 40%;
  }
  .dark-mode .xl-min-w-2on5 {
    min-width: 40%;
  }
  .dark-mode .xl-max-w-2on5 {
    max-width: 40%;
  }
  .dark-mode .xl-w-3on5 {
    width: 60%;
  }
  .dark-mode .xl-min-w-3on5 {
    min-width: 60%;
  }
  .dark-mode .xl-max-w-3on5 {
    max-width: 60%;
  }
  .dark-mode .xl-w-4on5 {
    width: 80%;
  }
  .dark-mode .xl-min-w-4on5 {
    min-width: 80%;
  }
  .dark-mode .xl-max-w-4on5 {
    max-width: 80%;
  }
  .dark-mode .xl-w-1on6 {
    width: 16.666667%;
  }
  .dark-mode .xl-min-w-1on6 {
    min-width: 16.666667%;
  }
  .dark-mode .xl-max-w-1on6 {
    max-width: 16.666667%;
  }
  .dark-mode .xl-w-2on6 {
    width: 33.333333%;
  }
  .dark-mode .xl-min-w-2on6 {
    min-width: 33.333333%;
  }
  .dark-mode .xl-max-w-2on6 {
    max-width: 33.333333%;
  }
  .dark-mode .xl-w-3on6 {
    width: 50%;
  }
  .dark-mode .xl-min-w-3on6 {
    min-width: 50%;
  }
  .dark-mode .xl-max-w-3on6 {
    max-width: 50%;
  }
  .dark-mode .xl-w-4on6 {
    width: 66.666667%;
  }
  .dark-mode .xl-min-w-4on6 {
    min-width: 66.666667%;
  }
  .dark-mode .xl-max-w-4on6 {
    max-width: 66.666667%;
  }
  .dark-mode .xl-w-5on6 {
    width: 83.333333%;
  }
  .dark-mode .xl-min-w-5on6 {
    min-width: 83.333333%;
  }
  .dark-mode .xl-max-w-5on6 {
    max-width: 83.333333%;
  }
  .dark-mode .xl-w-1on12 {
    width: 8.333333%;
  }
  .dark-mode .xl-min-w-1on12 {
    min-width: 8.333333%;
  }
  .dark-mode .xl-max-w-1on12 {
    max-width: 8.333333%;
  }
  .dark-mode .xl-w-2on12 {
    width: 16.666667%;
  }
  .dark-mode .xl-min-w-2on12 {
    min-width: 16.666667%;
  }
  .dark-mode .xl-max-w-2on12 {
    max-width: 16.666667%;
  }
  .dark-mode .xl-w-3on12 {
    width: 25%;
  }
  .dark-mode .xl-min-w-3on12 {
    min-width: 25%;
  }
  .dark-mode .xl-max-w-3on12 {
    max-width: 25%;
  }
  .dark-mode .xl-w-4on12 {
    width: 33.333333%;
  }
  .dark-mode .xl-min-w-4on12 {
    min-width: 33.333333%;
  }
  .dark-mode .xl-max-w-4on12 {
    max-width: 33.333333%;
  }
  .dark-mode .xl-w-5on12 {
    width: 41.666667%;
  }
  .dark-mode .xl-min-w-5on12 {
    min-width: 41.666667%;
  }
  .dark-mode .xl-max-w-5on12 {
    max-width: 41.666667%;
  }
  .dark-mode .xl-w-6on12 {
    width: 50%;
  }
  .dark-mode .xl-min-w-6on12 {
    min-width: 50%;
  }
  .dark-mode .xl-max-w-6on12 {
    max-width: 50%;
  }
  .dark-mode .xl-w-7on12 {
    width: 58.333333%;
  }
  .dark-mode .xl-min-w-7on12 {
    min-width: 58.333333%;
  }
  .dark-mode .xl-max-w-7on12 {
    max-width: 58.333333%;
  }
  .dark-mode .xl-w-8on12 {
    width: 66.666667%;
  }
  .dark-mode .xl-min-w-8on12 {
    min-width: 66.666667%;
  }
  .dark-mode .xl-max-w-8on12 {
    max-width: 66.666667%;
  }
  .dark-mode .xl-w-9on12 {
    width: 75%;
  }
  .dark-mode .xl-min-w-9on12 {
    min-width: 75%;
  }
  .dark-mode .xl-max-w-9on12 {
    max-width: 75%;
  }
  .dark-mode .xl-w-10on12 {
    width: 83.333333%;
  }
  .dark-mode .xl-min-w-10on12 {
    min-width: 83.333333%;
  }
  .dark-mode .xl-max-w-10on12 {
    max-width: 83.333333%;
  }
  .dark-mode .xl-w-11on12 {
    width: 91.666667%;
  }
  .dark-mode .xl-min-w-11on12 {
    min-width: 91.666667%;
  }
  .dark-mode .xl-max-w-11on12 {
    max-width: 91.666667%;
  }
  .dark-mode .xl-w-screen {
    width: 100vw;
  }
  .dark-mode .xl-min-w-screen {
    min-width: 100vw;
  }
  .dark-mode .xl-max-w-screen {
    max-width: 100vw;
  }
  .dark-mode .xl-w-full {
    width: 100%;
  }
  .dark-mode .xl-min-w-full {
    min-width: 100%;
  }
  .dark-mode .xl-max-w-full {
    max-width: 100%;
  }
  .dark-mode .xl-w-fit {
    width: fit-content;
  }
  .dark-mode .xl-min-w-fit {
    min-width: fit-content;
  }
  .dark-mode .xl-max-w-fit {
    max-width: fit-content;
  }
  .dark-mode .xl-w-min {
    width: min-content;
  }
  .dark-mode .xl-min-w-min {
    min-width: min-content;
  }
  .dark-mode .xl-max-w-min {
    max-width: min-content;
  }
  .dark-mode .xl-w-max {
    width: max-content;
  }
  .dark-mode .xl-min-w-max {
    min-width: max-content;
  }
  .dark-mode .xl-max-w-max {
    max-width: max-content;
  }
  .dark-mode .xl-h-0 {
    height: 0px;
  }
  .dark-mode .xl-min-h-0 {
    min-height: 0px;
  }
  .dark-mode .xl-max-h-0 {
    max-height: 0px;
  }
  .dark-mode .xl-h-0-5 {
    height: 0.125rem;
  }
  .dark-mode .xl-min-h-0-5 {
    min-height: 0.125rem;
  }
  .dark-mode .xl-max-h-0-5 {
    max-height: 0.125rem;
  }
  .dark-mode .xl-h-1 {
    height: 0.25rem;
  }
  .dark-mode .xl-min-h-1 {
    min-height: 0.25rem;
  }
  .dark-mode .xl-max-h-1 {
    max-height: 0.25rem;
  }
  .dark-mode .xl-h-1-5 {
    height: 0.375rem;
  }
  .dark-mode .xl-min-h-1-5 {
    min-height: 0.375rem;
  }
  .dark-mode .xl-max-h-1-5 {
    max-height: 0.375rem;
  }
  .dark-mode .xl-h-2 {
    height: 0.5rem;
  }
  .dark-mode .xl-min-h-2 {
    min-height: 0.5rem;
  }
  .dark-mode .xl-max-h-2 {
    max-height: 0.5rem;
  }
  .dark-mode .xl-h-2-5 {
    height: 0.625rem;
  }
  .dark-mode .xl-min-h-2-5 {
    min-height: 0.625rem;
  }
  .dark-mode .xl-max-h-2-5 {
    max-height: 0.625rem;
  }
  .dark-mode .xl-h-3 {
    height: 0.75rem;
  }
  .dark-mode .xl-min-h-3 {
    min-height: 0.75rem;
  }
  .dark-mode .xl-max-h-3 {
    max-height: 0.75rem;
  }
  .dark-mode .xl-h-3-5 {
    height: 0.875rem;
  }
  .dark-mode .xl-min-h-3-5 {
    min-height: 0.875rem;
  }
  .dark-mode .xl-max-h-3-5 {
    max-height: 0.875rem;
  }
  .dark-mode .xl-h-4 {
    height: 1rem;
  }
  .dark-mode .xl-min-h-4 {
    min-height: 1rem;
  }
  .dark-mode .xl-max-h-4 {
    max-height: 1rem;
  }
  .dark-mode .xl-h-5 {
    height: 1.25rem;
  }
  .dark-mode .xl-min-h-5 {
    min-height: 1.25rem;
  }
  .dark-mode .xl-max-h-5 {
    max-height: 1.25rem;
  }
  .dark-mode .xl-h-6 {
    height: 1.5rem;
  }
  .dark-mode .xl-min-h-6 {
    min-height: 1.5rem;
  }
  .dark-mode .xl-max-h-6 {
    max-height: 1.5rem;
  }
  .dark-mode .xl-h-7 {
    height: 1.75rem;
  }
  .dark-mode .xl-min-h-7 {
    min-height: 1.75rem;
  }
  .dark-mode .xl-max-h-7 {
    max-height: 1.75rem;
  }
  .dark-mode .xl-h-8 {
    height: 2rem;
  }
  .dark-mode .xl-min-h-8 {
    min-height: 2rem;
  }
  .dark-mode .xl-max-h-8 {
    max-height: 2rem;
  }
  .dark-mode .xl-h-9 {
    height: 2.25rem;
  }
  .dark-mode .xl-min-h-9 {
    min-height: 2.25rem;
  }
  .dark-mode .xl-max-h-9 {
    max-height: 2.25rem;
  }
  .dark-mode .xl-h-10 {
    height: 2.5rem;
  }
  .dark-mode .xl-min-h-10 {
    min-height: 2.5rem;
  }
  .dark-mode .xl-max-h-10 {
    max-height: 2.5rem;
  }
  .dark-mode .xl-h-11 {
    height: 2.75rem;
  }
  .dark-mode .xl-min-h-11 {
    min-height: 2.75rem;
  }
  .dark-mode .xl-max-h-11 {
    max-height: 2.75rem;
  }
  .dark-mode .xl-h-12 {
    height: 3rem;
  }
  .dark-mode .xl-min-h-12 {
    min-height: 3rem;
  }
  .dark-mode .xl-max-h-12 {
    max-height: 3rem;
  }
  .dark-mode .xl-h-14 {
    height: 3.5rem;
  }
  .dark-mode .xl-min-h-14 {
    min-height: 3.5rem;
  }
  .dark-mode .xl-max-h-14 {
    max-height: 3.5rem;
  }
  .dark-mode .xl-h-16 {
    height: 4rem;
  }
  .dark-mode .xl-min-h-16 {
    min-height: 4rem;
  }
  .dark-mode .xl-max-h-16 {
    max-height: 4rem;
  }
  .dark-mode .xl-h-20 {
    height: 5rem;
  }
  .dark-mode .xl-min-h-20 {
    min-height: 5rem;
  }
  .dark-mode .xl-max-h-20 {
    max-height: 5rem;
  }
  .dark-mode .xl-h-24 {
    height: 6rem;
  }
  .dark-mode .xl-min-h-24 {
    min-height: 6rem;
  }
  .dark-mode .xl-max-h-24 {
    max-height: 6rem;
  }
  .dark-mode .xl-h-28 {
    height: 7rem;
  }
  .dark-mode .xl-min-h-28 {
    min-height: 7rem;
  }
  .dark-mode .xl-max-h-28 {
    max-height: 7rem;
  }
  .dark-mode .xl-h-32 {
    height: 8rem;
  }
  .dark-mode .xl-min-h-32 {
    min-height: 8rem;
  }
  .dark-mode .xl-max-h-32 {
    max-height: 8rem;
  }
  .dark-mode .xl-h-36 {
    height: 9rem;
  }
  .dark-mode .xl-min-h-36 {
    min-height: 9rem;
  }
  .dark-mode .xl-max-h-36 {
    max-height: 9rem;
  }
  .dark-mode .xl-h-40 {
    height: 10rem;
  }
  .dark-mode .xl-min-h-40 {
    min-height: 10rem;
  }
  .dark-mode .xl-max-h-40 {
    max-height: 10rem;
  }
  .dark-mode .xl-h-44 {
    height: 11rem;
  }
  .dark-mode .xl-min-h-44 {
    min-height: 11rem;
  }
  .dark-mode .xl-max-h-44 {
    max-height: 11rem;
  }
  .dark-mode .xl-h-48 {
    height: 12rem;
  }
  .dark-mode .xl-min-h-48 {
    min-height: 12rem;
  }
  .dark-mode .xl-max-h-48 {
    max-height: 12rem;
  }
  .dark-mode .xl-h-52 {
    height: 13rem;
  }
  .dark-mode .xl-min-h-52 {
    min-height: 13rem;
  }
  .dark-mode .xl-max-h-52 {
    max-height: 13rem;
  }
  .dark-mode .xl-h-56 {
    height: 13rem;
  }
  .dark-mode .xl-min-h-56 {
    min-height: 13rem;
  }
  .dark-mode .xl-max-h-56 {
    max-height: 13rem;
  }
  .dark-mode .xl-h-60 {
    height: 15rem;
  }
  .dark-mode .xl-min-h-60 {
    min-height: 15rem;
  }
  .dark-mode .xl-max-h-60 {
    max-height: 15rem;
  }
  .dark-mode .xl-h-64 {
    height: 16rem;
  }
  .dark-mode .xl-min-h-64 {
    min-height: 16rem;
  }
  .dark-mode .xl-max-h-64 {
    max-height: 16rem;
  }
  .dark-mode .xl-h-72 {
    height: 18rem;
  }
  .dark-mode .xl-min-h-72 {
    min-height: 18rem;
  }
  .dark-mode .xl-max-h-72 {
    max-height: 18rem;
  }
  .dark-mode .xl-h-80 {
    height: 20rem;
  }
  .dark-mode .xl-min-h-80 {
    min-height: 20rem;
  }
  .dark-mode .xl-max-h-80 {
    max-height: 20rem;
  }
  .dark-mode .xl-h-96 {
    height: 24rem;
  }
  .dark-mode .xl-min-h-96 {
    min-height: 24rem;
  }
  .dark-mode .xl-max-h-96 {
    max-height: 24rem;
  }
  .dark-mode .xl-h-100 {
    height: 28rem;
  }
  .dark-mode .xl-min-h-100 {
    min-height: 28rem;
  }
  .dark-mode .xl-max-h-100 {
    max-height: 28rem;
  }
  .dark-mode .xl-h-auto {
    height: auto;
  }
  .dark-mode .xl-min-h-auto {
    min-height: auto;
  }
  .dark-mode .xl-max-h-auto {
    max-height: auto;
  }
  .dark-mode .xl-h-1on2 {
    height: 50%;
  }
  .dark-mode .xl-min-h-1on2 {
    min-height: 50%;
  }
  .dark-mode .xl-max-h-1on2 {
    max-height: 50%;
  }
  .dark-mode .xl-h-1on3 {
    height: 33.333333%;
  }
  .dark-mode .xl-min-h-1on3 {
    min-height: 33.333333%;
  }
  .dark-mode .xl-max-h-1on3 {
    max-height: 33.333333%;
  }
  .dark-mode .xl-h-2on3 {
    height: 66.666667%;
  }
  .dark-mode .xl-min-h-2on3 {
    min-height: 66.666667%;
  }
  .dark-mode .xl-max-h-2on3 {
    max-height: 66.666667%;
  }
  .dark-mode .xl-h-1on4 {
    height: 25%;
  }
  .dark-mode .xl-min-h-1on4 {
    min-height: 25%;
  }
  .dark-mode .xl-max-h-1on4 {
    max-height: 25%;
  }
  .dark-mode .xl-h-2on4 {
    height: 50%;
  }
  .dark-mode .xl-min-h-2on4 {
    min-height: 50%;
  }
  .dark-mode .xl-max-h-2on4 {
    max-height: 50%;
  }
  .dark-mode .xl-h-3on4 {
    height: 75%;
  }
  .dark-mode .xl-min-h-3on4 {
    min-height: 75%;
  }
  .dark-mode .xl-max-h-3on4 {
    max-height: 75%;
  }
  .dark-mode .xl-h-1on5 {
    height: 20%;
  }
  .dark-mode .xl-min-h-1on5 {
    min-height: 20%;
  }
  .dark-mode .xl-max-h-1on5 {
    max-height: 20%;
  }
  .dark-mode .xl-h-2on5 {
    height: 40%;
  }
  .dark-mode .xl-min-h-2on5 {
    min-height: 40%;
  }
  .dark-mode .xl-max-h-2on5 {
    max-height: 40%;
  }
  .dark-mode .xl-h-3on5 {
    height: 60%;
  }
  .dark-mode .xl-min-h-3on5 {
    min-height: 60%;
  }
  .dark-mode .xl-max-h-3on5 {
    max-height: 60%;
  }
  .dark-mode .xl-h-4on5 {
    height: 80%;
  }
  .dark-mode .xl-min-h-4on5 {
    min-height: 80%;
  }
  .dark-mode .xl-max-h-4on5 {
    max-height: 80%;
  }
  .dark-mode .xl-h-1on6 {
    height: 16.666667%;
  }
  .dark-mode .xl-min-h-1on6 {
    min-height: 16.666667%;
  }
  .dark-mode .xl-max-h-1on6 {
    max-height: 16.666667%;
  }
  .dark-mode .xl-h-2on6 {
    height: 33.333333%;
  }
  .dark-mode .xl-min-h-2on6 {
    min-height: 33.333333%;
  }
  .dark-mode .xl-max-h-2on6 {
    max-height: 33.333333%;
  }
  .dark-mode .xl-h-3on6 {
    height: 50%;
  }
  .dark-mode .xl-min-h-3on6 {
    min-height: 50%;
  }
  .dark-mode .xl-max-h-3on6 {
    max-height: 50%;
  }
  .dark-mode .xl-h-4on6 {
    height: 66.666667%;
  }
  .dark-mode .xl-min-h-4on6 {
    min-height: 66.666667%;
  }
  .dark-mode .xl-max-h-4on6 {
    max-height: 66.666667%;
  }
  .dark-mode .xl-h-5on6 {
    height: 83.333333%;
  }
  .dark-mode .xl-min-h-5on6 {
    min-height: 83.333333%;
  }
  .dark-mode .xl-max-h-5on6 {
    max-height: 83.333333%;
  }
  .dark-mode .xl-h-1on12 {
    height: 8.333333%;
  }
  .dark-mode .xl-min-h-1on12 {
    min-height: 8.333333%;
  }
  .dark-mode .xl-max-h-1on12 {
    max-height: 8.333333%;
  }
  .dark-mode .xl-h-2on12 {
    height: 16.666667%;
  }
  .dark-mode .xl-min-h-2on12 {
    min-height: 16.666667%;
  }
  .dark-mode .xl-max-h-2on12 {
    max-height: 16.666667%;
  }
  .dark-mode .xl-h-3on12 {
    height: 25%;
  }
  .dark-mode .xl-min-h-3on12 {
    min-height: 25%;
  }
  .dark-mode .xl-max-h-3on12 {
    max-height: 25%;
  }
  .dark-mode .xl-h-4on12 {
    height: 33.333333%;
  }
  .dark-mode .xl-min-h-4on12 {
    min-height: 33.333333%;
  }
  .dark-mode .xl-max-h-4on12 {
    max-height: 33.333333%;
  }
  .dark-mode .xl-h-5on12 {
    height: 41.666667%;
  }
  .dark-mode .xl-min-h-5on12 {
    min-height: 41.666667%;
  }
  .dark-mode .xl-max-h-5on12 {
    max-height: 41.666667%;
  }
  .dark-mode .xl-h-6on12 {
    height: 50%;
  }
  .dark-mode .xl-min-h-6on12 {
    min-height: 50%;
  }
  .dark-mode .xl-max-h-6on12 {
    max-height: 50%;
  }
  .dark-mode .xl-h-7on12 {
    height: 58.333333%;
  }
  .dark-mode .xl-min-h-7on12 {
    min-height: 58.333333%;
  }
  .dark-mode .xl-max-h-7on12 {
    max-height: 58.333333%;
  }
  .dark-mode .xl-h-8on12 {
    height: 66.666667%;
  }
  .dark-mode .xl-min-h-8on12 {
    min-height: 66.666667%;
  }
  .dark-mode .xl-max-h-8on12 {
    max-height: 66.666667%;
  }
  .dark-mode .xl-h-9on12 {
    height: 75%;
  }
  .dark-mode .xl-min-h-9on12 {
    min-height: 75%;
  }
  .dark-mode .xl-max-h-9on12 {
    max-height: 75%;
  }
  .dark-mode .xl-h-10on12 {
    height: 83.333333%;
  }
  .dark-mode .xl-min-h-10on12 {
    min-height: 83.333333%;
  }
  .dark-mode .xl-max-h-10on12 {
    max-height: 83.333333%;
  }
  .dark-mode .xl-h-11on12 {
    height: 91.666667%;
  }
  .dark-mode .xl-min-h-11on12 {
    min-height: 91.666667%;
  }
  .dark-mode .xl-max-h-11on12 {
    max-height: 91.666667%;
  }
  .dark-mode .xl-h-screen {
    height: 100vw;
  }
  .dark-mode .xl-min-h-screen {
    min-height: 100vw;
  }
  .dark-mode .xl-max-h-screen {
    max-height: 100vw;
  }
  .dark-mode .xl-h-full {
    height: 100%;
  }
  .dark-mode .xl-min-h-full {
    min-height: 100%;
  }
  .dark-mode .xl-max-h-full {
    max-height: 100%;
  }
  .dark-mode .xl-h-fit {
    height: fit-content;
  }
  .dark-mode .xl-min-h-fit {
    min-height: fit-content;
  }
  .dark-mode .xl-max-h-fit {
    max-height: fit-content;
  }
  .dark-mode .xl-h-min {
    height: min-content;
  }
  .dark-mode .xl-min-h-min {
    min-height: min-content;
  }
  .dark-mode .xl-max-h-min {
    max-height: min-content;
  }
  .dark-mode .xl-h-max {
    height: max-content;
  }
  .dark-mode .xl-min-h-max {
    min-height: max-content;
  }
  .dark-mode .xl-max-h-max {
    max-height: max-content;
  }
  .dark-mode .xl-m-0 {
    margin: 0;
  }
  .dark-mode .xl-mt-0,
  .dark-mode .xl-my-0 {
    margin-top: 0;
  }
  .dark-mode .xl-mr-0,
  .dark-mode .xl-mx-0 {
    margin-right: 0;
  }
  .dark-mode .xl-mb-0,
  .dark-mode .xl-my-0 {
    margin-bottom: 0;
  }
  .dark-mode .xl-ml-0,
  .dark-mode .xl-mx-0 {
    margin-left: 0;
  }
  .dark-mode .xl-mbls-0,
  .dark-mode .xl-mbl-0 {
    margin-block-start: 0;
  }
  .dark-mode .xl-mble-0,
  .dark-mode .xl-mbl-0 {
    margin-block-end: 0;
  }
  .dark-mode .xl-mins-0,
  .dark-mode .xl-min-0 {
    margin-inline-start: 0;
  }
  .dark-mode .xl-mine-0,
  .dark-mode .xl-min-0 {
    margin-inline-end: 0;
  }
  .dark-mode .xl-p-0 {
    padding: 0;
  }
  .dark-mode .xl-pt-0,
  .dark-mode .xl-py-0 {
    padding-top: 0;
  }
  .dark-mode .xl-pr-0,
  .dark-mode .xl-px-0 {
    padding-right: 0;
  }
  .dark-mode .xl-pb-0,
  .dark-mode .xl-py-0 {
    padding-bottom: 0;
  }
  .dark-mode .xl-pl-0,
  .dark-mode .xl-px-0 {
    padding-left: 0;
  }
  .dark-mode .xl-pbls-0,
  .dark-mode .xl-pbl-0 {
    padding-block-start: 0;
  }
  .dark-mode .xl-pble-0,
  .dark-mode .xl-pbl-0 {
    padding-block-end: 0;
  }
  .dark-mode .xl-pins-0,
  .dark-mode .xl-pin-0 {
    padding-inline-start: 0;
  }
  .dark-mode .xl-pine-0,
  .dark-mode .xl-pin-0 {
    padding-inline-end: 0;
  }
  .dark-mode .xl-m-1 {
    margin: 4px;
  }
  .dark-mode .xl-mt-1,
  .dark-mode .xl-my-1 {
    margin-top: 4px;
  }
  .dark-mode .xl-mr-1,
  .dark-mode .xl-mx-1 {
    margin-right: 4px;
  }
  .dark-mode .xl-mb-1,
  .dark-mode .xl-my-1 {
    margin-bottom: 4px;
  }
  .dark-mode .xl-ml-1,
  .dark-mode .xl-mx-1 {
    margin-left: 4px;
  }
  .dark-mode .xl-mbls-1,
  .dark-mode .xl-mbl-1 {
    margin-block-start: 4px;
  }
  .dark-mode .xl-mble-1,
  .dark-mode .xl-mbl-1 {
    margin-block-end: 4px;
  }
  .dark-mode .xl-mins-1,
  .dark-mode .xl-min-1 {
    margin-inline-start: 4px;
  }
  .dark-mode .xl-mine-1,
  .dark-mode .xl-min-1 {
    margin-inline-end: 4px;
  }
  .dark-mode .xl-p-1 {
    padding: 4px;
  }
  .dark-mode .xl-pt-1,
  .dark-mode .xl-py-1 {
    padding-top: 4px;
  }
  .dark-mode .xl-pr-1,
  .dark-mode .xl-px-1 {
    padding-right: 4px;
  }
  .dark-mode .xl-pb-1,
  .dark-mode .xl-py-1 {
    padding-bottom: 4px;
  }
  .dark-mode .xl-pl-1,
  .dark-mode .xl-px-1 {
    padding-left: 4px;
  }
  .dark-mode .xl-pbls-1,
  .dark-mode .xl-pbl-1 {
    padding-block-start: 4px;
  }
  .dark-mode .xl-pble-1,
  .dark-mode .xl-pbl-1 {
    padding-block-end: 4px;
  }
  .dark-mode .xl-pins-1,
  .dark-mode .xl-pin-1 {
    padding-inline-start: 4px;
  }
  .dark-mode .xl-pine-1,
  .dark-mode .xl-pin-1 {
    padding-inline-end: 4px;
  }
  .dark-mode .xl-m-2 {
    margin: 8px;
  }
  .dark-mode .xl-mt-2,
  .dark-mode .xl-my-2 {
    margin-top: 8px;
  }
  .dark-mode .xl-mr-2,
  .dark-mode .xl-mx-2 {
    margin-right: 8px;
  }
  .dark-mode .xl-mb-2,
  .dark-mode .xl-my-2 {
    margin-bottom: 8px;
  }
  .dark-mode .xl-ml-2,
  .dark-mode .xl-mx-2 {
    margin-left: 8px;
  }
  .dark-mode .xl-mbls-2,
  .dark-mode .xl-mbl-2 {
    margin-block-start: 8px;
  }
  .dark-mode .xl-mble-2,
  .dark-mode .xl-mbl-2 {
    margin-block-end: 8px;
  }
  .dark-mode .xl-mins-2,
  .dark-mode .xl-min-2 {
    margin-inline-start: 8px;
  }
  .dark-mode .xl-mine-2,
  .dark-mode .xl-min-2 {
    margin-inline-end: 8px;
  }
  .dark-mode .xl-p-2 {
    padding: 8px;
  }
  .dark-mode .xl-pt-2,
  .dark-mode .xl-py-2 {
    padding-top: 8px;
  }
  .dark-mode .xl-pr-2,
  .dark-mode .xl-px-2 {
    padding-right: 8px;
  }
  .dark-mode .xl-pb-2,
  .dark-mode .xl-py-2 {
    padding-bottom: 8px;
  }
  .dark-mode .xl-pl-2,
  .dark-mode .xl-px-2 {
    padding-left: 8px;
  }
  .dark-mode .xl-pbls-2,
  .dark-mode .xl-pbl-2 {
    padding-block-start: 8px;
  }
  .dark-mode .xl-pble-2,
  .dark-mode .xl-pbl-2 {
    padding-block-end: 8px;
  }
  .dark-mode .xl-pins-2,
  .dark-mode .xl-pin-2 {
    padding-inline-start: 8px;
  }
  .dark-mode .xl-pine-2,
  .dark-mode .xl-pin-2 {
    padding-inline-end: 8px;
  }
  .dark-mode .xl-m-3 {
    margin: 16px;
  }
  .dark-mode .xl-mt-3,
  .dark-mode .xl-my-3 {
    margin-top: 16px;
  }
  .dark-mode .xl-mr-3,
  .dark-mode .xl-mx-3 {
    margin-right: 16px;
  }
  .dark-mode .xl-mb-3,
  .dark-mode .xl-my-3 {
    margin-bottom: 16px;
  }
  .dark-mode .xl-ml-3,
  .dark-mode .xl-mx-3 {
    margin-left: 16px;
  }
  .dark-mode .xl-mbls-3,
  .dark-mode .xl-mbl-3 {
    margin-block-start: 16px;
  }
  .dark-mode .xl-mble-3,
  .dark-mode .xl-mbl-3 {
    margin-block-end: 16px;
  }
  .dark-mode .xl-mins-3,
  .dark-mode .xl-min-3 {
    margin-inline-start: 16px;
  }
  .dark-mode .xl-mine-3,
  .dark-mode .xl-min-3 {
    margin-inline-end: 16px;
  }
  .dark-mode .xl-p-3 {
    padding: 16px;
  }
  .dark-mode .xl-pt-3,
  .dark-mode .xl-py-3 {
    padding-top: 16px;
  }
  .dark-mode .xl-pr-3,
  .dark-mode .xl-px-3 {
    padding-right: 16px;
  }
  .dark-mode .xl-pb-3,
  .dark-mode .xl-py-3 {
    padding-bottom: 16px;
  }
  .dark-mode .xl-pl-3,
  .dark-mode .xl-px-3 {
    padding-left: 16px;
  }
  .dark-mode .xl-pbls-3,
  .dark-mode .xl-pbl-3 {
    padding-block-start: 16px;
  }
  .dark-mode .xl-pble-3,
  .dark-mode .xl-pbl-3 {
    padding-block-end: 16px;
  }
  .dark-mode .xl-pins-3,
  .dark-mode .xl-pin-3 {
    padding-inline-start: 16px;
  }
  .dark-mode .xl-pine-3,
  .dark-mode .xl-pin-3 {
    padding-inline-end: 16px;
  }
  .dark-mode .xl-m-4 {
    margin: 24px;
  }
  .dark-mode .xl-mt-4,
  .dark-mode .xl-my-4 {
    margin-top: 24px;
  }
  .dark-mode .xl-mr-4,
  .dark-mode .xl-mx-4 {
    margin-right: 24px;
  }
  .dark-mode .xl-mb-4,
  .dark-mode .xl-my-4 {
    margin-bottom: 24px;
  }
  .dark-mode .xl-ml-4,
  .dark-mode .xl-mx-4 {
    margin-left: 24px;
  }
  .dark-mode .xl-mbls-4,
  .dark-mode .xl-mbl-4 {
    margin-block-start: 24px;
  }
  .dark-mode .xl-mble-4,
  .dark-mode .xl-mbl-4 {
    margin-block-end: 24px;
  }
  .dark-mode .xl-mins-4,
  .dark-mode .xl-min-4 {
    margin-inline-start: 24px;
  }
  .dark-mode .xl-mine-4,
  .dark-mode .xl-min-4 {
    margin-inline-end: 24px;
  }
  .dark-mode .xl-p-4 {
    padding: 24px;
  }
  .dark-mode .xl-pt-4,
  .dark-mode .xl-py-4 {
    padding-top: 24px;
  }
  .dark-mode .xl-pr-4,
  .dark-mode .xl-px-4 {
    padding-right: 24px;
  }
  .dark-mode .xl-pb-4,
  .dark-mode .xl-py-4 {
    padding-bottom: 24px;
  }
  .dark-mode .xl-pl-4,
  .dark-mode .xl-px-4 {
    padding-left: 24px;
  }
  .dark-mode .xl-pbls-4,
  .dark-mode .xl-pbl-4 {
    padding-block-start: 24px;
  }
  .dark-mode .xl-pble-4,
  .dark-mode .xl-pbl-4 {
    padding-block-end: 24px;
  }
  .dark-mode .xl-pins-4,
  .dark-mode .xl-pin-4 {
    padding-inline-start: 24px;
  }
  .dark-mode .xl-pine-4,
  .dark-mode .xl-pin-4 {
    padding-inline-end: 24px;
  }
  .dark-mode .xl-m-5 {
    margin: 32px;
  }
  .dark-mode .xl-mt-5,
  .dark-mode .xl-my-5 {
    margin-top: 32px;
  }
  .dark-mode .xl-mr-5,
  .dark-mode .xl-mx-5 {
    margin-right: 32px;
  }
  .dark-mode .xl-mb-5,
  .dark-mode .xl-my-5 {
    margin-bottom: 32px;
  }
  .dark-mode .xl-ml-5,
  .dark-mode .xl-mx-5 {
    margin-left: 32px;
  }
  .dark-mode .xl-mbls-5,
  .dark-mode .xl-mbl-5 {
    margin-block-start: 32px;
  }
  .dark-mode .xl-mble-5,
  .dark-mode .xl-mbl-5 {
    margin-block-end: 32px;
  }
  .dark-mode .xl-mins-5,
  .dark-mode .xl-min-5 {
    margin-inline-start: 32px;
  }
  .dark-mode .xl-mine-5,
  .dark-mode .xl-min-5 {
    margin-inline-end: 32px;
  }
  .dark-mode .xl-p-5 {
    padding: 32px;
  }
  .dark-mode .xl-pt-5,
  .dark-mode .xl-py-5 {
    padding-top: 32px;
  }
  .dark-mode .xl-pr-5,
  .dark-mode .xl-px-5 {
    padding-right: 32px;
  }
  .dark-mode .xl-pb-5,
  .dark-mode .xl-py-5 {
    padding-bottom: 32px;
  }
  .dark-mode .xl-pl-5,
  .dark-mode .xl-px-5 {
    padding-left: 32px;
  }
  .dark-mode .xl-pbls-5,
  .dark-mode .xl-pbl-5 {
    padding-block-start: 32px;
  }
  .dark-mode .xl-pble-5,
  .dark-mode .xl-pbl-5 {
    padding-block-end: 32px;
  }
  .dark-mode .xl-pins-5,
  .dark-mode .xl-pin-5 {
    padding-inline-start: 32px;
  }
  .dark-mode .xl-pine-5,
  .dark-mode .xl-pin-5 {
    padding-inline-end: 32px;
  }
  .dark-mode .xl-m-6 {
    margin: 40px;
  }
  .dark-mode .xl-mt-6,
  .dark-mode .xl-my-6 {
    margin-top: 40px;
  }
  .dark-mode .xl-mr-6,
  .dark-mode .xl-mx-6 {
    margin-right: 40px;
  }
  .dark-mode .xl-mb-6,
  .dark-mode .xl-my-6 {
    margin-bottom: 40px;
  }
  .dark-mode .xl-ml-6,
  .dark-mode .xl-mx-6 {
    margin-left: 40px;
  }
  .dark-mode .xl-mbls-6,
  .dark-mode .xl-mbl-6 {
    margin-block-start: 40px;
  }
  .dark-mode .xl-mble-6,
  .dark-mode .xl-mbl-6 {
    margin-block-end: 40px;
  }
  .dark-mode .xl-mins-6,
  .dark-mode .xl-min-6 {
    margin-inline-start: 40px;
  }
  .dark-mode .xl-mine-6,
  .dark-mode .xl-min-6 {
    margin-inline-end: 40px;
  }
  .dark-mode .xl-p-6 {
    padding: 40px;
  }
  .dark-mode .xl-pt-6,
  .dark-mode .xl-py-6 {
    padding-top: 40px;
  }
  .dark-mode .xl-pr-6,
  .dark-mode .xl-px-6 {
    padding-right: 40px;
  }
  .dark-mode .xl-pb-6,
  .dark-mode .xl-py-6 {
    padding-bottom: 40px;
  }
  .dark-mode .xl-pl-6,
  .dark-mode .xl-px-6 {
    padding-left: 40px;
  }
  .dark-mode .xl-pbls-6,
  .dark-mode .xl-pbl-6 {
    padding-block-start: 40px;
  }
  .dark-mode .xl-pble-6,
  .dark-mode .xl-pbl-6 {
    padding-block-end: 40px;
  }
  .dark-mode .xl-pins-6,
  .dark-mode .xl-pin-6 {
    padding-inline-start: 40px;
  }
  .dark-mode .xl-pine-6,
  .dark-mode .xl-pin-6 {
    padding-inline-end: 40px;
  }
  .dark-mode .xl-m-7 {
    margin: 48px;
  }
  .dark-mode .xl-mt-7,
  .dark-mode .xl-my-7 {
    margin-top: 48px;
  }
  .dark-mode .xl-mr-7,
  .dark-mode .xl-mx-7 {
    margin-right: 48px;
  }
  .dark-mode .xl-mb-7,
  .dark-mode .xl-my-7 {
    margin-bottom: 48px;
  }
  .dark-mode .xl-ml-7,
  .dark-mode .xl-mx-7 {
    margin-left: 48px;
  }
  .dark-mode .xl-mbls-7,
  .dark-mode .xl-mbl-7 {
    margin-block-start: 48px;
  }
  .dark-mode .xl-mble-7,
  .dark-mode .xl-mbl-7 {
    margin-block-end: 48px;
  }
  .dark-mode .xl-mins-7,
  .dark-mode .xl-min-7 {
    margin-inline-start: 48px;
  }
  .dark-mode .xl-mine-7,
  .dark-mode .xl-min-7 {
    margin-inline-end: 48px;
  }
  .dark-mode .xl-p-7 {
    padding: 48px;
  }
  .dark-mode .xl-pt-7,
  .dark-mode .xl-py-7 {
    padding-top: 48px;
  }
  .dark-mode .xl-pr-7,
  .dark-mode .xl-px-7 {
    padding-right: 48px;
  }
  .dark-mode .xl-pb-7,
  .dark-mode .xl-py-7 {
    padding-bottom: 48px;
  }
  .dark-mode .xl-pl-7,
  .dark-mode .xl-px-7 {
    padding-left: 48px;
  }
  .dark-mode .xl-pbls-7,
  .dark-mode .xl-pbl-7 {
    padding-block-start: 48px;
  }
  .dark-mode .xl-pble-7,
  .dark-mode .xl-pbl-7 {
    padding-block-end: 48px;
  }
  .dark-mode .xl-pins-7,
  .dark-mode .xl-pin-7 {
    padding-inline-start: 48px;
  }
  .dark-mode .xl-pine-7,
  .dark-mode .xl-pin-7 {
    padding-inline-end: 48px;
  }
  .dark-mode .xl-m-8 {
    margin: 56px;
  }
  .dark-mode .xl-mt-8,
  .dark-mode .xl-my-8 {
    margin-top: 56px;
  }
  .dark-mode .xl-mr-8,
  .dark-mode .xl-mx-8 {
    margin-right: 56px;
  }
  .dark-mode .xl-mb-8,
  .dark-mode .xl-my-8 {
    margin-bottom: 56px;
  }
  .dark-mode .xl-ml-8,
  .dark-mode .xl-mx-8 {
    margin-left: 56px;
  }
  .dark-mode .xl-mbls-8,
  .dark-mode .xl-mbl-8 {
    margin-block-start: 56px;
  }
  .dark-mode .xl-mble-8,
  .dark-mode .xl-mbl-8 {
    margin-block-end: 56px;
  }
  .dark-mode .xl-mins-8,
  .dark-mode .xl-min-8 {
    margin-inline-start: 56px;
  }
  .dark-mode .xl-mine-8,
  .dark-mode .xl-min-8 {
    margin-inline-end: 56px;
  }
  .dark-mode .xl-p-8 {
    padding: 56px;
  }
  .dark-mode .xl-pt-8,
  .dark-mode .xl-py-8 {
    padding-top: 56px;
  }
  .dark-mode .xl-pr-8,
  .dark-mode .xl-px-8 {
    padding-right: 56px;
  }
  .dark-mode .xl-pb-8,
  .dark-mode .xl-py-8 {
    padding-bottom: 56px;
  }
  .dark-mode .xl-pl-8,
  .dark-mode .xl-px-8 {
    padding-left: 56px;
  }
  .dark-mode .xl-pbls-8,
  .dark-mode .xl-pbl-8 {
    padding-block-start: 56px;
  }
  .dark-mode .xl-pble-8,
  .dark-mode .xl-pbl-8 {
    padding-block-end: 56px;
  }
  .dark-mode .xl-pins-8,
  .dark-mode .xl-pin-8 {
    padding-inline-start: 56px;
  }
  .dark-mode .xl-pine-8,
  .dark-mode .xl-pin-8 {
    padding-inline-end: 56px;
  }
  .dark-mode .xl-m-9 {
    margin: 64px;
  }
  .dark-mode .xl-mt-9,
  .dark-mode .xl-my-9 {
    margin-top: 64px;
  }
  .dark-mode .xl-mr-9,
  .dark-mode .xl-mx-9 {
    margin-right: 64px;
  }
  .dark-mode .xl-mb-9,
  .dark-mode .xl-my-9 {
    margin-bottom: 64px;
  }
  .dark-mode .xl-ml-9,
  .dark-mode .xl-mx-9 {
    margin-left: 64px;
  }
  .dark-mode .xl-mbls-9,
  .dark-mode .xl-mbl-9 {
    margin-block-start: 64px;
  }
  .dark-mode .xl-mble-9,
  .dark-mode .xl-mbl-9 {
    margin-block-end: 64px;
  }
  .dark-mode .xl-mins-9,
  .dark-mode .xl-min-9 {
    margin-inline-start: 64px;
  }
  .dark-mode .xl-mine-9,
  .dark-mode .xl-min-9 {
    margin-inline-end: 64px;
  }
  .dark-mode .xl-p-9 {
    padding: 64px;
  }
  .dark-mode .xl-pt-9,
  .dark-mode .xl-py-9 {
    padding-top: 64px;
  }
  .dark-mode .xl-pr-9,
  .dark-mode .xl-px-9 {
    padding-right: 64px;
  }
  .dark-mode .xl-pb-9,
  .dark-mode .xl-py-9 {
    padding-bottom: 64px;
  }
  .dark-mode .xl-pl-9,
  .dark-mode .xl-px-9 {
    padding-left: 64px;
  }
  .dark-mode .xl-pbls-9,
  .dark-mode .xl-pbl-9 {
    padding-block-start: 64px;
  }
  .dark-mode .xl-pble-9,
  .dark-mode .xl-pbl-9 {
    padding-block-end: 64px;
  }
  .dark-mode .xl-pins-9,
  .dark-mode .xl-pin-9 {
    padding-inline-start: 64px;
  }
  .dark-mode .xl-pine-9,
  .dark-mode .xl-pin-9 {
    padding-inline-end: 64px;
  }
  .dark-mode .xl-m-10 {
    margin: 72px;
  }
  .dark-mode .xl-mt-10,
  .dark-mode .xl-my-10 {
    margin-top: 72px;
  }
  .dark-mode .xl-mr-10,
  .dark-mode .xl-mx-10 {
    margin-right: 72px;
  }
  .dark-mode .xl-mb-10,
  .dark-mode .xl-my-10 {
    margin-bottom: 72px;
  }
  .dark-mode .xl-ml-10,
  .dark-mode .xl-mx-10 {
    margin-left: 72px;
  }
  .dark-mode .xl-mbls-10,
  .dark-mode .xl-mbl-10 {
    margin-block-start: 72px;
  }
  .dark-mode .xl-mble-10,
  .dark-mode .xl-mbl-10 {
    margin-block-end: 72px;
  }
  .dark-mode .xl-mins-10,
  .dark-mode .xl-min-10 {
    margin-inline-start: 72px;
  }
  .dark-mode .xl-mine-10,
  .dark-mode .xl-min-10 {
    margin-inline-end: 72px;
  }
  .dark-mode .xl-p-10 {
    padding: 72px;
  }
  .dark-mode .xl-pt-10,
  .dark-mode .xl-py-10 {
    padding-top: 72px;
  }
  .dark-mode .xl-pr-10,
  .dark-mode .xl-px-10 {
    padding-right: 72px;
  }
  .dark-mode .xl-pb-10,
  .dark-mode .xl-py-10 {
    padding-bottom: 72px;
  }
  .dark-mode .xl-pl-10,
  .dark-mode .xl-px-10 {
    padding-left: 72px;
  }
  .dark-mode .xl-pbls-10,
  .dark-mode .xl-pbl-10 {
    padding-block-start: 72px;
  }
  .dark-mode .xl-pble-10,
  .dark-mode .xl-pbl-10 {
    padding-block-end: 72px;
  }
  .dark-mode .xl-pins-10,
  .dark-mode .xl-pin-10 {
    padding-inline-start: 72px;
  }
  .dark-mode .xl-pine-10,
  .dark-mode .xl-pin-10 {
    padding-inline-end: 72px;
  }
  .dark-mode .xl-m-11 {
    margin: 80px;
  }
  .dark-mode .xl-mt-11,
  .dark-mode .xl-my-11 {
    margin-top: 80px;
  }
  .dark-mode .xl-mr-11,
  .dark-mode .xl-mx-11 {
    margin-right: 80px;
  }
  .dark-mode .xl-mb-11,
  .dark-mode .xl-my-11 {
    margin-bottom: 80px;
  }
  .dark-mode .xl-ml-11,
  .dark-mode .xl-mx-11 {
    margin-left: 80px;
  }
  .dark-mode .xl-mbls-11,
  .dark-mode .xl-mbl-11 {
    margin-block-start: 80px;
  }
  .dark-mode .xl-mble-11,
  .dark-mode .xl-mbl-11 {
    margin-block-end: 80px;
  }
  .dark-mode .xl-mins-11,
  .dark-mode .xl-min-11 {
    margin-inline-start: 80px;
  }
  .dark-mode .xl-mine-11,
  .dark-mode .xl-min-11 {
    margin-inline-end: 80px;
  }
  .dark-mode .xl-p-11 {
    padding: 80px;
  }
  .dark-mode .xl-pt-11,
  .dark-mode .xl-py-11 {
    padding-top: 80px;
  }
  .dark-mode .xl-pr-11,
  .dark-mode .xl-px-11 {
    padding-right: 80px;
  }
  .dark-mode .xl-pb-11,
  .dark-mode .xl-py-11 {
    padding-bottom: 80px;
  }
  .dark-mode .xl-pl-11,
  .dark-mode .xl-px-11 {
    padding-left: 80px;
  }
  .dark-mode .xl-pbls-11,
  .dark-mode .xl-pbl-11 {
    padding-block-start: 80px;
  }
  .dark-mode .xl-pble-11,
  .dark-mode .xl-pbl-11 {
    padding-block-end: 80px;
  }
  .dark-mode .xl-pins-11,
  .dark-mode .xl-pin-11 {
    padding-inline-start: 80px;
  }
  .dark-mode .xl-pine-11,
  .dark-mode .xl-pin-11 {
    padding-inline-end: 80px;
  }
  .dark-mode .xl-m-12 {
    margin: 88px;
  }
  .dark-mode .xl-mt-12,
  .dark-mode .xl-my-12 {
    margin-top: 88px;
  }
  .dark-mode .xl-mr-12,
  .dark-mode .xl-mx-12 {
    margin-right: 88px;
  }
  .dark-mode .xl-mb-12,
  .dark-mode .xl-my-12 {
    margin-bottom: 88px;
  }
  .dark-mode .xl-ml-12,
  .dark-mode .xl-mx-12 {
    margin-left: 88px;
  }
  .dark-mode .xl-mbls-12,
  .dark-mode .xl-mbl-12 {
    margin-block-start: 88px;
  }
  .dark-mode .xl-mble-12,
  .dark-mode .xl-mbl-12 {
    margin-block-end: 88px;
  }
  .dark-mode .xl-mins-12,
  .dark-mode .xl-min-12 {
    margin-inline-start: 88px;
  }
  .dark-mode .xl-mine-12,
  .dark-mode .xl-min-12 {
    margin-inline-end: 88px;
  }
  .dark-mode .xl-p-12 {
    padding: 88px;
  }
  .dark-mode .xl-pt-12,
  .dark-mode .xl-py-12 {
    padding-top: 88px;
  }
  .dark-mode .xl-pr-12,
  .dark-mode .xl-px-12 {
    padding-right: 88px;
  }
  .dark-mode .xl-pb-12,
  .dark-mode .xl-py-12 {
    padding-bottom: 88px;
  }
  .dark-mode .xl-pl-12,
  .dark-mode .xl-px-12 {
    padding-left: 88px;
  }
  .dark-mode .xl-pbls-12,
  .dark-mode .xl-pbl-12 {
    padding-block-start: 88px;
  }
  .dark-mode .xl-pble-12,
  .dark-mode .xl-pbl-12 {
    padding-block-end: 88px;
  }
  .dark-mode .xl-pins-12,
  .dark-mode .xl-pin-12 {
    padding-inline-start: 88px;
  }
  .dark-mode .xl-pine-12,
  .dark-mode .xl-pin-12 {
    padding-inline-end: 88px;
  }
  .dark-mode .xl-m-13 {
    margin: 96px;
  }
  .dark-mode .xl-mt-13,
  .dark-mode .xl-my-13 {
    margin-top: 96px;
  }
  .dark-mode .xl-mr-13,
  .dark-mode .xl-mx-13 {
    margin-right: 96px;
  }
  .dark-mode .xl-mb-13,
  .dark-mode .xl-my-13 {
    margin-bottom: 96px;
  }
  .dark-mode .xl-ml-13,
  .dark-mode .xl-mx-13 {
    margin-left: 96px;
  }
  .dark-mode .xl-mbls-13,
  .dark-mode .xl-mbl-13 {
    margin-block-start: 96px;
  }
  .dark-mode .xl-mble-13,
  .dark-mode .xl-mbl-13 {
    margin-block-end: 96px;
  }
  .dark-mode .xl-mins-13,
  .dark-mode .xl-min-13 {
    margin-inline-start: 96px;
  }
  .dark-mode .xl-mine-13,
  .dark-mode .xl-min-13 {
    margin-inline-end: 96px;
  }
  .dark-mode .xl-p-13 {
    padding: 96px;
  }
  .dark-mode .xl-pt-13,
  .dark-mode .xl-py-13 {
    padding-top: 96px;
  }
  .dark-mode .xl-pr-13,
  .dark-mode .xl-px-13 {
    padding-right: 96px;
  }
  .dark-mode .xl-pb-13,
  .dark-mode .xl-py-13 {
    padding-bottom: 96px;
  }
  .dark-mode .xl-pl-13,
  .dark-mode .xl-px-13 {
    padding-left: 96px;
  }
  .dark-mode .xl-pbls-13,
  .dark-mode .xl-pbl-13 {
    padding-block-start: 96px;
  }
  .dark-mode .xl-pble-13,
  .dark-mode .xl-pbl-13 {
    padding-block-end: 96px;
  }
  .dark-mode .xl-pins-13,
  .dark-mode .xl-pin-13 {
    padding-inline-start: 96px;
  }
  .dark-mode .xl-pine-13,
  .dark-mode .xl-pin-13 {
    padding-inline-end: 96px;
  }
  .dark-mode .xl-m-14 {
    margin: 104px;
  }
  .dark-mode .xl-mt-14,
  .dark-mode .xl-my-14 {
    margin-top: 104px;
  }
  .dark-mode .xl-mr-14,
  .dark-mode .xl-mx-14 {
    margin-right: 104px;
  }
  .dark-mode .xl-mb-14,
  .dark-mode .xl-my-14 {
    margin-bottom: 104px;
  }
  .dark-mode .xl-ml-14,
  .dark-mode .xl-mx-14 {
    margin-left: 104px;
  }
  .dark-mode .xl-mbls-14,
  .dark-mode .xl-mbl-14 {
    margin-block-start: 104px;
  }
  .dark-mode .xl-mble-14,
  .dark-mode .xl-mbl-14 {
    margin-block-end: 104px;
  }
  .dark-mode .xl-mins-14,
  .dark-mode .xl-min-14 {
    margin-inline-start: 104px;
  }
  .dark-mode .xl-mine-14,
  .dark-mode .xl-min-14 {
    margin-inline-end: 104px;
  }
  .dark-mode .xl-p-14 {
    padding: 104px;
  }
  .dark-mode .xl-pt-14,
  .dark-mode .xl-py-14 {
    padding-top: 104px;
  }
  .dark-mode .xl-pr-14,
  .dark-mode .xl-px-14 {
    padding-right: 104px;
  }
  .dark-mode .xl-pb-14,
  .dark-mode .xl-py-14 {
    padding-bottom: 104px;
  }
  .dark-mode .xl-pl-14,
  .dark-mode .xl-px-14 {
    padding-left: 104px;
  }
  .dark-mode .xl-pbls-14,
  .dark-mode .xl-pbl-14 {
    padding-block-start: 104px;
  }
  .dark-mode .xl-pble-14,
  .dark-mode .xl-pbl-14 {
    padding-block-end: 104px;
  }
  .dark-mode .xl-pins-14,
  .dark-mode .xl-pin-14 {
    padding-inline-start: 104px;
  }
  .dark-mode .xl-pine-14,
  .dark-mode .xl-pin-14 {
    padding-inline-end: 104px;
  }
  .dark-mode .xl-m-15 {
    margin: 112px;
  }
  .dark-mode .xl-mt-15,
  .dark-mode .xl-my-15 {
    margin-top: 112px;
  }
  .dark-mode .xl-mr-15,
  .dark-mode .xl-mx-15 {
    margin-right: 112px;
  }
  .dark-mode .xl-mb-15,
  .dark-mode .xl-my-15 {
    margin-bottom: 112px;
  }
  .dark-mode .xl-ml-15,
  .dark-mode .xl-mx-15 {
    margin-left: 112px;
  }
  .dark-mode .xl-mbls-15,
  .dark-mode .xl-mbl-15 {
    margin-block-start: 112px;
  }
  .dark-mode .xl-mble-15,
  .dark-mode .xl-mbl-15 {
    margin-block-end: 112px;
  }
  .dark-mode .xl-mins-15,
  .dark-mode .xl-min-15 {
    margin-inline-start: 112px;
  }
  .dark-mode .xl-mine-15,
  .dark-mode .xl-min-15 {
    margin-inline-end: 112px;
  }
  .dark-mode .xl-p-15 {
    padding: 112px;
  }
  .dark-mode .xl-pt-15,
  .dark-mode .xl-py-15 {
    padding-top: 112px;
  }
  .dark-mode .xl-pr-15,
  .dark-mode .xl-px-15 {
    padding-right: 112px;
  }
  .dark-mode .xl-pb-15,
  .dark-mode .xl-py-15 {
    padding-bottom: 112px;
  }
  .dark-mode .xl-pl-15,
  .dark-mode .xl-px-15 {
    padding-left: 112px;
  }
  .dark-mode .xl-pbls-15,
  .dark-mode .xl-pbl-15 {
    padding-block-start: 112px;
  }
  .dark-mode .xl-pble-15,
  .dark-mode .xl-pbl-15 {
    padding-block-end: 112px;
  }
  .dark-mode .xl-pins-15,
  .dark-mode .xl-pin-15 {
    padding-inline-start: 112px;
  }
  .dark-mode .xl-pine-15,
  .dark-mode .xl-pin-15 {
    padding-inline-end: 112px;
  }
  .dark-mode .xl-m-16 {
    margin: 120px;
  }
  .dark-mode .xl-mt-16,
  .dark-mode .xl-my-16 {
    margin-top: 120px;
  }
  .dark-mode .xl-mr-16,
  .dark-mode .xl-mx-16 {
    margin-right: 120px;
  }
  .dark-mode .xl-mb-16,
  .dark-mode .xl-my-16 {
    margin-bottom: 120px;
  }
  .dark-mode .xl-ml-16,
  .dark-mode .xl-mx-16 {
    margin-left: 120px;
  }
  .dark-mode .xl-mbls-16,
  .dark-mode .xl-mbl-16 {
    margin-block-start: 120px;
  }
  .dark-mode .xl-mble-16,
  .dark-mode .xl-mbl-16 {
    margin-block-end: 120px;
  }
  .dark-mode .xl-mins-16,
  .dark-mode .xl-min-16 {
    margin-inline-start: 120px;
  }
  .dark-mode .xl-mine-16,
  .dark-mode .xl-min-16 {
    margin-inline-end: 120px;
  }
  .dark-mode .xl-p-16 {
    padding: 120px;
  }
  .dark-mode .xl-pt-16,
  .dark-mode .xl-py-16 {
    padding-top: 120px;
  }
  .dark-mode .xl-pr-16,
  .dark-mode .xl-px-16 {
    padding-right: 120px;
  }
  .dark-mode .xl-pb-16,
  .dark-mode .xl-py-16 {
    padding-bottom: 120px;
  }
  .dark-mode .xl-pl-16,
  .dark-mode .xl-px-16 {
    padding-left: 120px;
  }
  .dark-mode .xl-pbls-16,
  .dark-mode .xl-pbl-16 {
    padding-block-start: 120px;
  }
  .dark-mode .xl-pble-16,
  .dark-mode .xl-pbl-16 {
    padding-block-end: 120px;
  }
  .dark-mode .xl-pins-16,
  .dark-mode .xl-pin-16 {
    padding-inline-start: 120px;
  }
  .dark-mode .xl-pine-16,
  .dark-mode .xl-pin-16 {
    padding-inline-end: 120px;
  }
  .dark-mode .xl-m-17 {
    margin: 128px;
  }
  .dark-mode .xl-mt-17,
  .dark-mode .xl-my-17 {
    margin-top: 128px;
  }
  .dark-mode .xl-mr-17,
  .dark-mode .xl-mx-17 {
    margin-right: 128px;
  }
  .dark-mode .xl-mb-17,
  .dark-mode .xl-my-17 {
    margin-bottom: 128px;
  }
  .dark-mode .xl-ml-17,
  .dark-mode .xl-mx-17 {
    margin-left: 128px;
  }
  .dark-mode .xl-mbls-17,
  .dark-mode .xl-mbl-17 {
    margin-block-start: 128px;
  }
  .dark-mode .xl-mble-17,
  .dark-mode .xl-mbl-17 {
    margin-block-end: 128px;
  }
  .dark-mode .xl-mins-17,
  .dark-mode .xl-min-17 {
    margin-inline-start: 128px;
  }
  .dark-mode .xl-mine-17,
  .dark-mode .xl-min-17 {
    margin-inline-end: 128px;
  }
  .dark-mode .xl-p-17 {
    padding: 128px;
  }
  .dark-mode .xl-pt-17,
  .dark-mode .xl-py-17 {
    padding-top: 128px;
  }
  .dark-mode .xl-pr-17,
  .dark-mode .xl-px-17 {
    padding-right: 128px;
  }
  .dark-mode .xl-pb-17,
  .dark-mode .xl-py-17 {
    padding-bottom: 128px;
  }
  .dark-mode .xl-pl-17,
  .dark-mode .xl-px-17 {
    padding-left: 128px;
  }
  .dark-mode .xl-pbls-17,
  .dark-mode .xl-pbl-17 {
    padding-block-start: 128px;
  }
  .dark-mode .xl-pble-17,
  .dark-mode .xl-pbl-17 {
    padding-block-end: 128px;
  }
  .dark-mode .xl-pins-17,
  .dark-mode .xl-pin-17 {
    padding-inline-start: 128px;
  }
  .dark-mode .xl-pine-17,
  .dark-mode .xl-pin-17 {
    padding-inline-end: 128px;
  }
  .dark-mode .xl-gap-0 {
    gap: 0px;
  }
  .dark-mode .xl-gap-x-0 {
    column-gap: 0px;
  }
  .dark-mode .xl-gap-y-0 {
    row-gap: 0px;
  }
  .dark-mode .xl-gap-0-5 {
    gap: 0.125rem;
  }
  .dark-mode .xl-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .dark-mode .xl-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .dark-mode .xl-gap-1 {
    gap: 0.25rem;
  }
  .dark-mode .xl-gap-x-1 {
    column-gap: 0.25rem;
  }
  .dark-mode .xl-gap-y-1 {
    row-gap: 0.25rem;
  }
  .dark-mode .xl-gap-1-5 {
    gap: 0.375rem;
  }
  .dark-mode .xl-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .dark-mode .xl-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .dark-mode .xl-gap-2 {
    gap: 0.5rem;
  }
  .dark-mode .xl-gap-x-2 {
    column-gap: 0.5rem;
  }
  .dark-mode .xl-gap-y-2 {
    row-gap: 0.5rem;
  }
  .dark-mode .xl-gap-2-5 {
    gap: 0.625rem;
  }
  .dark-mode .xl-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .dark-mode .xl-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .dark-mode .xl-gap-3 {
    gap: 0.75rem;
  }
  .dark-mode .xl-gap-x-3 {
    column-gap: 0.75rem;
  }
  .dark-mode .xl-gap-y-3 {
    row-gap: 0.75rem;
  }
  .dark-mode .xl-gap-3-5 {
    gap: 0.875rem;
  }
  .dark-mode .xl-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .dark-mode .xl-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .dark-mode .xl-gap-4 {
    gap: 1rem;
  }
  .dark-mode .xl-gap-x-4 {
    column-gap: 1rem;
  }
  .dark-mode .xl-gap-y-4 {
    row-gap: 1rem;
  }
  .dark-mode .xl-gap-5 {
    gap: 1.25rem;
  }
  .dark-mode .xl-gap-x-5 {
    column-gap: 1.25rem;
  }
  .dark-mode .xl-gap-y-5 {
    row-gap: 1.25rem;
  }
  .dark-mode .xl-gap-6 {
    gap: 1.5rem;
  }
  .dark-mode .xl-gap-x-6 {
    column-gap: 1.5rem;
  }
  .dark-mode .xl-gap-y-6 {
    row-gap: 1.5rem;
  }
  .dark-mode .xl-gap-7 {
    gap: 1.75rem;
  }
  .dark-mode .xl-gap-x-7 {
    column-gap: 1.75rem;
  }
  .dark-mode .xl-gap-y-7 {
    row-gap: 1.75rem;
  }
  .dark-mode .xl-gap-8 {
    gap: 2rem;
  }
  .dark-mode .xl-gap-x-8 {
    column-gap: 2rem;
  }
  .dark-mode .xl-gap-y-8 {
    row-gap: 2rem;
  }
  .dark-mode .xl-gap-9 {
    gap: 2.25rem;
  }
  .dark-mode .xl-gap-x-9 {
    column-gap: 2.25rem;
  }
  .dark-mode .xl-gap-y-9 {
    row-gap: 2.25rem;
  }
  .dark-mode .xl-gap-10 {
    gap: 2.5rem;
  }
  .dark-mode .xl-gap-x-10 {
    column-gap: 2.5rem;
  }
  .dark-mode .xl-gap-y-10 {
    row-gap: 2.5rem;
  }
  .dark-mode .xl-gap-11 {
    gap: 2.75rem;
  }
  .dark-mode .xl-gap-x-11 {
    column-gap: 2.75rem;
  }
  .dark-mode .xl-gap-y-11 {
    row-gap: 2.75rem;
  }
  .dark-mode .xl-gap-12 {
    gap: 3rem;
  }
  .dark-mode .xl-gap-x-12 {
    column-gap: 3rem;
  }
  .dark-mode .xl-gap-y-12 {
    row-gap: 3rem;
  }
  .dark-mode .xl-gap-14 {
    gap: 3.5rem;
  }
  .dark-mode .xl-gap-x-14 {
    column-gap: 3.5rem;
  }
  .dark-mode .xl-gap-y-14 {
    row-gap: 3.5rem;
  }
  .dark-mode .xl-gap-16 {
    gap: 4rem;
  }
  .dark-mode .xl-gap-x-16 {
    column-gap: 4rem;
  }
  .dark-mode .xl-gap-y-16 {
    row-gap: 4rem;
  }
  .dark-mode .xl-gap-20 {
    gap: 5rem;
  }
  .dark-mode .xl-gap-x-20 {
    column-gap: 5rem;
  }
  .dark-mode .xl-gap-y-20 {
    row-gap: 5rem;
  }
  .dark-mode .xl-gap-24 {
    gap: 6rem;
  }
  .dark-mode .xl-gap-x-24 {
    column-gap: 6rem;
  }
  .dark-mode .xl-gap-y-24 {
    row-gap: 6rem;
  }
  .dark-mode .xl-gap-28 {
    gap: 7rem;
  }
  .dark-mode .xl-gap-x-28 {
    column-gap: 7rem;
  }
  .dark-mode .xl-gap-y-28 {
    row-gap: 7rem;
  }
  .dark-mode .xl-gap-32 {
    gap: 8rem;
  }
  .dark-mode .xl-gap-x-32 {
    column-gap: 8rem;
  }
  .dark-mode .xl-gap-y-32 {
    row-gap: 8rem;
  }
  .dark-mode .xl-gap-36 {
    gap: 9rem;
  }
  .dark-mode .xl-gap-x-36 {
    column-gap: 9rem;
  }
  .dark-mode .xl-gap-y-36 {
    row-gap: 9rem;
  }
  .dark-mode .xl-gap-40 {
    gap: 10rem;
  }
  .dark-mode .xl-gap-x-40 {
    column-gap: 10rem;
  }
  .dark-mode .xl-gap-y-40 {
    row-gap: 10rem;
  }
  .dark-mode .xl-gap-44 {
    gap: 11rem;
  }
  .dark-mode .xl-gap-x-44 {
    column-gap: 11rem;
  }
  .dark-mode .xl-gap-y-44 {
    row-gap: 11rem;
  }
  .dark-mode .xl-gap-48 {
    gap: 12rem;
  }
  .dark-mode .xl-gap-x-48 {
    column-gap: 12rem;
  }
  .dark-mode .xl-gap-y-48 {
    row-gap: 12rem;
  }
  .dark-mode .xl-gap-52 {
    gap: 13rem;
  }
  .dark-mode .xl-gap-x-52 {
    column-gap: 13rem;
  }
  .dark-mode .xl-gap-y-52 {
    row-gap: 13rem;
  }
  .dark-mode .xl-gap-56 {
    gap: 13rem;
  }
  .dark-mode .xl-gap-x-56 {
    column-gap: 13rem;
  }
  .dark-mode .xl-gap-y-56 {
    row-gap: 13rem;
  }
  .dark-mode .xl-gap-60 {
    gap: 15rem;
  }
  .dark-mode .xl-gap-x-60 {
    column-gap: 15rem;
  }
  .dark-mode .xl-gap-y-60 {
    row-gap: 15rem;
  }
  .dark-mode .xl-gap-64 {
    gap: 16rem;
  }
  .dark-mode .xl-gap-x-64 {
    column-gap: 16rem;
  }
  .dark-mode .xl-gap-y-64 {
    row-gap: 16rem;
  }
  .dark-mode .xl-gap-72 {
    gap: 18rem;
  }
  .dark-mode .xl-gap-x-72 {
    column-gap: 18rem;
  }
  .dark-mode .xl-gap-y-72 {
    row-gap: 18rem;
  }
  .dark-mode .xl-gap-80 {
    gap: 20rem;
  }
  .dark-mode .xl-gap-x-80 {
    column-gap: 20rem;
  }
  .dark-mode .xl-gap-y-80 {
    row-gap: 20rem;
  }
  .dark-mode .xl-gap-96 {
    gap: 24rem;
  }
  .dark-mode .xl-gap-x-96 {
    column-gap: 24rem;
  }
  .dark-mode .xl-gap-y-96 {
    row-gap: 24rem;
  }
  .dark-mode .xl-flex {
    display: flex;
  }
  .dark-mode .xl-block {
    display: block;
  }
  .dark-mode .xl-grid {
    display: grid;
  }
  .dark-mode .xl-table {
    display: table;
  }
  .dark-mode .xl-table-row {
    display: table-row;
  }
  .dark-mode .xl-table-row-group {
    display: table-row-group;
  }
  .dark-mode .xl-inline-table {
    display: inline-table;
  }
  .dark-mode .xl-inline-block {
    display: inline-block;
  }
  .dark-mode .xl-inline {
    display: inline-flex;
  }
  .dark-mode .xl-hidden {
    display: none;
  }
  .dark-mode .xl-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .dark-mode .xl-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .dark-mode .xl-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .dark-mode .xl-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .dark-mode .xl-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .dark-mode .xl-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .dark-mode .xl-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .dark-mode .xl-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .dark-mode .xl-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .dark-mode .xl-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .dark-mode .xl-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .dark-mode .xl-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .dark-mode .xl-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .dark-mode .xl-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .dark-mode .xl-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .dark-mode .xl-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .dark-mode .xl-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .dark-mode .xl-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .dark-mode .xl-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .dark-mode .xl-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .dark-mode .xl-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .dark-mode .xl-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .dark-mode .xl-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .dark-mode .xl-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .dark-mode .xl-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .dark-mode .xl-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .dark-mode .xl-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .dark-mode .xl-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .dark-mode .xl-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .dark-mode .xl-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .dark-mode .xl-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .dark-mode .xl-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .dark-mode .xl-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .dark-mode .xl-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .dark-mode .xl-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .dark-mode .xl-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .dark-mode .xl-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .dark-mode .xl-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .dark-mode .xl-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .dark-mode .xl-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .dark-mode .xl-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .dark-mode .xl-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .dark-mode .xl-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .dark-mode .xl-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .dark-mode .xl-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .dark-mode .xl-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .dark-mode .xl-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .dark-mode .xl-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .dark-mode .xl-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .dark-mode .xl-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .dark-mode .xl-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .dark-mode .xl-text-ellipsis {
    text-overflow: ellipsis;
  }
  .dark-mode .xl-text-clip {
    text-overflow: clip;;
  }
  .dark-mode .xl-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .dark-mode .xl-overflow-hidden {
    overflow: hidden;
  }
  .dark-mode .xl-text-left {
    text-align: left;
  }
  .dark-mode .xl-text-center {
    text-align: center;
  }
  .dark-mode .xl-text-right {
    text-align: right;
  }
  .dark-mode .xl-text-justify {
    text-align: justify;
  }
  .dark-mode .xl-text-start {
    text-align: start;
  }
  .dark-mode .xl-text-end {
    text-align: end;
  }
  .dark-mode .xl-underline {
    text-decoration: underline;
  }
  .dark-mode .xl-overline {
    text-decoration: overline;
  }
  .dark-mode .xl-line-through {
    text-decoration: line-through;
  }
  .dark-mode .xl-no-underline {
    text-decoration: none;
  }
  .dark-mode .xl-uppercase {
    text-transform: uppercase;
  }
  .dark-mode .xl-lowercase {
    text-transform: lowercase;
  }
  .dark-mode .xl-capitalize {
    text-transform: capitalize;
  }
  .dark-mode .xl-normal-case {
    text-transform: none;
  }
  .dark-mode .xl-align-baseline {
    vertical-align: baseline;
  }
  .dark-mode .xl-align-top {
    vertical-align: top;
  }
  .dark-mode .xl-align-middle {
    vertical-align: middle;
  }
  .dark-mode .xl-align-bottom {
    vertical-align: bottom;
  }
  .dark-mode .xl-align-text-top {
    vertical-align: text-top;
  }
  .dark-mode .xl-align-text-bottom {
    vertical-align: text-bottom;
  }
  .dark-mode .xl-align-sub {
    vertical-align: sub;
  }
  .dark-mode .xl-align-super {
    vertical-align: super;
  }
  .dark-mode .xl-whitespace-normal {
    white-space: normal;
  }
  .dark-mode .xl-whitespace-nowrap {
    white-space: nowrap;
  }
  .dark-mode .xl-whitespace-pre {
    white-space: pre;
  }
  .dark-mode .xl-whitespace-pre-line {
    white-space: pre-line;
  }
  .dark-mode .xl-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .dark-mode .xl-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .dark-mode .xl-break-all {
    word-break: break-all;
  }
  .dark-mode .xl-break-keep {
    word-break: keep-all;
  }
  .dark-mode .xl-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .dark-mode .xl-break-words {
    overflow-wrap: break-word;
  }
  .dark-mode .xl-hyphens-none {
    hyphens: none;
  }
  .dark-mode .xl-hyphens-manual {
    hyphens: manual;
  }
  .dark-mode .xl-hyphens-auto {
    hyphens: auto;
  }
  .dark-mode .xl-indent-0 {
    text-indent: 0px;
  }
  .dark-mode .xl-indent-px {
    text-indent: 1px;
  }
  .dark-mode .xl-indent-0-5 {
    text-indent: 0.125rem;
  }
  .dark-mode .xl-indent-1 {
    text-indent: 0.25rem;
  }
  .dark-mode .xl-indent-1-5 {
    text-indent: 0.375rem;
  }
  .dark-mode .xl-indent-2 {
    text-indent: 0.5rem;
  }
  .dark-mode .xl-indent-2-5 {
    text-indent: 0.625rem;
  }
  .dark-mode .xl-indent-3 {
    text-indent: 0.75rem;
  }
  .dark-mode .xl-indent-3-5 {
    text-indent: 0.875rem;
  }
  .dark-mode .xl-indent-4 {
    text-indent: 1rem;
  }
  .dark-mode .xl-indent-5 {
    text-indent: 1.25rem;
  }
  .dark-mode .xl-indent-6 {
    text-indent: 1.5rem;
  }
  .dark-mode .xl-indent-7 {
    text-indent: 1.75rem;
  }
  .dark-mode .xl-indent-8 {
    text-indent: 2rem;
  }
  .dark-mode .xl-indent-9 {
    text-indent: 2.25rem;
  }
  .dark-mode .xl-indent-10 {
    text-indent: 2.5rem;
  }
  .dark-mode .xl-indent-11 {
    text-indent: 2.75rem;
  }
  .dark-mode .xl-indent-12 {
    text-indent:  3rem;
  }
  .dark-mode .xl-indent-14 {
    text-indent: 3.5rem;
  }
  .dark-mode .xl-indent-16 {
    text-indent: 4rem;
  }
  .dark-mode .xl-indent-20 {
    text-indent: 5rem;
  }
  .dark-mode .xl-indent-24 {
    text-indent: 6rem;
  }
  .dark-mode .xl-indent-28 {
    text-indent: 7rem;
  }
  .dark-mode .xl-indent-32 {
    text-indent: 8rem;
  }
  .dark-mode .xl-indent-36 {
    text-indent: 9rem;
  }
  .dark-mode .xl-indent-40 {
    text-indent: 10rem;
  }
  .dark-mode .xl-indent-44 {
    text-indent: 11rem;
  }
  .dark-mode .xl-indent-48 {
    text-indent: 12rem;
  }
  .dark-mode .xl-indent-52 {
    text-indent: 13rem;
  }
  .dark-mode .xl-indent-56 {
    text-indent: 14rem;
  }
  .dark-mode .xl-indent-60 {
    text-indent: 15rem;
  }
  .dark-mode .xl-indent-64 {
    text-indent: 16rem;
  }
  .dark-mode .xl-indent-72 {
    text-indent: 18rem;
  }
  .dark-mode .xl-indent-80 {
    text-indent: 20rem;
  }
  .dark-mode .xl-indent-96 {
    text-indent: 24rem;
  }
  .dark-mode .xl-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .dark-mode .xl-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .dark-mode .xl-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .dark-mode .xl-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dark-mode .xl-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .dark-mode .xl-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .dark-mode .xl-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .dark-mode .xl-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 1919px) {
  .dark-mode .lg-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .lg-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .lg-col-span-0 {
    grid-column: span 0/span 0;
  }
  .dark-mode .lg-col-span-1 {
    grid-column: span 1/span 1;
  }
  .dark-mode .lg-col-span-2 {
    grid-column: span 2/span 2;
  }
  .dark-mode .lg-col-span-3 {
    grid-column: span 3/span 3;
  }
  .dark-mode .lg-col-span-4 {
    grid-column: span 4/span 4;
  }
  .dark-mode .lg-col-span-5 {
    grid-column: span 5/span 5;
  }
  .dark-mode .lg-col-span-6 {
    grid-column: span 6/span 6;
  }
  .dark-mode .lg-col-span-7 {
    grid-column: span 7/span 7;
  }
  .dark-mode .lg-col-span-8 {
    grid-column: span 8/span 8;
  }
  .dark-mode .lg-col-span-9 {
    grid-column: span 9/span 9;
  }
  .dark-mode .lg-col-span-10 {
    grid-column: span 10/span 10;
  }
  .dark-mode .lg-col-span-11 {
    grid-column: span 11/span 11;
  }
  .dark-mode .lg-col-span-12 {
    grid-column: span 12/span 12;
  }
  .dark-mode .lg-col-auto {
    grid-column: auto;
  }
  .dark-mode .lg-row-span-0 {
    grid-row: span 0/span 0;
  }
  .dark-mode .lg-row-span-1 {
    grid-row: span 1/span 1;
  }
  .dark-mode .lg-row-span-2 {
    grid-row: span 2/span 2;
  }
  .dark-mode .lg-row-span-3 {
    grid-row: span 3/span 3;
  }
  .dark-mode .lg-row-span-4 {
    grid-row: span 4/span 4;
  }
  .dark-mode .lg-row-span-5 {
    grid-row: span 5/span 5;
  }
  .dark-mode .lg-row-span-6 {
    grid-row: span 6/span 6;
  }
  .dark-mode .lg-row-span-7 {
    grid-row: span 7/span 7;
  }
  .dark-mode .lg-row-span-8 {
    grid-row: span 8/span 8;
  }
  .dark-mode .lg-row-span-9 {
    grid-row: span 9/span 9;
  }
  .dark-mode .lg-row-span-10 {
    grid-row: span 10/span 10;
  }
  .dark-mode .lg-row-span-11 {
    grid-row: span 11/span 11;
  }
  .dark-mode .lg-row-span-12 {
    grid-row: span 12/span 12;
  }
  .dark-mode .lg-row-auto {
    grid-row: auto;
  }
  .dark-mode .lg-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .dark-mode .lg-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .lg-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .lg-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .dark-mode .lg-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .dark-mode .lg-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .dark-mode .lg-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .dark-mode .lg-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dark-mode .lg-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .dark-mode .lg-flex-wrap {
    flex-wrap: wrap;
  }
  .dark-mode .lg-flex-nowrap {
    flex-wrap: nowrap;
  }
  .dark-mode .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .dark-mode .lg-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .dark-mode .lg-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .dark-mode .lg-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .dark-mode .lg-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .dark-mode .lg-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .dark-mode .lg-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .dark-mode .lg-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .dark-mode .lg-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .dark-mode .lg-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .dark-mode .lg-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .dark-mode .lg-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .dark-mode .lg-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .dark-mode .lg-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .dark-mode .lg-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .dark-mode .lg-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .dark-mode .lg-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .dark-mode .lg-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .dark-mode .lg-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .dark-mode .lg-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .dark-mode .lg-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .dark-mode .lg-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .dark-mode .lg-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .dark-mode .lg-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .dark-mode .lg-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .dark-mode .lg-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .dark-mode .lg-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .dark-mode .lg-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .dark-mode .lg-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .dark-mode .lg-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .dark-mode .lg-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .dark-mode .lg-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .dark-mode .lg-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .dark-mode .lg-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .dark-mode .lg-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .dark-mode .lg-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .dark-mode .lg-basis-0 {
    flex-basis: 0px;
  }
  .dark-mode .lg-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .dark-mode .lg-basis-1 {
    flex-basis: 0.25rem;
  }
  .dark-mode .lg-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .dark-mode .lg-basis-2 {
    flex-basis: 0.5rem;
  }
  .dark-mode .lg-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .dark-mode .lg-basis-3 {
    flex-basis: 0.75rem;
  }
  .dark-mode .lg-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .dark-mode .lg-basis-4 {
    flex-basis: 1rem;
  }
  .dark-mode .lg-basis-5 {
    flex-basis: 1.25rem;
  }
  .dark-mode .lg-basis-6 {
    flex-basis: 1.5rem;
  }
  .dark-mode .lg-basis-7 {
    flex-basis: 1.75rem;
  }
  .dark-mode .lg-basis-8 {
    flex-basis: 2rem;
  }
  .dark-mode .lg-basis-9 {
    flex-basis: 2.25rem;
  }
  .dark-mode .lg-basis-10 {
    flex-basis: 2.5rem;
  }
  .dark-mode .lg-basis-11 {
    flex-basis: 2.75rem;
  }
  .dark-mode .lg-basis-12 {
    flex-basis: 3rem;
  }
  .dark-mode .lg-basis-14 {
    flex-basis: 3.5rem;
  }
  .dark-mode .lg-basis-16 {
    flex-basis: 4rem;
  }
  .dark-mode .lg-basis-20 {
    flex-basis: 5rem;
  }
  .dark-mode .lg-basis-24 {
    flex-basis: 6rem;
  }
  .dark-mode .lg-basis-28 {
    flex-basis: 7rem;
  }
  .dark-mode .lg-basis-32 {
    flex-basis: 8rem;
  }
  .dark-mode .lg-basis-36 {
    flex-basis: 9rem;
  }
  .dark-mode .lg-basis-40 {
    flex-basis: 10rem;
  }
  .dark-mode .lg-basis-44 {
    flex-basis: 11rem;
  }
  .dark-mode .lg-basis-48 {
    flex-basis: 12rem;
  }
  .dark-mode .lg-basis-52 {
    flex-basis: 13rem;
  }
  .dark-mode .lg-basis-56 {
    flex-basis: 13rem;
  }
  .dark-mode .lg-basis-60 {
    flex-basis: 15rem;
  }
  .dark-mode .lg-basis-64 {
    flex-basis: 16rem;
  }
  .dark-mode .lg-basis-72 {
    flex-basis: 18rem;
  }
  .dark-mode .lg-basis-80 {
    flex-basis: 20rem;
  }
  .dark-mode .lg-basis-96 {
    flex-basis: 24rem;
  }
  .dark-mode .lg-basis-auto {
    flex-basis: auto;
  }
  .dark-mode .lg-basis-1on2 {
    flex-basis: 50%;
  }
  .dark-mode .lg-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .dark-mode .lg-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .dark-mode .lg-basis-1on4 {
    flex-basis: 25%;
  }
  .dark-mode .lg-basis-2on4 {
    flex-basis: 50%;
  }
  .dark-mode .lg-basis-3on4 {
    flex-basis: 75%;
  }
  .dark-mode .lg-basis-1on5 {
    flex-basis: 20%;
  }
  .dark-mode .lg-basis-2on5 {
    flex-basis: 40%;
  }
  .dark-mode .lg-basis-3on5 {
    flex-basis: 60%;
  }
  .dark-mode .lg-basis-4on5 {
    flex-basis: 80%;
  }
  .dark-mode .lg-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .dark-mode .lg-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .dark-mode .lg-basis-3on6 {
    flex-basis: 50%;
  }
  .dark-mode .lg-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .dark-mode .lg-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .dark-mode .lg-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .dark-mode .lg-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .dark-mode .lg-basis-3on12 {
    flex-basis: 25%;
  }
  .dark-mode .lg-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .dark-mode .lg-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .dark-mode .lg-basis-6on12 {
    flex-basis: 50%;
  }
  .dark-mode .lg-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .dark-mode .lg-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .dark-mode .lg-basis-9on12 {
    flex-basis: 75%;
  }
  .dark-mode .lg-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .dark-mode .lg-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .dark-mode .lg-basis-screen {
    flex-basis: 100vw;
  }
  .dark-mode .lg-basis-full {
    flex-basis: 100%;
  }
  .dark-mode .lg-w-0 {
    width: 0px;
  }
  .dark-mode .lg-min-w-0 {
    min-width: 0px;
  }
  .dark-mode .lg-max-w-0 {
    max-width: 0px;
  }
  .dark-mode .lg-w-0-5 {
    width: 0.125rem;
  }
  .dark-mode .lg-min-w-0-5 {
    min-width: 0.125rem;
  }
  .dark-mode .lg-max-w-0-5 {
    max-width: 0.125rem;
  }
  .dark-mode .lg-w-1 {
    width: 0.25rem;
  }
  .dark-mode .lg-min-w-1 {
    min-width: 0.25rem;
  }
  .dark-mode .lg-max-w-1 {
    max-width: 0.25rem;
  }
  .dark-mode .lg-w-1-5 {
    width: 0.375rem;
  }
  .dark-mode .lg-min-w-1-5 {
    min-width: 0.375rem;
  }
  .dark-mode .lg-max-w-1-5 {
    max-width: 0.375rem;
  }
  .dark-mode .lg-w-2 {
    width: 0.5rem;
  }
  .dark-mode .lg-min-w-2 {
    min-width: 0.5rem;
  }
  .dark-mode .lg-max-w-2 {
    max-width: 0.5rem;
  }
  .dark-mode .lg-w-2-5 {
    width: 0.625rem;
  }
  .dark-mode .lg-min-w-2-5 {
    min-width: 0.625rem;
  }
  .dark-mode .lg-max-w-2-5 {
    max-width: 0.625rem;
  }
  .dark-mode .lg-w-3 {
    width: 0.75rem;
  }
  .dark-mode .lg-min-w-3 {
    min-width: 0.75rem;
  }
  .dark-mode .lg-max-w-3 {
    max-width: 0.75rem;
  }
  .dark-mode .lg-w-3-5 {
    width: 0.875rem;
  }
  .dark-mode .lg-min-w-3-5 {
    min-width: 0.875rem;
  }
  .dark-mode .lg-max-w-3-5 {
    max-width: 0.875rem;
  }
  .dark-mode .lg-w-4 {
    width: 1rem;
  }
  .dark-mode .lg-min-w-4 {
    min-width: 1rem;
  }
  .dark-mode .lg-max-w-4 {
    max-width: 1rem;
  }
  .dark-mode .lg-w-5 {
    width: 1.25rem;
  }
  .dark-mode .lg-min-w-5 {
    min-width: 1.25rem;
  }
  .dark-mode .lg-max-w-5 {
    max-width: 1.25rem;
  }
  .dark-mode .lg-w-6 {
    width: 1.5rem;
  }
  .dark-mode .lg-min-w-6 {
    min-width: 1.5rem;
  }
  .dark-mode .lg-max-w-6 {
    max-width: 1.5rem;
  }
  .dark-mode .lg-w-7 {
    width: 1.75rem;
  }
  .dark-mode .lg-min-w-7 {
    min-width: 1.75rem;
  }
  .dark-mode .lg-max-w-7 {
    max-width: 1.75rem;
  }
  .dark-mode .lg-w-8 {
    width: 2rem;
  }
  .dark-mode .lg-min-w-8 {
    min-width: 2rem;
  }
  .dark-mode .lg-max-w-8 {
    max-width: 2rem;
  }
  .dark-mode .lg-w-9 {
    width: 2.25rem;
  }
  .dark-mode .lg-min-w-9 {
    min-width: 2.25rem;
  }
  .dark-mode .lg-max-w-9 {
    max-width: 2.25rem;
  }
  .dark-mode .lg-w-10 {
    width: 2.5rem;
  }
  .dark-mode .lg-min-w-10 {
    min-width: 2.5rem;
  }
  .dark-mode .lg-max-w-10 {
    max-width: 2.5rem;
  }
  .dark-mode .lg-w-11 {
    width: 2.75rem;
  }
  .dark-mode .lg-min-w-11 {
    min-width: 2.75rem;
  }
  .dark-mode .lg-max-w-11 {
    max-width: 2.75rem;
  }
  .dark-mode .lg-w-12 {
    width: 3rem;
  }
  .dark-mode .lg-min-w-12 {
    min-width: 3rem;
  }
  .dark-mode .lg-max-w-12 {
    max-width: 3rem;
  }
  .dark-mode .lg-w-14 {
    width: 3.5rem;
  }
  .dark-mode .lg-min-w-14 {
    min-width: 3.5rem;
  }
  .dark-mode .lg-max-w-14 {
    max-width: 3.5rem;
  }
  .dark-mode .lg-w-16 {
    width: 4rem;
  }
  .dark-mode .lg-min-w-16 {
    min-width: 4rem;
  }
  .dark-mode .lg-max-w-16 {
    max-width: 4rem;
  }
  .dark-mode .lg-w-20 {
    width: 5rem;
  }
  .dark-mode .lg-min-w-20 {
    min-width: 5rem;
  }
  .dark-mode .lg-max-w-20 {
    max-width: 5rem;
  }
  .dark-mode .lg-w-24 {
    width: 6rem;
  }
  .dark-mode .lg-min-w-24 {
    min-width: 6rem;
  }
  .dark-mode .lg-max-w-24 {
    max-width: 6rem;
  }
  .dark-mode .lg-w-28 {
    width: 7rem;
  }
  .dark-mode .lg-min-w-28 {
    min-width: 7rem;
  }
  .dark-mode .lg-max-w-28 {
    max-width: 7rem;
  }
  .dark-mode .lg-w-32 {
    width: 8rem;
  }
  .dark-mode .lg-min-w-32 {
    min-width: 8rem;
  }
  .dark-mode .lg-max-w-32 {
    max-width: 8rem;
  }
  .dark-mode .lg-w-36 {
    width: 9rem;
  }
  .dark-mode .lg-min-w-36 {
    min-width: 9rem;
  }
  .dark-mode .lg-max-w-36 {
    max-width: 9rem;
  }
  .dark-mode .lg-w-40 {
    width: 10rem;
  }
  .dark-mode .lg-min-w-40 {
    min-width: 10rem;
  }
  .dark-mode .lg-max-w-40 {
    max-width: 10rem;
  }
  .dark-mode .lg-w-44 {
    width: 11rem;
  }
  .dark-mode .lg-min-w-44 {
    min-width: 11rem;
  }
  .dark-mode .lg-max-w-44 {
    max-width: 11rem;
  }
  .dark-mode .lg-w-48 {
    width: 12rem;
  }
  .dark-mode .lg-min-w-48 {
    min-width: 12rem;
  }
  .dark-mode .lg-max-w-48 {
    max-width: 12rem;
  }
  .dark-mode .lg-w-52 {
    width: 13rem;
  }
  .dark-mode .lg-min-w-52 {
    min-width: 13rem;
  }
  .dark-mode .lg-max-w-52 {
    max-width: 13rem;
  }
  .dark-mode .lg-w-56 {
    width: 13rem;
  }
  .dark-mode .lg-min-w-56 {
    min-width: 13rem;
  }
  .dark-mode .lg-max-w-56 {
    max-width: 13rem;
  }
  .dark-mode .lg-w-60 {
    width: 15rem;
  }
  .dark-mode .lg-min-w-60 {
    min-width: 15rem;
  }
  .dark-mode .lg-max-w-60 {
    max-width: 15rem;
  }
  .dark-mode .lg-w-64 {
    width: 16rem;
  }
  .dark-mode .lg-min-w-64 {
    min-width: 16rem;
  }
  .dark-mode .lg-max-w-64 {
    max-width: 16rem;
  }
  .dark-mode .lg-w-72 {
    width: 18rem;
  }
  .dark-mode .lg-min-w-72 {
    min-width: 18rem;
  }
  .dark-mode .lg-max-w-72 {
    max-width: 18rem;
  }
  .dark-mode .lg-w-80 {
    width: 20rem;
  }
  .dark-mode .lg-min-w-80 {
    min-width: 20rem;
  }
  .dark-mode .lg-max-w-80 {
    max-width: 20rem;
  }
  .dark-mode .lg-w-96 {
    width: 24rem;
  }
  .dark-mode .lg-min-w-96 {
    min-width: 24rem;
  }
  .dark-mode .lg-max-w-96 {
    max-width: 24rem;
  }
  .dark-mode .lg-w-auto {
    width: auto;
  }
  .dark-mode .lg-min-w-auto {
    min-width: auto;
  }
  .dark-mode .lg-max-w-auto {
    max-width: auto;
  }
  .dark-mode .lg-w-1on2 {
    width: 50%;
  }
  .dark-mode .lg-min-w-1on2 {
    min-width: 50%;
  }
  .dark-mode .lg-max-w-1on2 {
    max-width: 50%;
  }
  .dark-mode .lg-w-1on3 {
    width: 33.333333%;
  }
  .dark-mode .lg-min-w-1on3 {
    min-width: 33.333333%;
  }
  .dark-mode .lg-max-w-1on3 {
    max-width: 33.333333%;
  }
  .dark-mode .lg-w-2on3 {
    width: 66.666667%;
  }
  .dark-mode .lg-min-w-2on3 {
    min-width: 66.666667%;
  }
  .dark-mode .lg-max-w-2on3 {
    max-width: 66.666667%;
  }
  .dark-mode .lg-w-1on4 {
    width: 25%;
  }
  .dark-mode .lg-min-w-1on4 {
    min-width: 25%;
  }
  .dark-mode .lg-max-w-1on4 {
    max-width: 25%;
  }
  .dark-mode .lg-w-2on4 {
    width: 50%;
  }
  .dark-mode .lg-min-w-2on4 {
    min-width: 50%;
  }
  .dark-mode .lg-max-w-2on4 {
    max-width: 50%;
  }
  .dark-mode .lg-w-3on4 {
    width: 75%;
  }
  .dark-mode .lg-min-w-3on4 {
    min-width: 75%;
  }
  .dark-mode .lg-max-w-3on4 {
    max-width: 75%;
  }
  .dark-mode .lg-w-1on5 {
    width: 20%;
  }
  .dark-mode .lg-min-w-1on5 {
    min-width: 20%;
  }
  .dark-mode .lg-max-w-1on5 {
    max-width: 20%;
  }
  .dark-mode .lg-w-2on5 {
    width: 40%;
  }
  .dark-mode .lg-min-w-2on5 {
    min-width: 40%;
  }
  .dark-mode .lg-max-w-2on5 {
    max-width: 40%;
  }
  .dark-mode .lg-w-3on5 {
    width: 60%;
  }
  .dark-mode .lg-min-w-3on5 {
    min-width: 60%;
  }
  .dark-mode .lg-max-w-3on5 {
    max-width: 60%;
  }
  .dark-mode .lg-w-4on5 {
    width: 80%;
  }
  .dark-mode .lg-min-w-4on5 {
    min-width: 80%;
  }
  .dark-mode .lg-max-w-4on5 {
    max-width: 80%;
  }
  .dark-mode .lg-w-1on6 {
    width: 16.666667%;
  }
  .dark-mode .lg-min-w-1on6 {
    min-width: 16.666667%;
  }
  .dark-mode .lg-max-w-1on6 {
    max-width: 16.666667%;
  }
  .dark-mode .lg-w-2on6 {
    width: 33.333333%;
  }
  .dark-mode .lg-min-w-2on6 {
    min-width: 33.333333%;
  }
  .dark-mode .lg-max-w-2on6 {
    max-width: 33.333333%;
  }
  .dark-mode .lg-w-3on6 {
    width: 50%;
  }
  .dark-mode .lg-min-w-3on6 {
    min-width: 50%;
  }
  .dark-mode .lg-max-w-3on6 {
    max-width: 50%;
  }
  .dark-mode .lg-w-4on6 {
    width: 66.666667%;
  }
  .dark-mode .lg-min-w-4on6 {
    min-width: 66.666667%;
  }
  .dark-mode .lg-max-w-4on6 {
    max-width: 66.666667%;
  }
  .dark-mode .lg-w-5on6 {
    width: 83.333333%;
  }
  .dark-mode .lg-min-w-5on6 {
    min-width: 83.333333%;
  }
  .dark-mode .lg-max-w-5on6 {
    max-width: 83.333333%;
  }
  .dark-mode .lg-w-1on12 {
    width: 8.333333%;
  }
  .dark-mode .lg-min-w-1on12 {
    min-width: 8.333333%;
  }
  .dark-mode .lg-max-w-1on12 {
    max-width: 8.333333%;
  }
  .dark-mode .lg-w-2on12 {
    width: 16.666667%;
  }
  .dark-mode .lg-min-w-2on12 {
    min-width: 16.666667%;
  }
  .dark-mode .lg-max-w-2on12 {
    max-width: 16.666667%;
  }
  .dark-mode .lg-w-3on12 {
    width: 25%;
  }
  .dark-mode .lg-min-w-3on12 {
    min-width: 25%;
  }
  .dark-mode .lg-max-w-3on12 {
    max-width: 25%;
  }
  .dark-mode .lg-w-4on12 {
    width: 33.333333%;
  }
  .dark-mode .lg-min-w-4on12 {
    min-width: 33.333333%;
  }
  .dark-mode .lg-max-w-4on12 {
    max-width: 33.333333%;
  }
  .dark-mode .lg-w-5on12 {
    width: 41.666667%;
  }
  .dark-mode .lg-min-w-5on12 {
    min-width: 41.666667%;
  }
  .dark-mode .lg-max-w-5on12 {
    max-width: 41.666667%;
  }
  .dark-mode .lg-w-6on12 {
    width: 50%;
  }
  .dark-mode .lg-min-w-6on12 {
    min-width: 50%;
  }
  .dark-mode .lg-max-w-6on12 {
    max-width: 50%;
  }
  .dark-mode .lg-w-7on12 {
    width: 58.333333%;
  }
  .dark-mode .lg-min-w-7on12 {
    min-width: 58.333333%;
  }
  .dark-mode .lg-max-w-7on12 {
    max-width: 58.333333%;
  }
  .dark-mode .lg-w-8on12 {
    width: 66.666667%;
  }
  .dark-mode .lg-min-w-8on12 {
    min-width: 66.666667%;
  }
  .dark-mode .lg-max-w-8on12 {
    max-width: 66.666667%;
  }
  .dark-mode .lg-w-9on12 {
    width: 75%;
  }
  .dark-mode .lg-min-w-9on12 {
    min-width: 75%;
  }
  .dark-mode .lg-max-w-9on12 {
    max-width: 75%;
  }
  .dark-mode .lg-w-10on12 {
    width: 83.333333%;
  }
  .dark-mode .lg-min-w-10on12 {
    min-width: 83.333333%;
  }
  .dark-mode .lg-max-w-10on12 {
    max-width: 83.333333%;
  }
  .dark-mode .lg-w-11on12 {
    width: 91.666667%;
  }
  .dark-mode .lg-min-w-11on12 {
    min-width: 91.666667%;
  }
  .dark-mode .lg-max-w-11on12 {
    max-width: 91.666667%;
  }
  .dark-mode .lg-w-screen {
    width: 100vw;
  }
  .dark-mode .lg-min-w-screen {
    min-width: 100vw;
  }
  .dark-mode .lg-max-w-screen {
    max-width: 100vw;
  }
  .dark-mode .lg-w-full {
    width: 100%;
  }
  .dark-mode .lg-min-w-full {
    min-width: 100%;
  }
  .dark-mode .lg-max-w-full {
    max-width: 100%;
  }
  .dark-mode .lg-w-fit {
    width: fit-content;
  }
  .dark-mode .lg-min-w-fit {
    min-width: fit-content;
  }
  .dark-mode .lg-max-w-fit {
    max-width: fit-content;
  }
  .dark-mode .lg-w-min {
    width: min-content;
  }
  .dark-mode .lg-min-w-min {
    min-width: min-content;
  }
  .dark-mode .lg-max-w-min {
    max-width: min-content;
  }
  .dark-mode .lg-w-max {
    width: max-content;
  }
  .dark-mode .lg-min-w-max {
    min-width: max-content;
  }
  .dark-mode .lg-max-w-max {
    max-width: max-content;
  }
  .dark-mode .lg-h-0 {
    height: 0px;
  }
  .dark-mode .lg-min-h-0 {
    min-height: 0px;
  }
  .dark-mode .lg-max-h-0 {
    max-height: 0px;
  }
  .dark-mode .lg-h-0-5 {
    height: 0.125rem;
  }
  .dark-mode .lg-min-h-0-5 {
    min-height: 0.125rem;
  }
  .dark-mode .lg-max-h-0-5 {
    max-height: 0.125rem;
  }
  .dark-mode .lg-h-1 {
    height: 0.25rem;
  }
  .dark-mode .lg-min-h-1 {
    min-height: 0.25rem;
  }
  .dark-mode .lg-max-h-1 {
    max-height: 0.25rem;
  }
  .dark-mode .lg-h-1-5 {
    height: 0.375rem;
  }
  .dark-mode .lg-min-h-1-5 {
    min-height: 0.375rem;
  }
  .dark-mode .lg-max-h-1-5 {
    max-height: 0.375rem;
  }
  .dark-mode .lg-h-2 {
    height: 0.5rem;
  }
  .dark-mode .lg-min-h-2 {
    min-height: 0.5rem;
  }
  .dark-mode .lg-max-h-2 {
    max-height: 0.5rem;
  }
  .dark-mode .lg-h-2-5 {
    height: 0.625rem;
  }
  .dark-mode .lg-min-h-2-5 {
    min-height: 0.625rem;
  }
  .dark-mode .lg-max-h-2-5 {
    max-height: 0.625rem;
  }
  .dark-mode .lg-h-3 {
    height: 0.75rem;
  }
  .dark-mode .lg-min-h-3 {
    min-height: 0.75rem;
  }
  .dark-mode .lg-max-h-3 {
    max-height: 0.75rem;
  }
  .dark-mode .lg-h-3-5 {
    height: 0.875rem;
  }
  .dark-mode .lg-min-h-3-5 {
    min-height: 0.875rem;
  }
  .dark-mode .lg-max-h-3-5 {
    max-height: 0.875rem;
  }
  .dark-mode .lg-h-4 {
    height: 1rem;
  }
  .dark-mode .lg-min-h-4 {
    min-height: 1rem;
  }
  .dark-mode .lg-max-h-4 {
    max-height: 1rem;
  }
  .dark-mode .lg-h-5 {
    height: 1.25rem;
  }
  .dark-mode .lg-min-h-5 {
    min-height: 1.25rem;
  }
  .dark-mode .lg-max-h-5 {
    max-height: 1.25rem;
  }
  .dark-mode .lg-h-6 {
    height: 1.5rem;
  }
  .dark-mode .lg-min-h-6 {
    min-height: 1.5rem;
  }
  .dark-mode .lg-max-h-6 {
    max-height: 1.5rem;
  }
  .dark-mode .lg-h-7 {
    height: 1.75rem;
  }
  .dark-mode .lg-min-h-7 {
    min-height: 1.75rem;
  }
  .dark-mode .lg-max-h-7 {
    max-height: 1.75rem;
  }
  .dark-mode .lg-h-8 {
    height: 2rem;
  }
  .dark-mode .lg-min-h-8 {
    min-height: 2rem;
  }
  .dark-mode .lg-max-h-8 {
    max-height: 2rem;
  }
  .dark-mode .lg-h-9 {
    height: 2.25rem;
  }
  .dark-mode .lg-min-h-9 {
    min-height: 2.25rem;
  }
  .dark-mode .lg-max-h-9 {
    max-height: 2.25rem;
  }
  .dark-mode .lg-h-10 {
    height: 2.5rem;
  }
  .dark-mode .lg-min-h-10 {
    min-height: 2.5rem;
  }
  .dark-mode .lg-max-h-10 {
    max-height: 2.5rem;
  }
  .dark-mode .lg-h-11 {
    height: 2.75rem;
  }
  .dark-mode .lg-min-h-11 {
    min-height: 2.75rem;
  }
  .dark-mode .lg-max-h-11 {
    max-height: 2.75rem;
  }
  .dark-mode .lg-h-12 {
    height: 3rem;
  }
  .dark-mode .lg-min-h-12 {
    min-height: 3rem;
  }
  .dark-mode .lg-max-h-12 {
    max-height: 3rem;
  }
  .dark-mode .lg-h-14 {
    height: 3.5rem;
  }
  .dark-mode .lg-min-h-14 {
    min-height: 3.5rem;
  }
  .dark-mode .lg-max-h-14 {
    max-height: 3.5rem;
  }
  .dark-mode .lg-h-16 {
    height: 4rem;
  }
  .dark-mode .lg-min-h-16 {
    min-height: 4rem;
  }
  .dark-mode .lg-max-h-16 {
    max-height: 4rem;
  }
  .dark-mode .lg-h-20 {
    height: 5rem;
  }
  .dark-mode .lg-min-h-20 {
    min-height: 5rem;
  }
  .dark-mode .lg-max-h-20 {
    max-height: 5rem;
  }
  .dark-mode .lg-h-24 {
    height: 6rem;
  }
  .dark-mode .lg-min-h-24 {
    min-height: 6rem;
  }
  .dark-mode .lg-max-h-24 {
    max-height: 6rem;
  }
  .dark-mode .lg-h-28 {
    height: 7rem;
  }
  .dark-mode .lg-min-h-28 {
    min-height: 7rem;
  }
  .dark-mode .lg-max-h-28 {
    max-height: 7rem;
  }
  .dark-mode .lg-h-32 {
    height: 8rem;
  }
  .dark-mode .lg-min-h-32 {
    min-height: 8rem;
  }
  .dark-mode .lg-max-h-32 {
    max-height: 8rem;
  }
  .dark-mode .lg-h-36 {
    height: 9rem;
  }
  .dark-mode .lg-min-h-36 {
    min-height: 9rem;
  }
  .dark-mode .lg-max-h-36 {
    max-height: 9rem;
  }
  .dark-mode .lg-h-40 {
    height: 10rem;
  }
  .dark-mode .lg-min-h-40 {
    min-height: 10rem;
  }
  .dark-mode .lg-max-h-40 {
    max-height: 10rem;
  }
  .dark-mode .lg-h-44 {
    height: 11rem;
  }
  .dark-mode .lg-min-h-44 {
    min-height: 11rem;
  }
  .dark-mode .lg-max-h-44 {
    max-height: 11rem;
  }
  .dark-mode .lg-h-48 {
    height: 12rem;
  }
  .dark-mode .lg-min-h-48 {
    min-height: 12rem;
  }
  .dark-mode .lg-max-h-48 {
    max-height: 12rem;
  }
  .dark-mode .lg-h-52 {
    height: 13rem;
  }
  .dark-mode .lg-min-h-52 {
    min-height: 13rem;
  }
  .dark-mode .lg-max-h-52 {
    max-height: 13rem;
  }
  .dark-mode .lg-h-56 {
    height: 13rem;
  }
  .dark-mode .lg-min-h-56 {
    min-height: 13rem;
  }
  .dark-mode .lg-max-h-56 {
    max-height: 13rem;
  }
  .dark-mode .lg-h-60 {
    height: 15rem;
  }
  .dark-mode .lg-min-h-60 {
    min-height: 15rem;
  }
  .dark-mode .lg-max-h-60 {
    max-height: 15rem;
  }
  .dark-mode .lg-h-64 {
    height: 16rem;
  }
  .dark-mode .lg-min-h-64 {
    min-height: 16rem;
  }
  .dark-mode .lg-max-h-64 {
    max-height: 16rem;
  }
  .dark-mode .lg-h-72 {
    height: 18rem;
  }
  .dark-mode .lg-min-h-72 {
    min-height: 18rem;
  }
  .dark-mode .lg-max-h-72 {
    max-height: 18rem;
  }
  .dark-mode .lg-h-80 {
    height: 20rem;
  }
  .dark-mode .lg-min-h-80 {
    min-height: 20rem;
  }
  .dark-mode .lg-max-h-80 {
    max-height: 20rem;
  }
  .dark-mode .lg-h-96 {
    height: 24rem;
  }
  .dark-mode .lg-min-h-96 {
    min-height: 24rem;
  }
  .dark-mode .lg-max-h-96 {
    max-height: 24rem;
  }
  .dark-mode .lg-h-100 {
    height: 28rem;
  }
  .dark-mode .lg-min-h-100 {
    min-height: 28rem;
  }
  .dark-mode .lg-max-h-100 {
    max-height: 28rem;
  }
  .dark-mode .lg-h-auto {
    height: auto;
  }
  .dark-mode .lg-min-h-auto {
    min-height: auto;
  }
  .dark-mode .lg-max-h-auto {
    max-height: auto;
  }
  .dark-mode .lg-h-1on2 {
    height: 50%;
  }
  .dark-mode .lg-min-h-1on2 {
    min-height: 50%;
  }
  .dark-mode .lg-max-h-1on2 {
    max-height: 50%;
  }
  .dark-mode .lg-h-1on3 {
    height: 33.333333%;
  }
  .dark-mode .lg-min-h-1on3 {
    min-height: 33.333333%;
  }
  .dark-mode .lg-max-h-1on3 {
    max-height: 33.333333%;
  }
  .dark-mode .lg-h-2on3 {
    height: 66.666667%;
  }
  .dark-mode .lg-min-h-2on3 {
    min-height: 66.666667%;
  }
  .dark-mode .lg-max-h-2on3 {
    max-height: 66.666667%;
  }
  .dark-mode .lg-h-1on4 {
    height: 25%;
  }
  .dark-mode .lg-min-h-1on4 {
    min-height: 25%;
  }
  .dark-mode .lg-max-h-1on4 {
    max-height: 25%;
  }
  .dark-mode .lg-h-2on4 {
    height: 50%;
  }
  .dark-mode .lg-min-h-2on4 {
    min-height: 50%;
  }
  .dark-mode .lg-max-h-2on4 {
    max-height: 50%;
  }
  .dark-mode .lg-h-3on4 {
    height: 75%;
  }
  .dark-mode .lg-min-h-3on4 {
    min-height: 75%;
  }
  .dark-mode .lg-max-h-3on4 {
    max-height: 75%;
  }
  .dark-mode .lg-h-1on5 {
    height: 20%;
  }
  .dark-mode .lg-min-h-1on5 {
    min-height: 20%;
  }
  .dark-mode .lg-max-h-1on5 {
    max-height: 20%;
  }
  .dark-mode .lg-h-2on5 {
    height: 40%;
  }
  .dark-mode .lg-min-h-2on5 {
    min-height: 40%;
  }
  .dark-mode .lg-max-h-2on5 {
    max-height: 40%;
  }
  .dark-mode .lg-h-3on5 {
    height: 60%;
  }
  .dark-mode .lg-min-h-3on5 {
    min-height: 60%;
  }
  .dark-mode .lg-max-h-3on5 {
    max-height: 60%;
  }
  .dark-mode .lg-h-4on5 {
    height: 80%;
  }
  .dark-mode .lg-min-h-4on5 {
    min-height: 80%;
  }
  .dark-mode .lg-max-h-4on5 {
    max-height: 80%;
  }
  .dark-mode .lg-h-1on6 {
    height: 16.666667%;
  }
  .dark-mode .lg-min-h-1on6 {
    min-height: 16.666667%;
  }
  .dark-mode .lg-max-h-1on6 {
    max-height: 16.666667%;
  }
  .dark-mode .lg-h-2on6 {
    height: 33.333333%;
  }
  .dark-mode .lg-min-h-2on6 {
    min-height: 33.333333%;
  }
  .dark-mode .lg-max-h-2on6 {
    max-height: 33.333333%;
  }
  .dark-mode .lg-h-3on6 {
    height: 50%;
  }
  .dark-mode .lg-min-h-3on6 {
    min-height: 50%;
  }
  .dark-mode .lg-max-h-3on6 {
    max-height: 50%;
  }
  .dark-mode .lg-h-4on6 {
    height: 66.666667%;
  }
  .dark-mode .lg-min-h-4on6 {
    min-height: 66.666667%;
  }
  .dark-mode .lg-max-h-4on6 {
    max-height: 66.666667%;
  }
  .dark-mode .lg-h-5on6 {
    height: 83.333333%;
  }
  .dark-mode .lg-min-h-5on6 {
    min-height: 83.333333%;
  }
  .dark-mode .lg-max-h-5on6 {
    max-height: 83.333333%;
  }
  .dark-mode .lg-h-1on12 {
    height: 8.333333%;
  }
  .dark-mode .lg-min-h-1on12 {
    min-height: 8.333333%;
  }
  .dark-mode .lg-max-h-1on12 {
    max-height: 8.333333%;
  }
  .dark-mode .lg-h-2on12 {
    height: 16.666667%;
  }
  .dark-mode .lg-min-h-2on12 {
    min-height: 16.666667%;
  }
  .dark-mode .lg-max-h-2on12 {
    max-height: 16.666667%;
  }
  .dark-mode .lg-h-3on12 {
    height: 25%;
  }
  .dark-mode .lg-min-h-3on12 {
    min-height: 25%;
  }
  .dark-mode .lg-max-h-3on12 {
    max-height: 25%;
  }
  .dark-mode .lg-h-4on12 {
    height: 33.333333%;
  }
  .dark-mode .lg-min-h-4on12 {
    min-height: 33.333333%;
  }
  .dark-mode .lg-max-h-4on12 {
    max-height: 33.333333%;
  }
  .dark-mode .lg-h-5on12 {
    height: 41.666667%;
  }
  .dark-mode .lg-min-h-5on12 {
    min-height: 41.666667%;
  }
  .dark-mode .lg-max-h-5on12 {
    max-height: 41.666667%;
  }
  .dark-mode .lg-h-6on12 {
    height: 50%;
  }
  .dark-mode .lg-min-h-6on12 {
    min-height: 50%;
  }
  .dark-mode .lg-max-h-6on12 {
    max-height: 50%;
  }
  .dark-mode .lg-h-7on12 {
    height: 58.333333%;
  }
  .dark-mode .lg-min-h-7on12 {
    min-height: 58.333333%;
  }
  .dark-mode .lg-max-h-7on12 {
    max-height: 58.333333%;
  }
  .dark-mode .lg-h-8on12 {
    height: 66.666667%;
  }
  .dark-mode .lg-min-h-8on12 {
    min-height: 66.666667%;
  }
  .dark-mode .lg-max-h-8on12 {
    max-height: 66.666667%;
  }
  .dark-mode .lg-h-9on12 {
    height: 75%;
  }
  .dark-mode .lg-min-h-9on12 {
    min-height: 75%;
  }
  .dark-mode .lg-max-h-9on12 {
    max-height: 75%;
  }
  .dark-mode .lg-h-10on12 {
    height: 83.333333%;
  }
  .dark-mode .lg-min-h-10on12 {
    min-height: 83.333333%;
  }
  .dark-mode .lg-max-h-10on12 {
    max-height: 83.333333%;
  }
  .dark-mode .lg-h-11on12 {
    height: 91.666667%;
  }
  .dark-mode .lg-min-h-11on12 {
    min-height: 91.666667%;
  }
  .dark-mode .lg-max-h-11on12 {
    max-height: 91.666667%;
  }
  .dark-mode .lg-h-screen {
    height: 100vw;
  }
  .dark-mode .lg-min-h-screen {
    min-height: 100vw;
  }
  .dark-mode .lg-max-h-screen {
    max-height: 100vw;
  }
  .dark-mode .lg-h-full {
    height: 100%;
  }
  .dark-mode .lg-min-h-full {
    min-height: 100%;
  }
  .dark-mode .lg-max-h-full {
    max-height: 100%;
  }
  .dark-mode .lg-h-fit {
    height: fit-content;
  }
  .dark-mode .lg-min-h-fit {
    min-height: fit-content;
  }
  .dark-mode .lg-max-h-fit {
    max-height: fit-content;
  }
  .dark-mode .lg-h-min {
    height: min-content;
  }
  .dark-mode .lg-min-h-min {
    min-height: min-content;
  }
  .dark-mode .lg-max-h-min {
    max-height: min-content;
  }
  .dark-mode .lg-h-max {
    height: max-content;
  }
  .dark-mode .lg-min-h-max {
    min-height: max-content;
  }
  .dark-mode .lg-max-h-max {
    max-height: max-content;
  }
  .dark-mode .lg-m-0 {
    margin: 0;
  }
  .dark-mode .lg-mt-0,
  .dark-mode .lg-my-0 {
    margin-top: 0;
  }
  .dark-mode .lg-mr-0,
  .dark-mode .lg-mx-0 {
    margin-right: 0;
  }
  .dark-mode .lg-mb-0,
  .dark-mode .lg-my-0 {
    margin-bottom: 0;
  }
  .dark-mode .lg-ml-0,
  .dark-mode .lg-mx-0 {
    margin-left: 0;
  }
  .dark-mode .lg-mbls-0,
  .dark-mode .lg-mbl-0 {
    margin-block-start: 0;
  }
  .dark-mode .lg-mble-0,
  .dark-mode .lg-mbl-0 {
    margin-block-end: 0;
  }
  .dark-mode .lg-mins-0,
  .dark-mode .lg-min-0 {
    margin-inline-start: 0;
  }
  .dark-mode .lg-mine-0,
  .dark-mode .lg-min-0 {
    margin-inline-end: 0;
  }
  .dark-mode .lg-p-0 {
    padding: 0;
  }
  .dark-mode .lg-pt-0,
  .dark-mode .lg-py-0 {
    padding-top: 0;
  }
  .dark-mode .lg-pr-0,
  .dark-mode .lg-px-0 {
    padding-right: 0;
  }
  .dark-mode .lg-pb-0,
  .dark-mode .lg-py-0 {
    padding-bottom: 0;
  }
  .dark-mode .lg-pl-0,
  .dark-mode .lg-px-0 {
    padding-left: 0;
  }
  .dark-mode .lg-pbls-0,
  .dark-mode .lg-pbl-0 {
    padding-block-start: 0;
  }
  .dark-mode .lg-pble-0,
  .dark-mode .lg-pbl-0 {
    padding-block-end: 0;
  }
  .dark-mode .lg-pins-0,
  .dark-mode .lg-pin-0 {
    padding-inline-start: 0;
  }
  .dark-mode .lg-pine-0,
  .dark-mode .lg-pin-0 {
    padding-inline-end: 0;
  }
  .dark-mode .lg-m-1 {
    margin: 4px;
  }
  .dark-mode .lg-mt-1,
  .dark-mode .lg-my-1 {
    margin-top: 4px;
  }
  .dark-mode .lg-mr-1,
  .dark-mode .lg-mx-1 {
    margin-right: 4px;
  }
  .dark-mode .lg-mb-1,
  .dark-mode .lg-my-1 {
    margin-bottom: 4px;
  }
  .dark-mode .lg-ml-1,
  .dark-mode .lg-mx-1 {
    margin-left: 4px;
  }
  .dark-mode .lg-mbls-1,
  .dark-mode .lg-mbl-1 {
    margin-block-start: 4px;
  }
  .dark-mode .lg-mble-1,
  .dark-mode .lg-mbl-1 {
    margin-block-end: 4px;
  }
  .dark-mode .lg-mins-1,
  .dark-mode .lg-min-1 {
    margin-inline-start: 4px;
  }
  .dark-mode .lg-mine-1,
  .dark-mode .lg-min-1 {
    margin-inline-end: 4px;
  }
  .dark-mode .lg-p-1 {
    padding: 4px;
  }
  .dark-mode .lg-pt-1,
  .dark-mode .lg-py-1 {
    padding-top: 4px;
  }
  .dark-mode .lg-pr-1,
  .dark-mode .lg-px-1 {
    padding-right: 4px;
  }
  .dark-mode .lg-pb-1,
  .dark-mode .lg-py-1 {
    padding-bottom: 4px;
  }
  .dark-mode .lg-pl-1,
  .dark-mode .lg-px-1 {
    padding-left: 4px;
  }
  .dark-mode .lg-pbls-1,
  .dark-mode .lg-pbl-1 {
    padding-block-start: 4px;
  }
  .dark-mode .lg-pble-1,
  .dark-mode .lg-pbl-1 {
    padding-block-end: 4px;
  }
  .dark-mode .lg-pins-1,
  .dark-mode .lg-pin-1 {
    padding-inline-start: 4px;
  }
  .dark-mode .lg-pine-1,
  .dark-mode .lg-pin-1 {
    padding-inline-end: 4px;
  }
  .dark-mode .lg-m-2 {
    margin: 8px;
  }
  .dark-mode .lg-mt-2,
  .dark-mode .lg-my-2 {
    margin-top: 8px;
  }
  .dark-mode .lg-mr-2,
  .dark-mode .lg-mx-2 {
    margin-right: 8px;
  }
  .dark-mode .lg-mb-2,
  .dark-mode .lg-my-2 {
    margin-bottom: 8px;
  }
  .dark-mode .lg-ml-2,
  .dark-mode .lg-mx-2 {
    margin-left: 8px;
  }
  .dark-mode .lg-mbls-2,
  .dark-mode .lg-mbl-2 {
    margin-block-start: 8px;
  }
  .dark-mode .lg-mble-2,
  .dark-mode .lg-mbl-2 {
    margin-block-end: 8px;
  }
  .dark-mode .lg-mins-2,
  .dark-mode .lg-min-2 {
    margin-inline-start: 8px;
  }
  .dark-mode .lg-mine-2,
  .dark-mode .lg-min-2 {
    margin-inline-end: 8px;
  }
  .dark-mode .lg-p-2 {
    padding: 8px;
  }
  .dark-mode .lg-pt-2,
  .dark-mode .lg-py-2 {
    padding-top: 8px;
  }
  .dark-mode .lg-pr-2,
  .dark-mode .lg-px-2 {
    padding-right: 8px;
  }
  .dark-mode .lg-pb-2,
  .dark-mode .lg-py-2 {
    padding-bottom: 8px;
  }
  .dark-mode .lg-pl-2,
  .dark-mode .lg-px-2 {
    padding-left: 8px;
  }
  .dark-mode .lg-pbls-2,
  .dark-mode .lg-pbl-2 {
    padding-block-start: 8px;
  }
  .dark-mode .lg-pble-2,
  .dark-mode .lg-pbl-2 {
    padding-block-end: 8px;
  }
  .dark-mode .lg-pins-2,
  .dark-mode .lg-pin-2 {
    padding-inline-start: 8px;
  }
  .dark-mode .lg-pine-2,
  .dark-mode .lg-pin-2 {
    padding-inline-end: 8px;
  }
  .dark-mode .lg-m-3 {
    margin: 16px;
  }
  .dark-mode .lg-mt-3,
  .dark-mode .lg-my-3 {
    margin-top: 16px;
  }
  .dark-mode .lg-mr-3,
  .dark-mode .lg-mx-3 {
    margin-right: 16px;
  }
  .dark-mode .lg-mb-3,
  .dark-mode .lg-my-3 {
    margin-bottom: 16px;
  }
  .dark-mode .lg-ml-3,
  .dark-mode .lg-mx-3 {
    margin-left: 16px;
  }
  .dark-mode .lg-mbls-3,
  .dark-mode .lg-mbl-3 {
    margin-block-start: 16px;
  }
  .dark-mode .lg-mble-3,
  .dark-mode .lg-mbl-3 {
    margin-block-end: 16px;
  }
  .dark-mode .lg-mins-3,
  .dark-mode .lg-min-3 {
    margin-inline-start: 16px;
  }
  .dark-mode .lg-mine-3,
  .dark-mode .lg-min-3 {
    margin-inline-end: 16px;
  }
  .dark-mode .lg-p-3 {
    padding: 16px;
  }
  .dark-mode .lg-pt-3,
  .dark-mode .lg-py-3 {
    padding-top: 16px;
  }
  .dark-mode .lg-pr-3,
  .dark-mode .lg-px-3 {
    padding-right: 16px;
  }
  .dark-mode .lg-pb-3,
  .dark-mode .lg-py-3 {
    padding-bottom: 16px;
  }
  .dark-mode .lg-pl-3,
  .dark-mode .lg-px-3 {
    padding-left: 16px;
  }
  .dark-mode .lg-pbls-3,
  .dark-mode .lg-pbl-3 {
    padding-block-start: 16px;
  }
  .dark-mode .lg-pble-3,
  .dark-mode .lg-pbl-3 {
    padding-block-end: 16px;
  }
  .dark-mode .lg-pins-3,
  .dark-mode .lg-pin-3 {
    padding-inline-start: 16px;
  }
  .dark-mode .lg-pine-3,
  .dark-mode .lg-pin-3 {
    padding-inline-end: 16px;
  }
  .dark-mode .lg-m-4 {
    margin: 24px;
  }
  .dark-mode .lg-mt-4,
  .dark-mode .lg-my-4 {
    margin-top: 24px;
  }
  .dark-mode .lg-mr-4,
  .dark-mode .lg-mx-4 {
    margin-right: 24px;
  }
  .dark-mode .lg-mb-4,
  .dark-mode .lg-my-4 {
    margin-bottom: 24px;
  }
  .dark-mode .lg-ml-4,
  .dark-mode .lg-mx-4 {
    margin-left: 24px;
  }
  .dark-mode .lg-mbls-4,
  .dark-mode .lg-mbl-4 {
    margin-block-start: 24px;
  }
  .dark-mode .lg-mble-4,
  .dark-mode .lg-mbl-4 {
    margin-block-end: 24px;
  }
  .dark-mode .lg-mins-4,
  .dark-mode .lg-min-4 {
    margin-inline-start: 24px;
  }
  .dark-mode .lg-mine-4,
  .dark-mode .lg-min-4 {
    margin-inline-end: 24px;
  }
  .dark-mode .lg-p-4 {
    padding: 24px;
  }
  .dark-mode .lg-pt-4,
  .dark-mode .lg-py-4 {
    padding-top: 24px;
  }
  .dark-mode .lg-pr-4,
  .dark-mode .lg-px-4 {
    padding-right: 24px;
  }
  .dark-mode .lg-pb-4,
  .dark-mode .lg-py-4 {
    padding-bottom: 24px;
  }
  .dark-mode .lg-pl-4,
  .dark-mode .lg-px-4 {
    padding-left: 24px;
  }
  .dark-mode .lg-pbls-4,
  .dark-mode .lg-pbl-4 {
    padding-block-start: 24px;
  }
  .dark-mode .lg-pble-4,
  .dark-mode .lg-pbl-4 {
    padding-block-end: 24px;
  }
  .dark-mode .lg-pins-4,
  .dark-mode .lg-pin-4 {
    padding-inline-start: 24px;
  }
  .dark-mode .lg-pine-4,
  .dark-mode .lg-pin-4 {
    padding-inline-end: 24px;
  }
  .dark-mode .lg-m-5 {
    margin: 32px;
  }
  .dark-mode .lg-mt-5,
  .dark-mode .lg-my-5 {
    margin-top: 32px;
  }
  .dark-mode .lg-mr-5,
  .dark-mode .lg-mx-5 {
    margin-right: 32px;
  }
  .dark-mode .lg-mb-5,
  .dark-mode .lg-my-5 {
    margin-bottom: 32px;
  }
  .dark-mode .lg-ml-5,
  .dark-mode .lg-mx-5 {
    margin-left: 32px;
  }
  .dark-mode .lg-mbls-5,
  .dark-mode .lg-mbl-5 {
    margin-block-start: 32px;
  }
  .dark-mode .lg-mble-5,
  .dark-mode .lg-mbl-5 {
    margin-block-end: 32px;
  }
  .dark-mode .lg-mins-5,
  .dark-mode .lg-min-5 {
    margin-inline-start: 32px;
  }
  .dark-mode .lg-mine-5,
  .dark-mode .lg-min-5 {
    margin-inline-end: 32px;
  }
  .dark-mode .lg-p-5 {
    padding: 32px;
  }
  .dark-mode .lg-pt-5,
  .dark-mode .lg-py-5 {
    padding-top: 32px;
  }
  .dark-mode .lg-pr-5,
  .dark-mode .lg-px-5 {
    padding-right: 32px;
  }
  .dark-mode .lg-pb-5,
  .dark-mode .lg-py-5 {
    padding-bottom: 32px;
  }
  .dark-mode .lg-pl-5,
  .dark-mode .lg-px-5 {
    padding-left: 32px;
  }
  .dark-mode .lg-pbls-5,
  .dark-mode .lg-pbl-5 {
    padding-block-start: 32px;
  }
  .dark-mode .lg-pble-5,
  .dark-mode .lg-pbl-5 {
    padding-block-end: 32px;
  }
  .dark-mode .lg-pins-5,
  .dark-mode .lg-pin-5 {
    padding-inline-start: 32px;
  }
  .dark-mode .lg-pine-5,
  .dark-mode .lg-pin-5 {
    padding-inline-end: 32px;
  }
  .dark-mode .lg-m-6 {
    margin: 40px;
  }
  .dark-mode .lg-mt-6,
  .dark-mode .lg-my-6 {
    margin-top: 40px;
  }
  .dark-mode .lg-mr-6,
  .dark-mode .lg-mx-6 {
    margin-right: 40px;
  }
  .dark-mode .lg-mb-6,
  .dark-mode .lg-my-6 {
    margin-bottom: 40px;
  }
  .dark-mode .lg-ml-6,
  .dark-mode .lg-mx-6 {
    margin-left: 40px;
  }
  .dark-mode .lg-mbls-6,
  .dark-mode .lg-mbl-6 {
    margin-block-start: 40px;
  }
  .dark-mode .lg-mble-6,
  .dark-mode .lg-mbl-6 {
    margin-block-end: 40px;
  }
  .dark-mode .lg-mins-6,
  .dark-mode .lg-min-6 {
    margin-inline-start: 40px;
  }
  .dark-mode .lg-mine-6,
  .dark-mode .lg-min-6 {
    margin-inline-end: 40px;
  }
  .dark-mode .lg-p-6 {
    padding: 40px;
  }
  .dark-mode .lg-pt-6,
  .dark-mode .lg-py-6 {
    padding-top: 40px;
  }
  .dark-mode .lg-pr-6,
  .dark-mode .lg-px-6 {
    padding-right: 40px;
  }
  .dark-mode .lg-pb-6,
  .dark-mode .lg-py-6 {
    padding-bottom: 40px;
  }
  .dark-mode .lg-pl-6,
  .dark-mode .lg-px-6 {
    padding-left: 40px;
  }
  .dark-mode .lg-pbls-6,
  .dark-mode .lg-pbl-6 {
    padding-block-start: 40px;
  }
  .dark-mode .lg-pble-6,
  .dark-mode .lg-pbl-6 {
    padding-block-end: 40px;
  }
  .dark-mode .lg-pins-6,
  .dark-mode .lg-pin-6 {
    padding-inline-start: 40px;
  }
  .dark-mode .lg-pine-6,
  .dark-mode .lg-pin-6 {
    padding-inline-end: 40px;
  }
  .dark-mode .lg-m-7 {
    margin: 48px;
  }
  .dark-mode .lg-mt-7,
  .dark-mode .lg-my-7 {
    margin-top: 48px;
  }
  .dark-mode .lg-mr-7,
  .dark-mode .lg-mx-7 {
    margin-right: 48px;
  }
  .dark-mode .lg-mb-7,
  .dark-mode .lg-my-7 {
    margin-bottom: 48px;
  }
  .dark-mode .lg-ml-7,
  .dark-mode .lg-mx-7 {
    margin-left: 48px;
  }
  .dark-mode .lg-mbls-7,
  .dark-mode .lg-mbl-7 {
    margin-block-start: 48px;
  }
  .dark-mode .lg-mble-7,
  .dark-mode .lg-mbl-7 {
    margin-block-end: 48px;
  }
  .dark-mode .lg-mins-7,
  .dark-mode .lg-min-7 {
    margin-inline-start: 48px;
  }
  .dark-mode .lg-mine-7,
  .dark-mode .lg-min-7 {
    margin-inline-end: 48px;
  }
  .dark-mode .lg-p-7 {
    padding: 48px;
  }
  .dark-mode .lg-pt-7,
  .dark-mode .lg-py-7 {
    padding-top: 48px;
  }
  .dark-mode .lg-pr-7,
  .dark-mode .lg-px-7 {
    padding-right: 48px;
  }
  .dark-mode .lg-pb-7,
  .dark-mode .lg-py-7 {
    padding-bottom: 48px;
  }
  .dark-mode .lg-pl-7,
  .dark-mode .lg-px-7 {
    padding-left: 48px;
  }
  .dark-mode .lg-pbls-7,
  .dark-mode .lg-pbl-7 {
    padding-block-start: 48px;
  }
  .dark-mode .lg-pble-7,
  .dark-mode .lg-pbl-7 {
    padding-block-end: 48px;
  }
  .dark-mode .lg-pins-7,
  .dark-mode .lg-pin-7 {
    padding-inline-start: 48px;
  }
  .dark-mode .lg-pine-7,
  .dark-mode .lg-pin-7 {
    padding-inline-end: 48px;
  }
  .dark-mode .lg-m-8 {
    margin: 56px;
  }
  .dark-mode .lg-mt-8,
  .dark-mode .lg-my-8 {
    margin-top: 56px;
  }
  .dark-mode .lg-mr-8,
  .dark-mode .lg-mx-8 {
    margin-right: 56px;
  }
  .dark-mode .lg-mb-8,
  .dark-mode .lg-my-8 {
    margin-bottom: 56px;
  }
  .dark-mode .lg-ml-8,
  .dark-mode .lg-mx-8 {
    margin-left: 56px;
  }
  .dark-mode .lg-mbls-8,
  .dark-mode .lg-mbl-8 {
    margin-block-start: 56px;
  }
  .dark-mode .lg-mble-8,
  .dark-mode .lg-mbl-8 {
    margin-block-end: 56px;
  }
  .dark-mode .lg-mins-8,
  .dark-mode .lg-min-8 {
    margin-inline-start: 56px;
  }
  .dark-mode .lg-mine-8,
  .dark-mode .lg-min-8 {
    margin-inline-end: 56px;
  }
  .dark-mode .lg-p-8 {
    padding: 56px;
  }
  .dark-mode .lg-pt-8,
  .dark-mode .lg-py-8 {
    padding-top: 56px;
  }
  .dark-mode .lg-pr-8,
  .dark-mode .lg-px-8 {
    padding-right: 56px;
  }
  .dark-mode .lg-pb-8,
  .dark-mode .lg-py-8 {
    padding-bottom: 56px;
  }
  .dark-mode .lg-pl-8,
  .dark-mode .lg-px-8 {
    padding-left: 56px;
  }
  .dark-mode .lg-pbls-8,
  .dark-mode .lg-pbl-8 {
    padding-block-start: 56px;
  }
  .dark-mode .lg-pble-8,
  .dark-mode .lg-pbl-8 {
    padding-block-end: 56px;
  }
  .dark-mode .lg-pins-8,
  .dark-mode .lg-pin-8 {
    padding-inline-start: 56px;
  }
  .dark-mode .lg-pine-8,
  .dark-mode .lg-pin-8 {
    padding-inline-end: 56px;
  }
  .dark-mode .lg-m-9 {
    margin: 64px;
  }
  .dark-mode .lg-mt-9,
  .dark-mode .lg-my-9 {
    margin-top: 64px;
  }
  .dark-mode .lg-mr-9,
  .dark-mode .lg-mx-9 {
    margin-right: 64px;
  }
  .dark-mode .lg-mb-9,
  .dark-mode .lg-my-9 {
    margin-bottom: 64px;
  }
  .dark-mode .lg-ml-9,
  .dark-mode .lg-mx-9 {
    margin-left: 64px;
  }
  .dark-mode .lg-mbls-9,
  .dark-mode .lg-mbl-9 {
    margin-block-start: 64px;
  }
  .dark-mode .lg-mble-9,
  .dark-mode .lg-mbl-9 {
    margin-block-end: 64px;
  }
  .dark-mode .lg-mins-9,
  .dark-mode .lg-min-9 {
    margin-inline-start: 64px;
  }
  .dark-mode .lg-mine-9,
  .dark-mode .lg-min-9 {
    margin-inline-end: 64px;
  }
  .dark-mode .lg-p-9 {
    padding: 64px;
  }
  .dark-mode .lg-pt-9,
  .dark-mode .lg-py-9 {
    padding-top: 64px;
  }
  .dark-mode .lg-pr-9,
  .dark-mode .lg-px-9 {
    padding-right: 64px;
  }
  .dark-mode .lg-pb-9,
  .dark-mode .lg-py-9 {
    padding-bottom: 64px;
  }
  .dark-mode .lg-pl-9,
  .dark-mode .lg-px-9 {
    padding-left: 64px;
  }
  .dark-mode .lg-pbls-9,
  .dark-mode .lg-pbl-9 {
    padding-block-start: 64px;
  }
  .dark-mode .lg-pble-9,
  .dark-mode .lg-pbl-9 {
    padding-block-end: 64px;
  }
  .dark-mode .lg-pins-9,
  .dark-mode .lg-pin-9 {
    padding-inline-start: 64px;
  }
  .dark-mode .lg-pine-9,
  .dark-mode .lg-pin-9 {
    padding-inline-end: 64px;
  }
  .dark-mode .lg-m-10 {
    margin: 72px;
  }
  .dark-mode .lg-mt-10,
  .dark-mode .lg-my-10 {
    margin-top: 72px;
  }
  .dark-mode .lg-mr-10,
  .dark-mode .lg-mx-10 {
    margin-right: 72px;
  }
  .dark-mode .lg-mb-10,
  .dark-mode .lg-my-10 {
    margin-bottom: 72px;
  }
  .dark-mode .lg-ml-10,
  .dark-mode .lg-mx-10 {
    margin-left: 72px;
  }
  .dark-mode .lg-mbls-10,
  .dark-mode .lg-mbl-10 {
    margin-block-start: 72px;
  }
  .dark-mode .lg-mble-10,
  .dark-mode .lg-mbl-10 {
    margin-block-end: 72px;
  }
  .dark-mode .lg-mins-10,
  .dark-mode .lg-min-10 {
    margin-inline-start: 72px;
  }
  .dark-mode .lg-mine-10,
  .dark-mode .lg-min-10 {
    margin-inline-end: 72px;
  }
  .dark-mode .lg-p-10 {
    padding: 72px;
  }
  .dark-mode .lg-pt-10,
  .dark-mode .lg-py-10 {
    padding-top: 72px;
  }
  .dark-mode .lg-pr-10,
  .dark-mode .lg-px-10 {
    padding-right: 72px;
  }
  .dark-mode .lg-pb-10,
  .dark-mode .lg-py-10 {
    padding-bottom: 72px;
  }
  .dark-mode .lg-pl-10,
  .dark-mode .lg-px-10 {
    padding-left: 72px;
  }
  .dark-mode .lg-pbls-10,
  .dark-mode .lg-pbl-10 {
    padding-block-start: 72px;
  }
  .dark-mode .lg-pble-10,
  .dark-mode .lg-pbl-10 {
    padding-block-end: 72px;
  }
  .dark-mode .lg-pins-10,
  .dark-mode .lg-pin-10 {
    padding-inline-start: 72px;
  }
  .dark-mode .lg-pine-10,
  .dark-mode .lg-pin-10 {
    padding-inline-end: 72px;
  }
  .dark-mode .lg-m-11 {
    margin: 80px;
  }
  .dark-mode .lg-mt-11,
  .dark-mode .lg-my-11 {
    margin-top: 80px;
  }
  .dark-mode .lg-mr-11,
  .dark-mode .lg-mx-11 {
    margin-right: 80px;
  }
  .dark-mode .lg-mb-11,
  .dark-mode .lg-my-11 {
    margin-bottom: 80px;
  }
  .dark-mode .lg-ml-11,
  .dark-mode .lg-mx-11 {
    margin-left: 80px;
  }
  .dark-mode .lg-mbls-11,
  .dark-mode .lg-mbl-11 {
    margin-block-start: 80px;
  }
  .dark-mode .lg-mble-11,
  .dark-mode .lg-mbl-11 {
    margin-block-end: 80px;
  }
  .dark-mode .lg-mins-11,
  .dark-mode .lg-min-11 {
    margin-inline-start: 80px;
  }
  .dark-mode .lg-mine-11,
  .dark-mode .lg-min-11 {
    margin-inline-end: 80px;
  }
  .dark-mode .lg-p-11 {
    padding: 80px;
  }
  .dark-mode .lg-pt-11,
  .dark-mode .lg-py-11 {
    padding-top: 80px;
  }
  .dark-mode .lg-pr-11,
  .dark-mode .lg-px-11 {
    padding-right: 80px;
  }
  .dark-mode .lg-pb-11,
  .dark-mode .lg-py-11 {
    padding-bottom: 80px;
  }
  .dark-mode .lg-pl-11,
  .dark-mode .lg-px-11 {
    padding-left: 80px;
  }
  .dark-mode .lg-pbls-11,
  .dark-mode .lg-pbl-11 {
    padding-block-start: 80px;
  }
  .dark-mode .lg-pble-11,
  .dark-mode .lg-pbl-11 {
    padding-block-end: 80px;
  }
  .dark-mode .lg-pins-11,
  .dark-mode .lg-pin-11 {
    padding-inline-start: 80px;
  }
  .dark-mode .lg-pine-11,
  .dark-mode .lg-pin-11 {
    padding-inline-end: 80px;
  }
  .dark-mode .lg-m-12 {
    margin: 88px;
  }
  .dark-mode .lg-mt-12,
  .dark-mode .lg-my-12 {
    margin-top: 88px;
  }
  .dark-mode .lg-mr-12,
  .dark-mode .lg-mx-12 {
    margin-right: 88px;
  }
  .dark-mode .lg-mb-12,
  .dark-mode .lg-my-12 {
    margin-bottom: 88px;
  }
  .dark-mode .lg-ml-12,
  .dark-mode .lg-mx-12 {
    margin-left: 88px;
  }
  .dark-mode .lg-mbls-12,
  .dark-mode .lg-mbl-12 {
    margin-block-start: 88px;
  }
  .dark-mode .lg-mble-12,
  .dark-mode .lg-mbl-12 {
    margin-block-end: 88px;
  }
  .dark-mode .lg-mins-12,
  .dark-mode .lg-min-12 {
    margin-inline-start: 88px;
  }
  .dark-mode .lg-mine-12,
  .dark-mode .lg-min-12 {
    margin-inline-end: 88px;
  }
  .dark-mode .lg-p-12 {
    padding: 88px;
  }
  .dark-mode .lg-pt-12,
  .dark-mode .lg-py-12 {
    padding-top: 88px;
  }
  .dark-mode .lg-pr-12,
  .dark-mode .lg-px-12 {
    padding-right: 88px;
  }
  .dark-mode .lg-pb-12,
  .dark-mode .lg-py-12 {
    padding-bottom: 88px;
  }
  .dark-mode .lg-pl-12,
  .dark-mode .lg-px-12 {
    padding-left: 88px;
  }
  .dark-mode .lg-pbls-12,
  .dark-mode .lg-pbl-12 {
    padding-block-start: 88px;
  }
  .dark-mode .lg-pble-12,
  .dark-mode .lg-pbl-12 {
    padding-block-end: 88px;
  }
  .dark-mode .lg-pins-12,
  .dark-mode .lg-pin-12 {
    padding-inline-start: 88px;
  }
  .dark-mode .lg-pine-12,
  .dark-mode .lg-pin-12 {
    padding-inline-end: 88px;
  }
  .dark-mode .lg-m-13 {
    margin: 96px;
  }
  .dark-mode .lg-mt-13,
  .dark-mode .lg-my-13 {
    margin-top: 96px;
  }
  .dark-mode .lg-mr-13,
  .dark-mode .lg-mx-13 {
    margin-right: 96px;
  }
  .dark-mode .lg-mb-13,
  .dark-mode .lg-my-13 {
    margin-bottom: 96px;
  }
  .dark-mode .lg-ml-13,
  .dark-mode .lg-mx-13 {
    margin-left: 96px;
  }
  .dark-mode .lg-mbls-13,
  .dark-mode .lg-mbl-13 {
    margin-block-start: 96px;
  }
  .dark-mode .lg-mble-13,
  .dark-mode .lg-mbl-13 {
    margin-block-end: 96px;
  }
  .dark-mode .lg-mins-13,
  .dark-mode .lg-min-13 {
    margin-inline-start: 96px;
  }
  .dark-mode .lg-mine-13,
  .dark-mode .lg-min-13 {
    margin-inline-end: 96px;
  }
  .dark-mode .lg-p-13 {
    padding: 96px;
  }
  .dark-mode .lg-pt-13,
  .dark-mode .lg-py-13 {
    padding-top: 96px;
  }
  .dark-mode .lg-pr-13,
  .dark-mode .lg-px-13 {
    padding-right: 96px;
  }
  .dark-mode .lg-pb-13,
  .dark-mode .lg-py-13 {
    padding-bottom: 96px;
  }
  .dark-mode .lg-pl-13,
  .dark-mode .lg-px-13 {
    padding-left: 96px;
  }
  .dark-mode .lg-pbls-13,
  .dark-mode .lg-pbl-13 {
    padding-block-start: 96px;
  }
  .dark-mode .lg-pble-13,
  .dark-mode .lg-pbl-13 {
    padding-block-end: 96px;
  }
  .dark-mode .lg-pins-13,
  .dark-mode .lg-pin-13 {
    padding-inline-start: 96px;
  }
  .dark-mode .lg-pine-13,
  .dark-mode .lg-pin-13 {
    padding-inline-end: 96px;
  }
  .dark-mode .lg-m-14 {
    margin: 104px;
  }
  .dark-mode .lg-mt-14,
  .dark-mode .lg-my-14 {
    margin-top: 104px;
  }
  .dark-mode .lg-mr-14,
  .dark-mode .lg-mx-14 {
    margin-right: 104px;
  }
  .dark-mode .lg-mb-14,
  .dark-mode .lg-my-14 {
    margin-bottom: 104px;
  }
  .dark-mode .lg-ml-14,
  .dark-mode .lg-mx-14 {
    margin-left: 104px;
  }
  .dark-mode .lg-mbls-14,
  .dark-mode .lg-mbl-14 {
    margin-block-start: 104px;
  }
  .dark-mode .lg-mble-14,
  .dark-mode .lg-mbl-14 {
    margin-block-end: 104px;
  }
  .dark-mode .lg-mins-14,
  .dark-mode .lg-min-14 {
    margin-inline-start: 104px;
  }
  .dark-mode .lg-mine-14,
  .dark-mode .lg-min-14 {
    margin-inline-end: 104px;
  }
  .dark-mode .lg-p-14 {
    padding: 104px;
  }
  .dark-mode .lg-pt-14,
  .dark-mode .lg-py-14 {
    padding-top: 104px;
  }
  .dark-mode .lg-pr-14,
  .dark-mode .lg-px-14 {
    padding-right: 104px;
  }
  .dark-mode .lg-pb-14,
  .dark-mode .lg-py-14 {
    padding-bottom: 104px;
  }
  .dark-mode .lg-pl-14,
  .dark-mode .lg-px-14 {
    padding-left: 104px;
  }
  .dark-mode .lg-pbls-14,
  .dark-mode .lg-pbl-14 {
    padding-block-start: 104px;
  }
  .dark-mode .lg-pble-14,
  .dark-mode .lg-pbl-14 {
    padding-block-end: 104px;
  }
  .dark-mode .lg-pins-14,
  .dark-mode .lg-pin-14 {
    padding-inline-start: 104px;
  }
  .dark-mode .lg-pine-14,
  .dark-mode .lg-pin-14 {
    padding-inline-end: 104px;
  }
  .dark-mode .lg-m-15 {
    margin: 112px;
  }
  .dark-mode .lg-mt-15,
  .dark-mode .lg-my-15 {
    margin-top: 112px;
  }
  .dark-mode .lg-mr-15,
  .dark-mode .lg-mx-15 {
    margin-right: 112px;
  }
  .dark-mode .lg-mb-15,
  .dark-mode .lg-my-15 {
    margin-bottom: 112px;
  }
  .dark-mode .lg-ml-15,
  .dark-mode .lg-mx-15 {
    margin-left: 112px;
  }
  .dark-mode .lg-mbls-15,
  .dark-mode .lg-mbl-15 {
    margin-block-start: 112px;
  }
  .dark-mode .lg-mble-15,
  .dark-mode .lg-mbl-15 {
    margin-block-end: 112px;
  }
  .dark-mode .lg-mins-15,
  .dark-mode .lg-min-15 {
    margin-inline-start: 112px;
  }
  .dark-mode .lg-mine-15,
  .dark-mode .lg-min-15 {
    margin-inline-end: 112px;
  }
  .dark-mode .lg-p-15 {
    padding: 112px;
  }
  .dark-mode .lg-pt-15,
  .dark-mode .lg-py-15 {
    padding-top: 112px;
  }
  .dark-mode .lg-pr-15,
  .dark-mode .lg-px-15 {
    padding-right: 112px;
  }
  .dark-mode .lg-pb-15,
  .dark-mode .lg-py-15 {
    padding-bottom: 112px;
  }
  .dark-mode .lg-pl-15,
  .dark-mode .lg-px-15 {
    padding-left: 112px;
  }
  .dark-mode .lg-pbls-15,
  .dark-mode .lg-pbl-15 {
    padding-block-start: 112px;
  }
  .dark-mode .lg-pble-15,
  .dark-mode .lg-pbl-15 {
    padding-block-end: 112px;
  }
  .dark-mode .lg-pins-15,
  .dark-mode .lg-pin-15 {
    padding-inline-start: 112px;
  }
  .dark-mode .lg-pine-15,
  .dark-mode .lg-pin-15 {
    padding-inline-end: 112px;
  }
  .dark-mode .lg-m-16 {
    margin: 120px;
  }
  .dark-mode .lg-mt-16,
  .dark-mode .lg-my-16 {
    margin-top: 120px;
  }
  .dark-mode .lg-mr-16,
  .dark-mode .lg-mx-16 {
    margin-right: 120px;
  }
  .dark-mode .lg-mb-16,
  .dark-mode .lg-my-16 {
    margin-bottom: 120px;
  }
  .dark-mode .lg-ml-16,
  .dark-mode .lg-mx-16 {
    margin-left: 120px;
  }
  .dark-mode .lg-mbls-16,
  .dark-mode .lg-mbl-16 {
    margin-block-start: 120px;
  }
  .dark-mode .lg-mble-16,
  .dark-mode .lg-mbl-16 {
    margin-block-end: 120px;
  }
  .dark-mode .lg-mins-16,
  .dark-mode .lg-min-16 {
    margin-inline-start: 120px;
  }
  .dark-mode .lg-mine-16,
  .dark-mode .lg-min-16 {
    margin-inline-end: 120px;
  }
  .dark-mode .lg-p-16 {
    padding: 120px;
  }
  .dark-mode .lg-pt-16,
  .dark-mode .lg-py-16 {
    padding-top: 120px;
  }
  .dark-mode .lg-pr-16,
  .dark-mode .lg-px-16 {
    padding-right: 120px;
  }
  .dark-mode .lg-pb-16,
  .dark-mode .lg-py-16 {
    padding-bottom: 120px;
  }
  .dark-mode .lg-pl-16,
  .dark-mode .lg-px-16 {
    padding-left: 120px;
  }
  .dark-mode .lg-pbls-16,
  .dark-mode .lg-pbl-16 {
    padding-block-start: 120px;
  }
  .dark-mode .lg-pble-16,
  .dark-mode .lg-pbl-16 {
    padding-block-end: 120px;
  }
  .dark-mode .lg-pins-16,
  .dark-mode .lg-pin-16 {
    padding-inline-start: 120px;
  }
  .dark-mode .lg-pine-16,
  .dark-mode .lg-pin-16 {
    padding-inline-end: 120px;
  }
  .dark-mode .lg-m-17 {
    margin: 128px;
  }
  .dark-mode .lg-mt-17,
  .dark-mode .lg-my-17 {
    margin-top: 128px;
  }
  .dark-mode .lg-mr-17,
  .dark-mode .lg-mx-17 {
    margin-right: 128px;
  }
  .dark-mode .lg-mb-17,
  .dark-mode .lg-my-17 {
    margin-bottom: 128px;
  }
  .dark-mode .lg-ml-17,
  .dark-mode .lg-mx-17 {
    margin-left: 128px;
  }
  .dark-mode .lg-mbls-17,
  .dark-mode .lg-mbl-17 {
    margin-block-start: 128px;
  }
  .dark-mode .lg-mble-17,
  .dark-mode .lg-mbl-17 {
    margin-block-end: 128px;
  }
  .dark-mode .lg-mins-17,
  .dark-mode .lg-min-17 {
    margin-inline-start: 128px;
  }
  .dark-mode .lg-mine-17,
  .dark-mode .lg-min-17 {
    margin-inline-end: 128px;
  }
  .dark-mode .lg-p-17 {
    padding: 128px;
  }
  .dark-mode .lg-pt-17,
  .dark-mode .lg-py-17 {
    padding-top: 128px;
  }
  .dark-mode .lg-pr-17,
  .dark-mode .lg-px-17 {
    padding-right: 128px;
  }
  .dark-mode .lg-pb-17,
  .dark-mode .lg-py-17 {
    padding-bottom: 128px;
  }
  .dark-mode .lg-pl-17,
  .dark-mode .lg-px-17 {
    padding-left: 128px;
  }
  .dark-mode .lg-pbls-17,
  .dark-mode .lg-pbl-17 {
    padding-block-start: 128px;
  }
  .dark-mode .lg-pble-17,
  .dark-mode .lg-pbl-17 {
    padding-block-end: 128px;
  }
  .dark-mode .lg-pins-17,
  .dark-mode .lg-pin-17 {
    padding-inline-start: 128px;
  }
  .dark-mode .lg-pine-17,
  .dark-mode .lg-pin-17 {
    padding-inline-end: 128px;
  }
  .dark-mode .lg-gap-0 {
    gap: 0px;
  }
  .dark-mode .lg-gap-x-0 {
    column-gap: 0px;
  }
  .dark-mode .lg-gap-y-0 {
    row-gap: 0px;
  }
  .dark-mode .lg-gap-0-5 {
    gap: 0.125rem;
  }
  .dark-mode .lg-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .dark-mode .lg-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .dark-mode .lg-gap-1 {
    gap: 0.25rem;
  }
  .dark-mode .lg-gap-x-1 {
    column-gap: 0.25rem;
  }
  .dark-mode .lg-gap-y-1 {
    row-gap: 0.25rem;
  }
  .dark-mode .lg-gap-1-5 {
    gap: 0.375rem;
  }
  .dark-mode .lg-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .dark-mode .lg-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .dark-mode .lg-gap-2 {
    gap: 0.5rem;
  }
  .dark-mode .lg-gap-x-2 {
    column-gap: 0.5rem;
  }
  .dark-mode .lg-gap-y-2 {
    row-gap: 0.5rem;
  }
  .dark-mode .lg-gap-2-5 {
    gap: 0.625rem;
  }
  .dark-mode .lg-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .dark-mode .lg-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .dark-mode .lg-gap-3 {
    gap: 0.75rem;
  }
  .dark-mode .lg-gap-x-3 {
    column-gap: 0.75rem;
  }
  .dark-mode .lg-gap-y-3 {
    row-gap: 0.75rem;
  }
  .dark-mode .lg-gap-3-5 {
    gap: 0.875rem;
  }
  .dark-mode .lg-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .dark-mode .lg-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .dark-mode .lg-gap-4 {
    gap: 1rem;
  }
  .dark-mode .lg-gap-x-4 {
    column-gap: 1rem;
  }
  .dark-mode .lg-gap-y-4 {
    row-gap: 1rem;
  }
  .dark-mode .lg-gap-5 {
    gap: 1.25rem;
  }
  .dark-mode .lg-gap-x-5 {
    column-gap: 1.25rem;
  }
  .dark-mode .lg-gap-y-5 {
    row-gap: 1.25rem;
  }
  .dark-mode .lg-gap-6 {
    gap: 1.5rem;
  }
  .dark-mode .lg-gap-x-6 {
    column-gap: 1.5rem;
  }
  .dark-mode .lg-gap-y-6 {
    row-gap: 1.5rem;
  }
  .dark-mode .lg-gap-7 {
    gap: 1.75rem;
  }
  .dark-mode .lg-gap-x-7 {
    column-gap: 1.75rem;
  }
  .dark-mode .lg-gap-y-7 {
    row-gap: 1.75rem;
  }
  .dark-mode .lg-gap-8 {
    gap: 2rem;
  }
  .dark-mode .lg-gap-x-8 {
    column-gap: 2rem;
  }
  .dark-mode .lg-gap-y-8 {
    row-gap: 2rem;
  }
  .dark-mode .lg-gap-9 {
    gap: 2.25rem;
  }
  .dark-mode .lg-gap-x-9 {
    column-gap: 2.25rem;
  }
  .dark-mode .lg-gap-y-9 {
    row-gap: 2.25rem;
  }
  .dark-mode .lg-gap-10 {
    gap: 2.5rem;
  }
  .dark-mode .lg-gap-x-10 {
    column-gap: 2.5rem;
  }
  .dark-mode .lg-gap-y-10 {
    row-gap: 2.5rem;
  }
  .dark-mode .lg-gap-11 {
    gap: 2.75rem;
  }
  .dark-mode .lg-gap-x-11 {
    column-gap: 2.75rem;
  }
  .dark-mode .lg-gap-y-11 {
    row-gap: 2.75rem;
  }
  .dark-mode .lg-gap-12 {
    gap: 3rem;
  }
  .dark-mode .lg-gap-x-12 {
    column-gap: 3rem;
  }
  .dark-mode .lg-gap-y-12 {
    row-gap: 3rem;
  }
  .dark-mode .lg-gap-14 {
    gap: 3.5rem;
  }
  .dark-mode .lg-gap-x-14 {
    column-gap: 3.5rem;
  }
  .dark-mode .lg-gap-y-14 {
    row-gap: 3.5rem;
  }
  .dark-mode .lg-gap-16 {
    gap: 4rem;
  }
  .dark-mode .lg-gap-x-16 {
    column-gap: 4rem;
  }
  .dark-mode .lg-gap-y-16 {
    row-gap: 4rem;
  }
  .dark-mode .lg-gap-20 {
    gap: 5rem;
  }
  .dark-mode .lg-gap-x-20 {
    column-gap: 5rem;
  }
  .dark-mode .lg-gap-y-20 {
    row-gap: 5rem;
  }
  .dark-mode .lg-gap-24 {
    gap: 6rem;
  }
  .dark-mode .lg-gap-x-24 {
    column-gap: 6rem;
  }
  .dark-mode .lg-gap-y-24 {
    row-gap: 6rem;
  }
  .dark-mode .lg-gap-28 {
    gap: 7rem;
  }
  .dark-mode .lg-gap-x-28 {
    column-gap: 7rem;
  }
  .dark-mode .lg-gap-y-28 {
    row-gap: 7rem;
  }
  .dark-mode .lg-gap-32 {
    gap: 8rem;
  }
  .dark-mode .lg-gap-x-32 {
    column-gap: 8rem;
  }
  .dark-mode .lg-gap-y-32 {
    row-gap: 8rem;
  }
  .dark-mode .lg-gap-36 {
    gap: 9rem;
  }
  .dark-mode .lg-gap-x-36 {
    column-gap: 9rem;
  }
  .dark-mode .lg-gap-y-36 {
    row-gap: 9rem;
  }
  .dark-mode .lg-gap-40 {
    gap: 10rem;
  }
  .dark-mode .lg-gap-x-40 {
    column-gap: 10rem;
  }
  .dark-mode .lg-gap-y-40 {
    row-gap: 10rem;
  }
  .dark-mode .lg-gap-44 {
    gap: 11rem;
  }
  .dark-mode .lg-gap-x-44 {
    column-gap: 11rem;
  }
  .dark-mode .lg-gap-y-44 {
    row-gap: 11rem;
  }
  .dark-mode .lg-gap-48 {
    gap: 12rem;
  }
  .dark-mode .lg-gap-x-48 {
    column-gap: 12rem;
  }
  .dark-mode .lg-gap-y-48 {
    row-gap: 12rem;
  }
  .dark-mode .lg-gap-52 {
    gap: 13rem;
  }
  .dark-mode .lg-gap-x-52 {
    column-gap: 13rem;
  }
  .dark-mode .lg-gap-y-52 {
    row-gap: 13rem;
  }
  .dark-mode .lg-gap-56 {
    gap: 13rem;
  }
  .dark-mode .lg-gap-x-56 {
    column-gap: 13rem;
  }
  .dark-mode .lg-gap-y-56 {
    row-gap: 13rem;
  }
  .dark-mode .lg-gap-60 {
    gap: 15rem;
  }
  .dark-mode .lg-gap-x-60 {
    column-gap: 15rem;
  }
  .dark-mode .lg-gap-y-60 {
    row-gap: 15rem;
  }
  .dark-mode .lg-gap-64 {
    gap: 16rem;
  }
  .dark-mode .lg-gap-x-64 {
    column-gap: 16rem;
  }
  .dark-mode .lg-gap-y-64 {
    row-gap: 16rem;
  }
  .dark-mode .lg-gap-72 {
    gap: 18rem;
  }
  .dark-mode .lg-gap-x-72 {
    column-gap: 18rem;
  }
  .dark-mode .lg-gap-y-72 {
    row-gap: 18rem;
  }
  .dark-mode .lg-gap-80 {
    gap: 20rem;
  }
  .dark-mode .lg-gap-x-80 {
    column-gap: 20rem;
  }
  .dark-mode .lg-gap-y-80 {
    row-gap: 20rem;
  }
  .dark-mode .lg-gap-96 {
    gap: 24rem;
  }
  .dark-mode .lg-gap-x-96 {
    column-gap: 24rem;
  }
  .dark-mode .lg-gap-y-96 {
    row-gap: 24rem;
  }
  .dark-mode .lg-flex {
    display: flex;
  }
  .dark-mode .lg-block {
    display: block;
  }
  .dark-mode .lg-grid {
    display: grid;
  }
  .dark-mode .lg-table {
    display: table;
  }
  .dark-mode .lg-table-row {
    display: table-row;
  }
  .dark-mode .lg-table-row-group {
    display: table-row-group;
  }
  .dark-mode .lg-inline-table {
    display: inline-table;
  }
  .dark-mode .lg-inline-block {
    display: inline-block;
  }
  .dark-mode .lg-inline {
    display: inline-flex;
  }
  .dark-mode .lg-hidden {
    display: none;
  }
  .dark-mode .lg-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .dark-mode .lg-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .dark-mode .lg-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .dark-mode .lg-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .dark-mode .lg-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .dark-mode .lg-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .dark-mode .lg-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .dark-mode .lg-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .dark-mode .lg-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .dark-mode .lg-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .dark-mode .lg-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .dark-mode .lg-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .dark-mode .lg-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .dark-mode .lg-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .dark-mode .lg-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .dark-mode .lg-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .dark-mode .lg-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .dark-mode .lg-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .dark-mode .lg-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .dark-mode .lg-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .dark-mode .lg-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .dark-mode .lg-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .dark-mode .lg-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .dark-mode .lg-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .dark-mode .lg-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .dark-mode .lg-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .dark-mode .lg-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .dark-mode .lg-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .dark-mode .lg-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .dark-mode .lg-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .dark-mode .lg-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .dark-mode .lg-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .dark-mode .lg-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .dark-mode .lg-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .dark-mode .lg-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .dark-mode .lg-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .dark-mode .lg-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .dark-mode .lg-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .dark-mode .lg-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .dark-mode .lg-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .dark-mode .lg-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .dark-mode .lg-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .dark-mode .lg-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .dark-mode .lg-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .dark-mode .lg-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .dark-mode .lg-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .dark-mode .lg-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .dark-mode .lg-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .dark-mode .lg-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .dark-mode .lg-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .dark-mode .lg-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .dark-mode .lg-text-ellipsis {
    text-overflow: ellipsis;
  }
  .dark-mode .lg-text-clip {
    text-overflow: clip;;
  }
  .dark-mode .lg-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .dark-mode .lg-overflow-hidden {
    overflow: hidden;
  }
  .dark-mode .lg-text-left {
    text-align: left;
  }
  .dark-mode .lg-text-center {
    text-align: center;
  }
  .dark-mode .lg-text-right {
    text-align: right;
  }
  .dark-mode .lg-text-justify {
    text-align: justify;
  }
  .dark-mode .lg-text-start {
    text-align: start;
  }
  .dark-mode .lg-text-end {
    text-align: end;
  }
  .dark-mode .lg-underline {
    text-decoration: underline;
  }
  .dark-mode .lg-overline {
    text-decoration: overline;
  }
  .dark-mode .lg-line-through {
    text-decoration: line-through;
  }
  .dark-mode .lg-no-underline {
    text-decoration: none;
  }
  .dark-mode .lg-uppercase {
    text-transform: uppercase;
  }
  .dark-mode .lg-lowercase {
    text-transform: lowercase;
  }
  .dark-mode .lg-capitalize {
    text-transform: capitalize;
  }
  .dark-mode .lg-normal-case {
    text-transform: none;
  }
  .dark-mode .lg-align-baseline {
    vertical-align: baseline;
  }
  .dark-mode .lg-align-top {
    vertical-align: top;
  }
  .dark-mode .lg-align-middle {
    vertical-align: middle;
  }
  .dark-mode .lg-align-bottom {
    vertical-align: bottom;
  }
  .dark-mode .lg-align-text-top {
    vertical-align: text-top;
  }
  .dark-mode .lg-align-text-bottom {
    vertical-align: text-bottom;
  }
  .dark-mode .lg-align-sub {
    vertical-align: sub;
  }
  .dark-mode .lg-align-super {
    vertical-align: super;
  }
  .dark-mode .lg-whitespace-normal {
    white-space: normal;
  }
  .dark-mode .lg-whitespace-nowrap {
    white-space: nowrap;
  }
  .dark-mode .lg-whitespace-pre {
    white-space: pre;
  }
  .dark-mode .lg-whitespace-pre-line {
    white-space: pre-line;
  }
  .dark-mode .lg-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .dark-mode .lg-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .dark-mode .lg-break-all {
    word-break: break-all;
  }
  .dark-mode .lg-break-keep {
    word-break: keep-all;
  }
  .dark-mode .lg-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .dark-mode .lg-break-words {
    overflow-wrap: break-word;
  }
  .dark-mode .lg-hyphens-none {
    hyphens: none;
  }
  .dark-mode .lg-hyphens-manual {
    hyphens: manual;
  }
  .dark-mode .lg-hyphens-auto {
    hyphens: auto;
  }
  .dark-mode .lg-indent-0 {
    text-indent: 0px;
  }
  .dark-mode .lg-indent-px {
    text-indent: 1px;
  }
  .dark-mode .lg-indent-0-5 {
    text-indent: 0.125rem;
  }
  .dark-mode .lg-indent-1 {
    text-indent: 0.25rem;
  }
  .dark-mode .lg-indent-1-5 {
    text-indent: 0.375rem;
  }
  .dark-mode .lg-indent-2 {
    text-indent: 0.5rem;
  }
  .dark-mode .lg-indent-2-5 {
    text-indent: 0.625rem;
  }
  .dark-mode .lg-indent-3 {
    text-indent: 0.75rem;
  }
  .dark-mode .lg-indent-3-5 {
    text-indent: 0.875rem;
  }
  .dark-mode .lg-indent-4 {
    text-indent: 1rem;
  }
  .dark-mode .lg-indent-5 {
    text-indent: 1.25rem;
  }
  .dark-mode .lg-indent-6 {
    text-indent: 1.5rem;
  }
  .dark-mode .lg-indent-7 {
    text-indent: 1.75rem;
  }
  .dark-mode .lg-indent-8 {
    text-indent: 2rem;
  }
  .dark-mode .lg-indent-9 {
    text-indent: 2.25rem;
  }
  .dark-mode .lg-indent-10 {
    text-indent: 2.5rem;
  }
  .dark-mode .lg-indent-11 {
    text-indent: 2.75rem;
  }
  .dark-mode .lg-indent-12 {
    text-indent:  3rem;
  }
  .dark-mode .lg-indent-14 {
    text-indent: 3.5rem;
  }
  .dark-mode .lg-indent-16 {
    text-indent: 4rem;
  }
  .dark-mode .lg-indent-20 {
    text-indent: 5rem;
  }
  .dark-mode .lg-indent-24 {
    text-indent: 6rem;
  }
  .dark-mode .lg-indent-28 {
    text-indent: 7rem;
  }
  .dark-mode .lg-indent-32 {
    text-indent: 8rem;
  }
  .dark-mode .lg-indent-36 {
    text-indent: 9rem;
  }
  .dark-mode .lg-indent-40 {
    text-indent: 10rem;
  }
  .dark-mode .lg-indent-44 {
    text-indent: 11rem;
  }
  .dark-mode .lg-indent-48 {
    text-indent: 12rem;
  }
  .dark-mode .lg-indent-52 {
    text-indent: 13rem;
  }
  .dark-mode .lg-indent-56 {
    text-indent: 14rem;
  }
  .dark-mode .lg-indent-60 {
    text-indent: 15rem;
  }
  .dark-mode .lg-indent-64 {
    text-indent: 16rem;
  }
  .dark-mode .lg-indent-72 {
    text-indent: 18rem;
  }
  .dark-mode .lg-indent-80 {
    text-indent: 20rem;
  }
  .dark-mode .lg-indent-96 {
    text-indent: 24rem;
  }
  .dark-mode .lg-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .dark-mode .lg-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .dark-mode .lg-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .dark-mode .lg-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dark-mode .lg-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .dark-mode .lg-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .dark-mode .lg-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .dark-mode .lg-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 1279px) {
  .dark-mode .md-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .dark-mode .md-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .md-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .md-col-span-0 {
    grid-column: span 0/span 0;
  }
  .dark-mode .md-col-span-1 {
    grid-column: span 1/span 1;
  }
  .dark-mode .md-col-span-2 {
    grid-column: span 2/span 2;
  }
  .dark-mode .md-col-span-3 {
    grid-column: span 3/span 3;
  }
  .dark-mode .md-col-span-4 {
    grid-column: span 4/span 4;
  }
  .dark-mode .md-col-span-5 {
    grid-column: span 5/span 5;
  }
  .dark-mode .md-col-span-6 {
    grid-column: span 6/span 6;
  }
  .dark-mode .md-col-span-7 {
    grid-column: span 7/span 7;
  }
  .dark-mode .md-col-span-8 {
    grid-column: span 8/span 8;
  }
  .dark-mode .md-col-span-9 {
    grid-column: span 9/span 9;
  }
  .dark-mode .md-col-span-10 {
    grid-column: span 10/span 10;
  }
  .dark-mode .md-col-span-11 {
    grid-column: span 11/span 11;
  }
  .dark-mode .md-col-span-12 {
    grid-column: span 12/span 12;
  }
  .dark-mode .md-col-auto {
    grid-column: auto;
  }
  .dark-mode .md-row-span-0 {
    grid-row: span 0/span 0;
  }
  .dark-mode .md-row-span-1 {
    grid-row: span 1/span 1;
  }
  .dark-mode .md-row-span-2 {
    grid-row: span 2/span 2;
  }
  .dark-mode .md-row-span-3 {
    grid-row: span 3/span 3;
  }
  .dark-mode .md-row-span-4 {
    grid-row: span 4/span 4;
  }
  .dark-mode .md-row-span-5 {
    grid-row: span 5/span 5;
  }
  .dark-mode .md-row-span-6 {
    grid-row: span 6/span 6;
  }
  .dark-mode .md-row-span-7 {
    grid-row: span 7/span 7;
  }
  .dark-mode .md-row-span-8 {
    grid-row: span 8/span 8;
  }
  .dark-mode .md-row-span-9 {
    grid-row: span 9/span 9;
  }
  .dark-mode .md-row-span-10 {
    grid-row: span 10/span 10;
  }
  .dark-mode .md-row-span-11 {
    grid-row: span 11/span 11;
  }
  .dark-mode .md-row-span-12 {
    grid-row: span 12/span 12;
  }
  .dark-mode .md-row-auto {
    grid-row: auto;
  }
  .dark-mode .md-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .dark-mode .md-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .md-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .md-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .dark-mode .md-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .dark-mode .md-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .dark-mode .md-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .dark-mode .md-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dark-mode .md-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .dark-mode .md-flex-wrap {
    flex-wrap: wrap;
  }
  .dark-mode .md-flex-nowrap {
    flex-wrap: nowrap;
  }
  .dark-mode .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .dark-mode .md-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .dark-mode .md-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .dark-mode .md-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .dark-mode .md-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .dark-mode .md-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .dark-mode .md-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .dark-mode .md-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .dark-mode .md-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .dark-mode .md-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .dark-mode .md-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .dark-mode .md-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .dark-mode .md-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .dark-mode .md-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .dark-mode .md-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .dark-mode .md-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .dark-mode .md-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .dark-mode .md-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .dark-mode .md-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .dark-mode .md-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .dark-mode .md-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .dark-mode .md-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .dark-mode .md-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .dark-mode .md-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .dark-mode .md-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .dark-mode .md-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .dark-mode .md-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .dark-mode .md-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .dark-mode .md-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .dark-mode .md-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .dark-mode .md-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .dark-mode .md-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .dark-mode .md-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .dark-mode .md-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .dark-mode .md-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .dark-mode .md-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .dark-mode .md-basis-0 {
    flex-basis: 0px;
  }
  .dark-mode .md-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .dark-mode .md-basis-1 {
    flex-basis: 0.25rem;
  }
  .dark-mode .md-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .dark-mode .md-basis-2 {
    flex-basis: 0.5rem;
  }
  .dark-mode .md-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .dark-mode .md-basis-3 {
    flex-basis: 0.75rem;
  }
  .dark-mode .md-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .dark-mode .md-basis-4 {
    flex-basis: 1rem;
  }
  .dark-mode .md-basis-5 {
    flex-basis: 1.25rem;
  }
  .dark-mode .md-basis-6 {
    flex-basis: 1.5rem;
  }
  .dark-mode .md-basis-7 {
    flex-basis: 1.75rem;
  }
  .dark-mode .md-basis-8 {
    flex-basis: 2rem;
  }
  .dark-mode .md-basis-9 {
    flex-basis: 2.25rem;
  }
  .dark-mode .md-basis-10 {
    flex-basis: 2.5rem;
  }
  .dark-mode .md-basis-11 {
    flex-basis: 2.75rem;
  }
  .dark-mode .md-basis-12 {
    flex-basis: 3rem;
  }
  .dark-mode .md-basis-14 {
    flex-basis: 3.5rem;
  }
  .dark-mode .md-basis-16 {
    flex-basis: 4rem;
  }
  .dark-mode .md-basis-20 {
    flex-basis: 5rem;
  }
  .dark-mode .md-basis-24 {
    flex-basis: 6rem;
  }
  .dark-mode .md-basis-28 {
    flex-basis: 7rem;
  }
  .dark-mode .md-basis-32 {
    flex-basis: 8rem;
  }
  .dark-mode .md-basis-36 {
    flex-basis: 9rem;
  }
  .dark-mode .md-basis-40 {
    flex-basis: 10rem;
  }
  .dark-mode .md-basis-44 {
    flex-basis: 11rem;
  }
  .dark-mode .md-basis-48 {
    flex-basis: 12rem;
  }
  .dark-mode .md-basis-52 {
    flex-basis: 13rem;
  }
  .dark-mode .md-basis-56 {
    flex-basis: 13rem;
  }
  .dark-mode .md-basis-60 {
    flex-basis: 15rem;
  }
  .dark-mode .md-basis-64 {
    flex-basis: 16rem;
  }
  .dark-mode .md-basis-72 {
    flex-basis: 18rem;
  }
  .dark-mode .md-basis-80 {
    flex-basis: 20rem;
  }
  .dark-mode .md-basis-96 {
    flex-basis: 24rem;
  }
  .dark-mode .md-basis-auto {
    flex-basis: auto;
  }
  .dark-mode .md-basis-1on2 {
    flex-basis: 50%;
  }
  .dark-mode .md-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .dark-mode .md-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .dark-mode .md-basis-1on4 {
    flex-basis: 25%;
  }
  .dark-mode .md-basis-2on4 {
    flex-basis: 50%;
  }
  .dark-mode .md-basis-3on4 {
    flex-basis: 75%;
  }
  .dark-mode .md-basis-1on5 {
    flex-basis: 20%;
  }
  .dark-mode .md-basis-2on5 {
    flex-basis: 40%;
  }
  .dark-mode .md-basis-3on5 {
    flex-basis: 60%;
  }
  .dark-mode .md-basis-4on5 {
    flex-basis: 80%;
  }
  .dark-mode .md-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .dark-mode .md-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .dark-mode .md-basis-3on6 {
    flex-basis: 50%;
  }
  .dark-mode .md-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .dark-mode .md-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .dark-mode .md-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .dark-mode .md-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .dark-mode .md-basis-3on12 {
    flex-basis: 25%;
  }
  .dark-mode .md-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .dark-mode .md-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .dark-mode .md-basis-6on12 {
    flex-basis: 50%;
  }
  .dark-mode .md-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .dark-mode .md-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .dark-mode .md-basis-9on12 {
    flex-basis: 75%;
  }
  .dark-mode .md-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .dark-mode .md-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .dark-mode .md-basis-screen {
    flex-basis: 100vw;
  }
  .dark-mode .md-basis-full {
    flex-basis: 100%;
  }
  .dark-mode .md-w-0 {
    width: 0px;
  }
  .dark-mode .md-min-w-0 {
    min-width: 0px;
  }
  .dark-mode .md-max-w-0 {
    max-width: 0px;
  }
  .dark-mode .md-w-0-5 {
    width: 0.125rem;
  }
  .dark-mode .md-min-w-0-5 {
    min-width: 0.125rem;
  }
  .dark-mode .md-max-w-0-5 {
    max-width: 0.125rem;
  }
  .dark-mode .md-w-1 {
    width: 0.25rem;
  }
  .dark-mode .md-min-w-1 {
    min-width: 0.25rem;
  }
  .dark-mode .md-max-w-1 {
    max-width: 0.25rem;
  }
  .dark-mode .md-w-1-5 {
    width: 0.375rem;
  }
  .dark-mode .md-min-w-1-5 {
    min-width: 0.375rem;
  }
  .dark-mode .md-max-w-1-5 {
    max-width: 0.375rem;
  }
  .dark-mode .md-w-2 {
    width: 0.5rem;
  }
  .dark-mode .md-min-w-2 {
    min-width: 0.5rem;
  }
  .dark-mode .md-max-w-2 {
    max-width: 0.5rem;
  }
  .dark-mode .md-w-2-5 {
    width: 0.625rem;
  }
  .dark-mode .md-min-w-2-5 {
    min-width: 0.625rem;
  }
  .dark-mode .md-max-w-2-5 {
    max-width: 0.625rem;
  }
  .dark-mode .md-w-3 {
    width: 0.75rem;
  }
  .dark-mode .md-min-w-3 {
    min-width: 0.75rem;
  }
  .dark-mode .md-max-w-3 {
    max-width: 0.75rem;
  }
  .dark-mode .md-w-3-5 {
    width: 0.875rem;
  }
  .dark-mode .md-min-w-3-5 {
    min-width: 0.875rem;
  }
  .dark-mode .md-max-w-3-5 {
    max-width: 0.875rem;
  }
  .dark-mode .md-w-4 {
    width: 1rem;
  }
  .dark-mode .md-min-w-4 {
    min-width: 1rem;
  }
  .dark-mode .md-max-w-4 {
    max-width: 1rem;
  }
  .dark-mode .md-w-5 {
    width: 1.25rem;
  }
  .dark-mode .md-min-w-5 {
    min-width: 1.25rem;
  }
  .dark-mode .md-max-w-5 {
    max-width: 1.25rem;
  }
  .dark-mode .md-w-6 {
    width: 1.5rem;
  }
  .dark-mode .md-min-w-6 {
    min-width: 1.5rem;
  }
  .dark-mode .md-max-w-6 {
    max-width: 1.5rem;
  }
  .dark-mode .md-w-7 {
    width: 1.75rem;
  }
  .dark-mode .md-min-w-7 {
    min-width: 1.75rem;
  }
  .dark-mode .md-max-w-7 {
    max-width: 1.75rem;
  }
  .dark-mode .md-w-8 {
    width: 2rem;
  }
  .dark-mode .md-min-w-8 {
    min-width: 2rem;
  }
  .dark-mode .md-max-w-8 {
    max-width: 2rem;
  }
  .dark-mode .md-w-9 {
    width: 2.25rem;
  }
  .dark-mode .md-min-w-9 {
    min-width: 2.25rem;
  }
  .dark-mode .md-max-w-9 {
    max-width: 2.25rem;
  }
  .dark-mode .md-w-10 {
    width: 2.5rem;
  }
  .dark-mode .md-min-w-10 {
    min-width: 2.5rem;
  }
  .dark-mode .md-max-w-10 {
    max-width: 2.5rem;
  }
  .dark-mode .md-w-11 {
    width: 2.75rem;
  }
  .dark-mode .md-min-w-11 {
    min-width: 2.75rem;
  }
  .dark-mode .md-max-w-11 {
    max-width: 2.75rem;
  }
  .dark-mode .md-w-12 {
    width: 3rem;
  }
  .dark-mode .md-min-w-12 {
    min-width: 3rem;
  }
  .dark-mode .md-max-w-12 {
    max-width: 3rem;
  }
  .dark-mode .md-w-14 {
    width: 3.5rem;
  }
  .dark-mode .md-min-w-14 {
    min-width: 3.5rem;
  }
  .dark-mode .md-max-w-14 {
    max-width: 3.5rem;
  }
  .dark-mode .md-w-16 {
    width: 4rem;
  }
  .dark-mode .md-min-w-16 {
    min-width: 4rem;
  }
  .dark-mode .md-max-w-16 {
    max-width: 4rem;
  }
  .dark-mode .md-w-20 {
    width: 5rem;
  }
  .dark-mode .md-min-w-20 {
    min-width: 5rem;
  }
  .dark-mode .md-max-w-20 {
    max-width: 5rem;
  }
  .dark-mode .md-w-24 {
    width: 6rem;
  }
  .dark-mode .md-min-w-24 {
    min-width: 6rem;
  }
  .dark-mode .md-max-w-24 {
    max-width: 6rem;
  }
  .dark-mode .md-w-28 {
    width: 7rem;
  }
  .dark-mode .md-min-w-28 {
    min-width: 7rem;
  }
  .dark-mode .md-max-w-28 {
    max-width: 7rem;
  }
  .dark-mode .md-w-32 {
    width: 8rem;
  }
  .dark-mode .md-min-w-32 {
    min-width: 8rem;
  }
  .dark-mode .md-max-w-32 {
    max-width: 8rem;
  }
  .dark-mode .md-w-36 {
    width: 9rem;
  }
  .dark-mode .md-min-w-36 {
    min-width: 9rem;
  }
  .dark-mode .md-max-w-36 {
    max-width: 9rem;
  }
  .dark-mode .md-w-40 {
    width: 10rem;
  }
  .dark-mode .md-min-w-40 {
    min-width: 10rem;
  }
  .dark-mode .md-max-w-40 {
    max-width: 10rem;
  }
  .dark-mode .md-w-44 {
    width: 11rem;
  }
  .dark-mode .md-min-w-44 {
    min-width: 11rem;
  }
  .dark-mode .md-max-w-44 {
    max-width: 11rem;
  }
  .dark-mode .md-w-48 {
    width: 12rem;
  }
  .dark-mode .md-min-w-48 {
    min-width: 12rem;
  }
  .dark-mode .md-max-w-48 {
    max-width: 12rem;
  }
  .dark-mode .md-w-52 {
    width: 13rem;
  }
  .dark-mode .md-min-w-52 {
    min-width: 13rem;
  }
  .dark-mode .md-max-w-52 {
    max-width: 13rem;
  }
  .dark-mode .md-w-56 {
    width: 13rem;
  }
  .dark-mode .md-min-w-56 {
    min-width: 13rem;
  }
  .dark-mode .md-max-w-56 {
    max-width: 13rem;
  }
  .dark-mode .md-w-60 {
    width: 15rem;
  }
  .dark-mode .md-min-w-60 {
    min-width: 15rem;
  }
  .dark-mode .md-max-w-60 {
    max-width: 15rem;
  }
  .dark-mode .md-w-64 {
    width: 16rem;
  }
  .dark-mode .md-min-w-64 {
    min-width: 16rem;
  }
  .dark-mode .md-max-w-64 {
    max-width: 16rem;
  }
  .dark-mode .md-w-72 {
    width: 18rem;
  }
  .dark-mode .md-min-w-72 {
    min-width: 18rem;
  }
  .dark-mode .md-max-w-72 {
    max-width: 18rem;
  }
  .dark-mode .md-w-80 {
    width: 20rem;
  }
  .dark-mode .md-min-w-80 {
    min-width: 20rem;
  }
  .dark-mode .md-max-w-80 {
    max-width: 20rem;
  }
  .dark-mode .md-w-96 {
    width: 24rem;
  }
  .dark-mode .md-min-w-96 {
    min-width: 24rem;
  }
  .dark-mode .md-max-w-96 {
    max-width: 24rem;
  }
  .dark-mode .md-w-auto {
    width: auto;
  }
  .dark-mode .md-min-w-auto {
    min-width: auto;
  }
  .dark-mode .md-max-w-auto {
    max-width: auto;
  }
  .dark-mode .md-w-1on2 {
    width: 50%;
  }
  .dark-mode .md-min-w-1on2 {
    min-width: 50%;
  }
  .dark-mode .md-max-w-1on2 {
    max-width: 50%;
  }
  .dark-mode .md-w-1on3 {
    width: 33.333333%;
  }
  .dark-mode .md-min-w-1on3 {
    min-width: 33.333333%;
  }
  .dark-mode .md-max-w-1on3 {
    max-width: 33.333333%;
  }
  .dark-mode .md-w-2on3 {
    width: 66.666667%;
  }
  .dark-mode .md-min-w-2on3 {
    min-width: 66.666667%;
  }
  .dark-mode .md-max-w-2on3 {
    max-width: 66.666667%;
  }
  .dark-mode .md-w-1on4 {
    width: 25%;
  }
  .dark-mode .md-min-w-1on4 {
    min-width: 25%;
  }
  .dark-mode .md-max-w-1on4 {
    max-width: 25%;
  }
  .dark-mode .md-w-2on4 {
    width: 50%;
  }
  .dark-mode .md-min-w-2on4 {
    min-width: 50%;
  }
  .dark-mode .md-max-w-2on4 {
    max-width: 50%;
  }
  .dark-mode .md-w-3on4 {
    width: 75%;
  }
  .dark-mode .md-min-w-3on4 {
    min-width: 75%;
  }
  .dark-mode .md-max-w-3on4 {
    max-width: 75%;
  }
  .dark-mode .md-w-1on5 {
    width: 20%;
  }
  .dark-mode .md-min-w-1on5 {
    min-width: 20%;
  }
  .dark-mode .md-max-w-1on5 {
    max-width: 20%;
  }
  .dark-mode .md-w-2on5 {
    width: 40%;
  }
  .dark-mode .md-min-w-2on5 {
    min-width: 40%;
  }
  .dark-mode .md-max-w-2on5 {
    max-width: 40%;
  }
  .dark-mode .md-w-3on5 {
    width: 60%;
  }
  .dark-mode .md-min-w-3on5 {
    min-width: 60%;
  }
  .dark-mode .md-max-w-3on5 {
    max-width: 60%;
  }
  .dark-mode .md-w-4on5 {
    width: 80%;
  }
  .dark-mode .md-min-w-4on5 {
    min-width: 80%;
  }
  .dark-mode .md-max-w-4on5 {
    max-width: 80%;
  }
  .dark-mode .md-w-1on6 {
    width: 16.666667%;
  }
  .dark-mode .md-min-w-1on6 {
    min-width: 16.666667%;
  }
  .dark-mode .md-max-w-1on6 {
    max-width: 16.666667%;
  }
  .dark-mode .md-w-2on6 {
    width: 33.333333%;
  }
  .dark-mode .md-min-w-2on6 {
    min-width: 33.333333%;
  }
  .dark-mode .md-max-w-2on6 {
    max-width: 33.333333%;
  }
  .dark-mode .md-w-3on6 {
    width: 50%;
  }
  .dark-mode .md-min-w-3on6 {
    min-width: 50%;
  }
  .dark-mode .md-max-w-3on6 {
    max-width: 50%;
  }
  .dark-mode .md-w-4on6 {
    width: 66.666667%;
  }
  .dark-mode .md-min-w-4on6 {
    min-width: 66.666667%;
  }
  .dark-mode .md-max-w-4on6 {
    max-width: 66.666667%;
  }
  .dark-mode .md-w-5on6 {
    width: 83.333333%;
  }
  .dark-mode .md-min-w-5on6 {
    min-width: 83.333333%;
  }
  .dark-mode .md-max-w-5on6 {
    max-width: 83.333333%;
  }
  .dark-mode .md-w-1on12 {
    width: 8.333333%;
  }
  .dark-mode .md-min-w-1on12 {
    min-width: 8.333333%;
  }
  .dark-mode .md-max-w-1on12 {
    max-width: 8.333333%;
  }
  .dark-mode .md-w-2on12 {
    width: 16.666667%;
  }
  .dark-mode .md-min-w-2on12 {
    min-width: 16.666667%;
  }
  .dark-mode .md-max-w-2on12 {
    max-width: 16.666667%;
  }
  .dark-mode .md-w-3on12 {
    width: 25%;
  }
  .dark-mode .md-min-w-3on12 {
    min-width: 25%;
  }
  .dark-mode .md-max-w-3on12 {
    max-width: 25%;
  }
  .dark-mode .md-w-4on12 {
    width: 33.333333%;
  }
  .dark-mode .md-min-w-4on12 {
    min-width: 33.333333%;
  }
  .dark-mode .md-max-w-4on12 {
    max-width: 33.333333%;
  }
  .dark-mode .md-w-5on12 {
    width: 41.666667%;
  }
  .dark-mode .md-min-w-5on12 {
    min-width: 41.666667%;
  }
  .dark-mode .md-max-w-5on12 {
    max-width: 41.666667%;
  }
  .dark-mode .md-w-6on12 {
    width: 50%;
  }
  .dark-mode .md-min-w-6on12 {
    min-width: 50%;
  }
  .dark-mode .md-max-w-6on12 {
    max-width: 50%;
  }
  .dark-mode .md-w-7on12 {
    width: 58.333333%;
  }
  .dark-mode .md-min-w-7on12 {
    min-width: 58.333333%;
  }
  .dark-mode .md-max-w-7on12 {
    max-width: 58.333333%;
  }
  .dark-mode .md-w-8on12 {
    width: 66.666667%;
  }
  .dark-mode .md-min-w-8on12 {
    min-width: 66.666667%;
  }
  .dark-mode .md-max-w-8on12 {
    max-width: 66.666667%;
  }
  .dark-mode .md-w-9on12 {
    width: 75%;
  }
  .dark-mode .md-min-w-9on12 {
    min-width: 75%;
  }
  .dark-mode .md-max-w-9on12 {
    max-width: 75%;
  }
  .dark-mode .md-w-10on12 {
    width: 83.333333%;
  }
  .dark-mode .md-min-w-10on12 {
    min-width: 83.333333%;
  }
  .dark-mode .md-max-w-10on12 {
    max-width: 83.333333%;
  }
  .dark-mode .md-w-11on12 {
    width: 91.666667%;
  }
  .dark-mode .md-min-w-11on12 {
    min-width: 91.666667%;
  }
  .dark-mode .md-max-w-11on12 {
    max-width: 91.666667%;
  }
  .dark-mode .md-w-screen {
    width: 100vw;
  }
  .dark-mode .md-min-w-screen {
    min-width: 100vw;
  }
  .dark-mode .md-max-w-screen {
    max-width: 100vw;
  }
  .dark-mode .md-w-full {
    width: 100%;
  }
  .dark-mode .md-min-w-full {
    min-width: 100%;
  }
  .dark-mode .md-max-w-full {
    max-width: 100%;
  }
  .dark-mode .md-w-fit {
    width: fit-content;
  }
  .dark-mode .md-min-w-fit {
    min-width: fit-content;
  }
  .dark-mode .md-max-w-fit {
    max-width: fit-content;
  }
  .dark-mode .md-w-min {
    width: min-content;
  }
  .dark-mode .md-min-w-min {
    min-width: min-content;
  }
  .dark-mode .md-max-w-min {
    max-width: min-content;
  }
  .dark-mode .md-w-max {
    width: max-content;
  }
  .dark-mode .md-min-w-max {
    min-width: max-content;
  }
  .dark-mode .md-max-w-max {
    max-width: max-content;
  }
  .dark-mode .md-h-0 {
    height: 0px;
  }
  .dark-mode .md-min-h-0 {
    min-height: 0px;
  }
  .dark-mode .md-max-h-0 {
    max-height: 0px;
  }
  .dark-mode .md-h-0-5 {
    height: 0.125rem;
  }
  .dark-mode .md-min-h-0-5 {
    min-height: 0.125rem;
  }
  .dark-mode .md-max-h-0-5 {
    max-height: 0.125rem;
  }
  .dark-mode .md-h-1 {
    height: 0.25rem;
  }
  .dark-mode .md-min-h-1 {
    min-height: 0.25rem;
  }
  .dark-mode .md-max-h-1 {
    max-height: 0.25rem;
  }
  .dark-mode .md-h-1-5 {
    height: 0.375rem;
  }
  .dark-mode .md-min-h-1-5 {
    min-height: 0.375rem;
  }
  .dark-mode .md-max-h-1-5 {
    max-height: 0.375rem;
  }
  .dark-mode .md-h-2 {
    height: 0.5rem;
  }
  .dark-mode .md-min-h-2 {
    min-height: 0.5rem;
  }
  .dark-mode .md-max-h-2 {
    max-height: 0.5rem;
  }
  .dark-mode .md-h-2-5 {
    height: 0.625rem;
  }
  .dark-mode .md-min-h-2-5 {
    min-height: 0.625rem;
  }
  .dark-mode .md-max-h-2-5 {
    max-height: 0.625rem;
  }
  .dark-mode .md-h-3 {
    height: 0.75rem;
  }
  .dark-mode .md-min-h-3 {
    min-height: 0.75rem;
  }
  .dark-mode .md-max-h-3 {
    max-height: 0.75rem;
  }
  .dark-mode .md-h-3-5 {
    height: 0.875rem;
  }
  .dark-mode .md-min-h-3-5 {
    min-height: 0.875rem;
  }
  .dark-mode .md-max-h-3-5 {
    max-height: 0.875rem;
  }
  .dark-mode .md-h-4 {
    height: 1rem;
  }
  .dark-mode .md-min-h-4 {
    min-height: 1rem;
  }
  .dark-mode .md-max-h-4 {
    max-height: 1rem;
  }
  .dark-mode .md-h-5 {
    height: 1.25rem;
  }
  .dark-mode .md-min-h-5 {
    min-height: 1.25rem;
  }
  .dark-mode .md-max-h-5 {
    max-height: 1.25rem;
  }
  .dark-mode .md-h-6 {
    height: 1.5rem;
  }
  .dark-mode .md-min-h-6 {
    min-height: 1.5rem;
  }
  .dark-mode .md-max-h-6 {
    max-height: 1.5rem;
  }
  .dark-mode .md-h-7 {
    height: 1.75rem;
  }
  .dark-mode .md-min-h-7 {
    min-height: 1.75rem;
  }
  .dark-mode .md-max-h-7 {
    max-height: 1.75rem;
  }
  .dark-mode .md-h-8 {
    height: 2rem;
  }
  .dark-mode .md-min-h-8 {
    min-height: 2rem;
  }
  .dark-mode .md-max-h-8 {
    max-height: 2rem;
  }
  .dark-mode .md-h-9 {
    height: 2.25rem;
  }
  .dark-mode .md-min-h-9 {
    min-height: 2.25rem;
  }
  .dark-mode .md-max-h-9 {
    max-height: 2.25rem;
  }
  .dark-mode .md-h-10 {
    height: 2.5rem;
  }
  .dark-mode .md-min-h-10 {
    min-height: 2.5rem;
  }
  .dark-mode .md-max-h-10 {
    max-height: 2.5rem;
  }
  .dark-mode .md-h-11 {
    height: 2.75rem;
  }
  .dark-mode .md-min-h-11 {
    min-height: 2.75rem;
  }
  .dark-mode .md-max-h-11 {
    max-height: 2.75rem;
  }
  .dark-mode .md-h-12 {
    height: 3rem;
  }
  .dark-mode .md-min-h-12 {
    min-height: 3rem;
  }
  .dark-mode .md-max-h-12 {
    max-height: 3rem;
  }
  .dark-mode .md-h-14 {
    height: 3.5rem;
  }
  .dark-mode .md-min-h-14 {
    min-height: 3.5rem;
  }
  .dark-mode .md-max-h-14 {
    max-height: 3.5rem;
  }
  .dark-mode .md-h-16 {
    height: 4rem;
  }
  .dark-mode .md-min-h-16 {
    min-height: 4rem;
  }
  .dark-mode .md-max-h-16 {
    max-height: 4rem;
  }
  .dark-mode .md-h-20 {
    height: 5rem;
  }
  .dark-mode .md-min-h-20 {
    min-height: 5rem;
  }
  .dark-mode .md-max-h-20 {
    max-height: 5rem;
  }
  .dark-mode .md-h-24 {
    height: 6rem;
  }
  .dark-mode .md-min-h-24 {
    min-height: 6rem;
  }
  .dark-mode .md-max-h-24 {
    max-height: 6rem;
  }
  .dark-mode .md-h-28 {
    height: 7rem;
  }
  .dark-mode .md-min-h-28 {
    min-height: 7rem;
  }
  .dark-mode .md-max-h-28 {
    max-height: 7rem;
  }
  .dark-mode .md-h-32 {
    height: 8rem;
  }
  .dark-mode .md-min-h-32 {
    min-height: 8rem;
  }
  .dark-mode .md-max-h-32 {
    max-height: 8rem;
  }
  .dark-mode .md-h-36 {
    height: 9rem;
  }
  .dark-mode .md-min-h-36 {
    min-height: 9rem;
  }
  .dark-mode .md-max-h-36 {
    max-height: 9rem;
  }
  .dark-mode .md-h-40 {
    height: 10rem;
  }
  .dark-mode .md-min-h-40 {
    min-height: 10rem;
  }
  .dark-mode .md-max-h-40 {
    max-height: 10rem;
  }
  .dark-mode .md-h-44 {
    height: 11rem;
  }
  .dark-mode .md-min-h-44 {
    min-height: 11rem;
  }
  .dark-mode .md-max-h-44 {
    max-height: 11rem;
  }
  .dark-mode .md-h-48 {
    height: 12rem;
  }
  .dark-mode .md-min-h-48 {
    min-height: 12rem;
  }
  .dark-mode .md-max-h-48 {
    max-height: 12rem;
  }
  .dark-mode .md-h-52 {
    height: 13rem;
  }
  .dark-mode .md-min-h-52 {
    min-height: 13rem;
  }
  .dark-mode .md-max-h-52 {
    max-height: 13rem;
  }
  .dark-mode .md-h-56 {
    height: 13rem;
  }
  .dark-mode .md-min-h-56 {
    min-height: 13rem;
  }
  .dark-mode .md-max-h-56 {
    max-height: 13rem;
  }
  .dark-mode .md-h-60 {
    height: 15rem;
  }
  .dark-mode .md-min-h-60 {
    min-height: 15rem;
  }
  .dark-mode .md-max-h-60 {
    max-height: 15rem;
  }
  .dark-mode .md-h-64 {
    height: 16rem;
  }
  .dark-mode .md-min-h-64 {
    min-height: 16rem;
  }
  .dark-mode .md-max-h-64 {
    max-height: 16rem;
  }
  .dark-mode .md-h-72 {
    height: 18rem;
  }
  .dark-mode .md-min-h-72 {
    min-height: 18rem;
  }
  .dark-mode .md-max-h-72 {
    max-height: 18rem;
  }
  .dark-mode .md-h-80 {
    height: 20rem;
  }
  .dark-mode .md-min-h-80 {
    min-height: 20rem;
  }
  .dark-mode .md-max-h-80 {
    max-height: 20rem;
  }
  .dark-mode .md-h-96 {
    height: 24rem;
  }
  .dark-mode .md-min-h-96 {
    min-height: 24rem;
  }
  .dark-mode .md-max-h-96 {
    max-height: 24rem;
  }
  .dark-mode .md-h-100 {
    height: 28rem;
  }
  .dark-mode .md-min-h-100 {
    min-height: 28rem;
  }
  .dark-mode .md-max-h-100 {
    max-height: 28rem;
  }
  .dark-mode .md-h-auto {
    height: auto;
  }
  .dark-mode .md-min-h-auto {
    min-height: auto;
  }
  .dark-mode .md-max-h-auto {
    max-height: auto;
  }
  .dark-mode .md-h-1on2 {
    height: 50%;
  }
  .dark-mode .md-min-h-1on2 {
    min-height: 50%;
  }
  .dark-mode .md-max-h-1on2 {
    max-height: 50%;
  }
  .dark-mode .md-h-1on3 {
    height: 33.333333%;
  }
  .dark-mode .md-min-h-1on3 {
    min-height: 33.333333%;
  }
  .dark-mode .md-max-h-1on3 {
    max-height: 33.333333%;
  }
  .dark-mode .md-h-2on3 {
    height: 66.666667%;
  }
  .dark-mode .md-min-h-2on3 {
    min-height: 66.666667%;
  }
  .dark-mode .md-max-h-2on3 {
    max-height: 66.666667%;
  }
  .dark-mode .md-h-1on4 {
    height: 25%;
  }
  .dark-mode .md-min-h-1on4 {
    min-height: 25%;
  }
  .dark-mode .md-max-h-1on4 {
    max-height: 25%;
  }
  .dark-mode .md-h-2on4 {
    height: 50%;
  }
  .dark-mode .md-min-h-2on4 {
    min-height: 50%;
  }
  .dark-mode .md-max-h-2on4 {
    max-height: 50%;
  }
  .dark-mode .md-h-3on4 {
    height: 75%;
  }
  .dark-mode .md-min-h-3on4 {
    min-height: 75%;
  }
  .dark-mode .md-max-h-3on4 {
    max-height: 75%;
  }
  .dark-mode .md-h-1on5 {
    height: 20%;
  }
  .dark-mode .md-min-h-1on5 {
    min-height: 20%;
  }
  .dark-mode .md-max-h-1on5 {
    max-height: 20%;
  }
  .dark-mode .md-h-2on5 {
    height: 40%;
  }
  .dark-mode .md-min-h-2on5 {
    min-height: 40%;
  }
  .dark-mode .md-max-h-2on5 {
    max-height: 40%;
  }
  .dark-mode .md-h-3on5 {
    height: 60%;
  }
  .dark-mode .md-min-h-3on5 {
    min-height: 60%;
  }
  .dark-mode .md-max-h-3on5 {
    max-height: 60%;
  }
  .dark-mode .md-h-4on5 {
    height: 80%;
  }
  .dark-mode .md-min-h-4on5 {
    min-height: 80%;
  }
  .dark-mode .md-max-h-4on5 {
    max-height: 80%;
  }
  .dark-mode .md-h-1on6 {
    height: 16.666667%;
  }
  .dark-mode .md-min-h-1on6 {
    min-height: 16.666667%;
  }
  .dark-mode .md-max-h-1on6 {
    max-height: 16.666667%;
  }
  .dark-mode .md-h-2on6 {
    height: 33.333333%;
  }
  .dark-mode .md-min-h-2on6 {
    min-height: 33.333333%;
  }
  .dark-mode .md-max-h-2on6 {
    max-height: 33.333333%;
  }
  .dark-mode .md-h-3on6 {
    height: 50%;
  }
  .dark-mode .md-min-h-3on6 {
    min-height: 50%;
  }
  .dark-mode .md-max-h-3on6 {
    max-height: 50%;
  }
  .dark-mode .md-h-4on6 {
    height: 66.666667%;
  }
  .dark-mode .md-min-h-4on6 {
    min-height: 66.666667%;
  }
  .dark-mode .md-max-h-4on6 {
    max-height: 66.666667%;
  }
  .dark-mode .md-h-5on6 {
    height: 83.333333%;
  }
  .dark-mode .md-min-h-5on6 {
    min-height: 83.333333%;
  }
  .dark-mode .md-max-h-5on6 {
    max-height: 83.333333%;
  }
  .dark-mode .md-h-1on12 {
    height: 8.333333%;
  }
  .dark-mode .md-min-h-1on12 {
    min-height: 8.333333%;
  }
  .dark-mode .md-max-h-1on12 {
    max-height: 8.333333%;
  }
  .dark-mode .md-h-2on12 {
    height: 16.666667%;
  }
  .dark-mode .md-min-h-2on12 {
    min-height: 16.666667%;
  }
  .dark-mode .md-max-h-2on12 {
    max-height: 16.666667%;
  }
  .dark-mode .md-h-3on12 {
    height: 25%;
  }
  .dark-mode .md-min-h-3on12 {
    min-height: 25%;
  }
  .dark-mode .md-max-h-3on12 {
    max-height: 25%;
  }
  .dark-mode .md-h-4on12 {
    height: 33.333333%;
  }
  .dark-mode .md-min-h-4on12 {
    min-height: 33.333333%;
  }
  .dark-mode .md-max-h-4on12 {
    max-height: 33.333333%;
  }
  .dark-mode .md-h-5on12 {
    height: 41.666667%;
  }
  .dark-mode .md-min-h-5on12 {
    min-height: 41.666667%;
  }
  .dark-mode .md-max-h-5on12 {
    max-height: 41.666667%;
  }
  .dark-mode .md-h-6on12 {
    height: 50%;
  }
  .dark-mode .md-min-h-6on12 {
    min-height: 50%;
  }
  .dark-mode .md-max-h-6on12 {
    max-height: 50%;
  }
  .dark-mode .md-h-7on12 {
    height: 58.333333%;
  }
  .dark-mode .md-min-h-7on12 {
    min-height: 58.333333%;
  }
  .dark-mode .md-max-h-7on12 {
    max-height: 58.333333%;
  }
  .dark-mode .md-h-8on12 {
    height: 66.666667%;
  }
  .dark-mode .md-min-h-8on12 {
    min-height: 66.666667%;
  }
  .dark-mode .md-max-h-8on12 {
    max-height: 66.666667%;
  }
  .dark-mode .md-h-9on12 {
    height: 75%;
  }
  .dark-mode .md-min-h-9on12 {
    min-height: 75%;
  }
  .dark-mode .md-max-h-9on12 {
    max-height: 75%;
  }
  .dark-mode .md-h-10on12 {
    height: 83.333333%;
  }
  .dark-mode .md-min-h-10on12 {
    min-height: 83.333333%;
  }
  .dark-mode .md-max-h-10on12 {
    max-height: 83.333333%;
  }
  .dark-mode .md-h-11on12 {
    height: 91.666667%;
  }
  .dark-mode .md-min-h-11on12 {
    min-height: 91.666667%;
  }
  .dark-mode .md-max-h-11on12 {
    max-height: 91.666667%;
  }
  .dark-mode .md-h-screen {
    height: 100vw;
  }
  .dark-mode .md-min-h-screen {
    min-height: 100vw;
  }
  .dark-mode .md-max-h-screen {
    max-height: 100vw;
  }
  .dark-mode .md-h-full {
    height: 100%;
  }
  .dark-mode .md-min-h-full {
    min-height: 100%;
  }
  .dark-mode .md-max-h-full {
    max-height: 100%;
  }
  .dark-mode .md-h-fit {
    height: fit-content;
  }
  .dark-mode .md-min-h-fit {
    min-height: fit-content;
  }
  .dark-mode .md-max-h-fit {
    max-height: fit-content;
  }
  .dark-mode .md-h-min {
    height: min-content;
  }
  .dark-mode .md-min-h-min {
    min-height: min-content;
  }
  .dark-mode .md-max-h-min {
    max-height: min-content;
  }
  .dark-mode .md-h-max {
    height: max-content;
  }
  .dark-mode .md-min-h-max {
    min-height: max-content;
  }
  .dark-mode .md-max-h-max {
    max-height: max-content;
  }
  .dark-mode .md-m-0 {
    margin: 0;
  }
  .dark-mode .md-mt-0,
  .dark-mode .md-my-0 {
    margin-top: 0;
  }
  .dark-mode .md-mr-0,
  .dark-mode .md-mx-0 {
    margin-right: 0;
  }
  .dark-mode .md-mb-0,
  .dark-mode .md-my-0 {
    margin-bottom: 0;
  }
  .dark-mode .md-ml-0,
  .dark-mode .md-mx-0 {
    margin-left: 0;
  }
  .dark-mode .md-mbls-0,
  .dark-mode .md-mbl-0 {
    margin-block-start: 0;
  }
  .dark-mode .md-mble-0,
  .dark-mode .md-mbl-0 {
    margin-block-end: 0;
  }
  .dark-mode .md-mins-0,
  .dark-mode .md-min-0 {
    margin-inline-start: 0;
  }
  .dark-mode .md-mine-0,
  .dark-mode .md-min-0 {
    margin-inline-end: 0;
  }
  .dark-mode .md-p-0 {
    padding: 0;
  }
  .dark-mode .md-pt-0,
  .dark-mode .md-py-0 {
    padding-top: 0;
  }
  .dark-mode .md-pr-0,
  .dark-mode .md-px-0 {
    padding-right: 0;
  }
  .dark-mode .md-pb-0,
  .dark-mode .md-py-0 {
    padding-bottom: 0;
  }
  .dark-mode .md-pl-0,
  .dark-mode .md-px-0 {
    padding-left: 0;
  }
  .dark-mode .md-pbls-0,
  .dark-mode .md-pbl-0 {
    padding-block-start: 0;
  }
  .dark-mode .md-pble-0,
  .dark-mode .md-pbl-0 {
    padding-block-end: 0;
  }
  .dark-mode .md-pins-0,
  .dark-mode .md-pin-0 {
    padding-inline-start: 0;
  }
  .dark-mode .md-pine-0,
  .dark-mode .md-pin-0 {
    padding-inline-end: 0;
  }
  .dark-mode .md-m-1 {
    margin: 4px;
  }
  .dark-mode .md-mt-1,
  .dark-mode .md-my-1 {
    margin-top: 4px;
  }
  .dark-mode .md-mr-1,
  .dark-mode .md-mx-1 {
    margin-right: 4px;
  }
  .dark-mode .md-mb-1,
  .dark-mode .md-my-1 {
    margin-bottom: 4px;
  }
  .dark-mode .md-ml-1,
  .dark-mode .md-mx-1 {
    margin-left: 4px;
  }
  .dark-mode .md-mbls-1,
  .dark-mode .md-mbl-1 {
    margin-block-start: 4px;
  }
  .dark-mode .md-mble-1,
  .dark-mode .md-mbl-1 {
    margin-block-end: 4px;
  }
  .dark-mode .md-mins-1,
  .dark-mode .md-min-1 {
    margin-inline-start: 4px;
  }
  .dark-mode .md-mine-1,
  .dark-mode .md-min-1 {
    margin-inline-end: 4px;
  }
  .dark-mode .md-p-1 {
    padding: 4px;
  }
  .dark-mode .md-pt-1,
  .dark-mode .md-py-1 {
    padding-top: 4px;
  }
  .dark-mode .md-pr-1,
  .dark-mode .md-px-1 {
    padding-right: 4px;
  }
  .dark-mode .md-pb-1,
  .dark-mode .md-py-1 {
    padding-bottom: 4px;
  }
  .dark-mode .md-pl-1,
  .dark-mode .md-px-1 {
    padding-left: 4px;
  }
  .dark-mode .md-pbls-1,
  .dark-mode .md-pbl-1 {
    padding-block-start: 4px;
  }
  .dark-mode .md-pble-1,
  .dark-mode .md-pbl-1 {
    padding-block-end: 4px;
  }
  .dark-mode .md-pins-1,
  .dark-mode .md-pin-1 {
    padding-inline-start: 4px;
  }
  .dark-mode .md-pine-1,
  .dark-mode .md-pin-1 {
    padding-inline-end: 4px;
  }
  .dark-mode .md-m-2 {
    margin: 8px;
  }
  .dark-mode .md-mt-2,
  .dark-mode .md-my-2 {
    margin-top: 8px;
  }
  .dark-mode .md-mr-2,
  .dark-mode .md-mx-2 {
    margin-right: 8px;
  }
  .dark-mode .md-mb-2,
  .dark-mode .md-my-2 {
    margin-bottom: 8px;
  }
  .dark-mode .md-ml-2,
  .dark-mode .md-mx-2 {
    margin-left: 8px;
  }
  .dark-mode .md-mbls-2,
  .dark-mode .md-mbl-2 {
    margin-block-start: 8px;
  }
  .dark-mode .md-mble-2,
  .dark-mode .md-mbl-2 {
    margin-block-end: 8px;
  }
  .dark-mode .md-mins-2,
  .dark-mode .md-min-2 {
    margin-inline-start: 8px;
  }
  .dark-mode .md-mine-2,
  .dark-mode .md-min-2 {
    margin-inline-end: 8px;
  }
  .dark-mode .md-p-2 {
    padding: 8px;
  }
  .dark-mode .md-pt-2,
  .dark-mode .md-py-2 {
    padding-top: 8px;
  }
  .dark-mode .md-pr-2,
  .dark-mode .md-px-2 {
    padding-right: 8px;
  }
  .dark-mode .md-pb-2,
  .dark-mode .md-py-2 {
    padding-bottom: 8px;
  }
  .dark-mode .md-pl-2,
  .dark-mode .md-px-2 {
    padding-left: 8px;
  }
  .dark-mode .md-pbls-2,
  .dark-mode .md-pbl-2 {
    padding-block-start: 8px;
  }
  .dark-mode .md-pble-2,
  .dark-mode .md-pbl-2 {
    padding-block-end: 8px;
  }
  .dark-mode .md-pins-2,
  .dark-mode .md-pin-2 {
    padding-inline-start: 8px;
  }
  .dark-mode .md-pine-2,
  .dark-mode .md-pin-2 {
    padding-inline-end: 8px;
  }
  .dark-mode .md-m-3 {
    margin: 16px;
  }
  .dark-mode .md-mt-3,
  .dark-mode .md-my-3 {
    margin-top: 16px;
  }
  .dark-mode .md-mr-3,
  .dark-mode .md-mx-3 {
    margin-right: 16px;
  }
  .dark-mode .md-mb-3,
  .dark-mode .md-my-3 {
    margin-bottom: 16px;
  }
  .dark-mode .md-ml-3,
  .dark-mode .md-mx-3 {
    margin-left: 16px;
  }
  .dark-mode .md-mbls-3,
  .dark-mode .md-mbl-3 {
    margin-block-start: 16px;
  }
  .dark-mode .md-mble-3,
  .dark-mode .md-mbl-3 {
    margin-block-end: 16px;
  }
  .dark-mode .md-mins-3,
  .dark-mode .md-min-3 {
    margin-inline-start: 16px;
  }
  .dark-mode .md-mine-3,
  .dark-mode .md-min-3 {
    margin-inline-end: 16px;
  }
  .dark-mode .md-p-3 {
    padding: 16px;
  }
  .dark-mode .md-pt-3,
  .dark-mode .md-py-3 {
    padding-top: 16px;
  }
  .dark-mode .md-pr-3,
  .dark-mode .md-px-3 {
    padding-right: 16px;
  }
  .dark-mode .md-pb-3,
  .dark-mode .md-py-3 {
    padding-bottom: 16px;
  }
  .dark-mode .md-pl-3,
  .dark-mode .md-px-3 {
    padding-left: 16px;
  }
  .dark-mode .md-pbls-3,
  .dark-mode .md-pbl-3 {
    padding-block-start: 16px;
  }
  .dark-mode .md-pble-3,
  .dark-mode .md-pbl-3 {
    padding-block-end: 16px;
  }
  .dark-mode .md-pins-3,
  .dark-mode .md-pin-3 {
    padding-inline-start: 16px;
  }
  .dark-mode .md-pine-3,
  .dark-mode .md-pin-3 {
    padding-inline-end: 16px;
  }
  .dark-mode .md-m-4 {
    margin: 24px;
  }
  .dark-mode .md-mt-4,
  .dark-mode .md-my-4 {
    margin-top: 24px;
  }
  .dark-mode .md-mr-4,
  .dark-mode .md-mx-4 {
    margin-right: 24px;
  }
  .dark-mode .md-mb-4,
  .dark-mode .md-my-4 {
    margin-bottom: 24px;
  }
  .dark-mode .md-ml-4,
  .dark-mode .md-mx-4 {
    margin-left: 24px;
  }
  .dark-mode .md-mbls-4,
  .dark-mode .md-mbl-4 {
    margin-block-start: 24px;
  }
  .dark-mode .md-mble-4,
  .dark-mode .md-mbl-4 {
    margin-block-end: 24px;
  }
  .dark-mode .md-mins-4,
  .dark-mode .md-min-4 {
    margin-inline-start: 24px;
  }
  .dark-mode .md-mine-4,
  .dark-mode .md-min-4 {
    margin-inline-end: 24px;
  }
  .dark-mode .md-p-4 {
    padding: 24px;
  }
  .dark-mode .md-pt-4,
  .dark-mode .md-py-4 {
    padding-top: 24px;
  }
  .dark-mode .md-pr-4,
  .dark-mode .md-px-4 {
    padding-right: 24px;
  }
  .dark-mode .md-pb-4,
  .dark-mode .md-py-4 {
    padding-bottom: 24px;
  }
  .dark-mode .md-pl-4,
  .dark-mode .md-px-4 {
    padding-left: 24px;
  }
  .dark-mode .md-pbls-4,
  .dark-mode .md-pbl-4 {
    padding-block-start: 24px;
  }
  .dark-mode .md-pble-4,
  .dark-mode .md-pbl-4 {
    padding-block-end: 24px;
  }
  .dark-mode .md-pins-4,
  .dark-mode .md-pin-4 {
    padding-inline-start: 24px;
  }
  .dark-mode .md-pine-4,
  .dark-mode .md-pin-4 {
    padding-inline-end: 24px;
  }
  .dark-mode .md-m-5 {
    margin: 32px;
  }
  .dark-mode .md-mt-5,
  .dark-mode .md-my-5 {
    margin-top: 32px;
  }
  .dark-mode .md-mr-5,
  .dark-mode .md-mx-5 {
    margin-right: 32px;
  }
  .dark-mode .md-mb-5,
  .dark-mode .md-my-5 {
    margin-bottom: 32px;
  }
  .dark-mode .md-ml-5,
  .dark-mode .md-mx-5 {
    margin-left: 32px;
  }
  .dark-mode .md-mbls-5,
  .dark-mode .md-mbl-5 {
    margin-block-start: 32px;
  }
  .dark-mode .md-mble-5,
  .dark-mode .md-mbl-5 {
    margin-block-end: 32px;
  }
  .dark-mode .md-mins-5,
  .dark-mode .md-min-5 {
    margin-inline-start: 32px;
  }
  .dark-mode .md-mine-5,
  .dark-mode .md-min-5 {
    margin-inline-end: 32px;
  }
  .dark-mode .md-p-5 {
    padding: 32px;
  }
  .dark-mode .md-pt-5,
  .dark-mode .md-py-5 {
    padding-top: 32px;
  }
  .dark-mode .md-pr-5,
  .dark-mode .md-px-5 {
    padding-right: 32px;
  }
  .dark-mode .md-pb-5,
  .dark-mode .md-py-5 {
    padding-bottom: 32px;
  }
  .dark-mode .md-pl-5,
  .dark-mode .md-px-5 {
    padding-left: 32px;
  }
  .dark-mode .md-pbls-5,
  .dark-mode .md-pbl-5 {
    padding-block-start: 32px;
  }
  .dark-mode .md-pble-5,
  .dark-mode .md-pbl-5 {
    padding-block-end: 32px;
  }
  .dark-mode .md-pins-5,
  .dark-mode .md-pin-5 {
    padding-inline-start: 32px;
  }
  .dark-mode .md-pine-5,
  .dark-mode .md-pin-5 {
    padding-inline-end: 32px;
  }
  .dark-mode .md-m-6 {
    margin: 40px;
  }
  .dark-mode .md-mt-6,
  .dark-mode .md-my-6 {
    margin-top: 40px;
  }
  .dark-mode .md-mr-6,
  .dark-mode .md-mx-6 {
    margin-right: 40px;
  }
  .dark-mode .md-mb-6,
  .dark-mode .md-my-6 {
    margin-bottom: 40px;
  }
  .dark-mode .md-ml-6,
  .dark-mode .md-mx-6 {
    margin-left: 40px;
  }
  .dark-mode .md-mbls-6,
  .dark-mode .md-mbl-6 {
    margin-block-start: 40px;
  }
  .dark-mode .md-mble-6,
  .dark-mode .md-mbl-6 {
    margin-block-end: 40px;
  }
  .dark-mode .md-mins-6,
  .dark-mode .md-min-6 {
    margin-inline-start: 40px;
  }
  .dark-mode .md-mine-6,
  .dark-mode .md-min-6 {
    margin-inline-end: 40px;
  }
  .dark-mode .md-p-6 {
    padding: 40px;
  }
  .dark-mode .md-pt-6,
  .dark-mode .md-py-6 {
    padding-top: 40px;
  }
  .dark-mode .md-pr-6,
  .dark-mode .md-px-6 {
    padding-right: 40px;
  }
  .dark-mode .md-pb-6,
  .dark-mode .md-py-6 {
    padding-bottom: 40px;
  }
  .dark-mode .md-pl-6,
  .dark-mode .md-px-6 {
    padding-left: 40px;
  }
  .dark-mode .md-pbls-6,
  .dark-mode .md-pbl-6 {
    padding-block-start: 40px;
  }
  .dark-mode .md-pble-6,
  .dark-mode .md-pbl-6 {
    padding-block-end: 40px;
  }
  .dark-mode .md-pins-6,
  .dark-mode .md-pin-6 {
    padding-inline-start: 40px;
  }
  .dark-mode .md-pine-6,
  .dark-mode .md-pin-6 {
    padding-inline-end: 40px;
  }
  .dark-mode .md-m-7 {
    margin: 48px;
  }
  .dark-mode .md-mt-7,
  .dark-mode .md-my-7 {
    margin-top: 48px;
  }
  .dark-mode .md-mr-7,
  .dark-mode .md-mx-7 {
    margin-right: 48px;
  }
  .dark-mode .md-mb-7,
  .dark-mode .md-my-7 {
    margin-bottom: 48px;
  }
  .dark-mode .md-ml-7,
  .dark-mode .md-mx-7 {
    margin-left: 48px;
  }
  .dark-mode .md-mbls-7,
  .dark-mode .md-mbl-7 {
    margin-block-start: 48px;
  }
  .dark-mode .md-mble-7,
  .dark-mode .md-mbl-7 {
    margin-block-end: 48px;
  }
  .dark-mode .md-mins-7,
  .dark-mode .md-min-7 {
    margin-inline-start: 48px;
  }
  .dark-mode .md-mine-7,
  .dark-mode .md-min-7 {
    margin-inline-end: 48px;
  }
  .dark-mode .md-p-7 {
    padding: 48px;
  }
  .dark-mode .md-pt-7,
  .dark-mode .md-py-7 {
    padding-top: 48px;
  }
  .dark-mode .md-pr-7,
  .dark-mode .md-px-7 {
    padding-right: 48px;
  }
  .dark-mode .md-pb-7,
  .dark-mode .md-py-7 {
    padding-bottom: 48px;
  }
  .dark-mode .md-pl-7,
  .dark-mode .md-px-7 {
    padding-left: 48px;
  }
  .dark-mode .md-pbls-7,
  .dark-mode .md-pbl-7 {
    padding-block-start: 48px;
  }
  .dark-mode .md-pble-7,
  .dark-mode .md-pbl-7 {
    padding-block-end: 48px;
  }
  .dark-mode .md-pins-7,
  .dark-mode .md-pin-7 {
    padding-inline-start: 48px;
  }
  .dark-mode .md-pine-7,
  .dark-mode .md-pin-7 {
    padding-inline-end: 48px;
  }
  .dark-mode .md-m-8 {
    margin: 56px;
  }
  .dark-mode .md-mt-8,
  .dark-mode .md-my-8 {
    margin-top: 56px;
  }
  .dark-mode .md-mr-8,
  .dark-mode .md-mx-8 {
    margin-right: 56px;
  }
  .dark-mode .md-mb-8,
  .dark-mode .md-my-8 {
    margin-bottom: 56px;
  }
  .dark-mode .md-ml-8,
  .dark-mode .md-mx-8 {
    margin-left: 56px;
  }
  .dark-mode .md-mbls-8,
  .dark-mode .md-mbl-8 {
    margin-block-start: 56px;
  }
  .dark-mode .md-mble-8,
  .dark-mode .md-mbl-8 {
    margin-block-end: 56px;
  }
  .dark-mode .md-mins-8,
  .dark-mode .md-min-8 {
    margin-inline-start: 56px;
  }
  .dark-mode .md-mine-8,
  .dark-mode .md-min-8 {
    margin-inline-end: 56px;
  }
  .dark-mode .md-p-8 {
    padding: 56px;
  }
  .dark-mode .md-pt-8,
  .dark-mode .md-py-8 {
    padding-top: 56px;
  }
  .dark-mode .md-pr-8,
  .dark-mode .md-px-8 {
    padding-right: 56px;
  }
  .dark-mode .md-pb-8,
  .dark-mode .md-py-8 {
    padding-bottom: 56px;
  }
  .dark-mode .md-pl-8,
  .dark-mode .md-px-8 {
    padding-left: 56px;
  }
  .dark-mode .md-pbls-8,
  .dark-mode .md-pbl-8 {
    padding-block-start: 56px;
  }
  .dark-mode .md-pble-8,
  .dark-mode .md-pbl-8 {
    padding-block-end: 56px;
  }
  .dark-mode .md-pins-8,
  .dark-mode .md-pin-8 {
    padding-inline-start: 56px;
  }
  .dark-mode .md-pine-8,
  .dark-mode .md-pin-8 {
    padding-inline-end: 56px;
  }
  .dark-mode .md-m-9 {
    margin: 64px;
  }
  .dark-mode .md-mt-9,
  .dark-mode .md-my-9 {
    margin-top: 64px;
  }
  .dark-mode .md-mr-9,
  .dark-mode .md-mx-9 {
    margin-right: 64px;
  }
  .dark-mode .md-mb-9,
  .dark-mode .md-my-9 {
    margin-bottom: 64px;
  }
  .dark-mode .md-ml-9,
  .dark-mode .md-mx-9 {
    margin-left: 64px;
  }
  .dark-mode .md-mbls-9,
  .dark-mode .md-mbl-9 {
    margin-block-start: 64px;
  }
  .dark-mode .md-mble-9,
  .dark-mode .md-mbl-9 {
    margin-block-end: 64px;
  }
  .dark-mode .md-mins-9,
  .dark-mode .md-min-9 {
    margin-inline-start: 64px;
  }
  .dark-mode .md-mine-9,
  .dark-mode .md-min-9 {
    margin-inline-end: 64px;
  }
  .dark-mode .md-p-9 {
    padding: 64px;
  }
  .dark-mode .md-pt-9,
  .dark-mode .md-py-9 {
    padding-top: 64px;
  }
  .dark-mode .md-pr-9,
  .dark-mode .md-px-9 {
    padding-right: 64px;
  }
  .dark-mode .md-pb-9,
  .dark-mode .md-py-9 {
    padding-bottom: 64px;
  }
  .dark-mode .md-pl-9,
  .dark-mode .md-px-9 {
    padding-left: 64px;
  }
  .dark-mode .md-pbls-9,
  .dark-mode .md-pbl-9 {
    padding-block-start: 64px;
  }
  .dark-mode .md-pble-9,
  .dark-mode .md-pbl-9 {
    padding-block-end: 64px;
  }
  .dark-mode .md-pins-9,
  .dark-mode .md-pin-9 {
    padding-inline-start: 64px;
  }
  .dark-mode .md-pine-9,
  .dark-mode .md-pin-9 {
    padding-inline-end: 64px;
  }
  .dark-mode .md-m-10 {
    margin: 72px;
  }
  .dark-mode .md-mt-10,
  .dark-mode .md-my-10 {
    margin-top: 72px;
  }
  .dark-mode .md-mr-10,
  .dark-mode .md-mx-10 {
    margin-right: 72px;
  }
  .dark-mode .md-mb-10,
  .dark-mode .md-my-10 {
    margin-bottom: 72px;
  }
  .dark-mode .md-ml-10,
  .dark-mode .md-mx-10 {
    margin-left: 72px;
  }
  .dark-mode .md-mbls-10,
  .dark-mode .md-mbl-10 {
    margin-block-start: 72px;
  }
  .dark-mode .md-mble-10,
  .dark-mode .md-mbl-10 {
    margin-block-end: 72px;
  }
  .dark-mode .md-mins-10,
  .dark-mode .md-min-10 {
    margin-inline-start: 72px;
  }
  .dark-mode .md-mine-10,
  .dark-mode .md-min-10 {
    margin-inline-end: 72px;
  }
  .dark-mode .md-p-10 {
    padding: 72px;
  }
  .dark-mode .md-pt-10,
  .dark-mode .md-py-10 {
    padding-top: 72px;
  }
  .dark-mode .md-pr-10,
  .dark-mode .md-px-10 {
    padding-right: 72px;
  }
  .dark-mode .md-pb-10,
  .dark-mode .md-py-10 {
    padding-bottom: 72px;
  }
  .dark-mode .md-pl-10,
  .dark-mode .md-px-10 {
    padding-left: 72px;
  }
  .dark-mode .md-pbls-10,
  .dark-mode .md-pbl-10 {
    padding-block-start: 72px;
  }
  .dark-mode .md-pble-10,
  .dark-mode .md-pbl-10 {
    padding-block-end: 72px;
  }
  .dark-mode .md-pins-10,
  .dark-mode .md-pin-10 {
    padding-inline-start: 72px;
  }
  .dark-mode .md-pine-10,
  .dark-mode .md-pin-10 {
    padding-inline-end: 72px;
  }
  .dark-mode .md-m-11 {
    margin: 80px;
  }
  .dark-mode .md-mt-11,
  .dark-mode .md-my-11 {
    margin-top: 80px;
  }
  .dark-mode .md-mr-11,
  .dark-mode .md-mx-11 {
    margin-right: 80px;
  }
  .dark-mode .md-mb-11,
  .dark-mode .md-my-11 {
    margin-bottom: 80px;
  }
  .dark-mode .md-ml-11,
  .dark-mode .md-mx-11 {
    margin-left: 80px;
  }
  .dark-mode .md-mbls-11,
  .dark-mode .md-mbl-11 {
    margin-block-start: 80px;
  }
  .dark-mode .md-mble-11,
  .dark-mode .md-mbl-11 {
    margin-block-end: 80px;
  }
  .dark-mode .md-mins-11,
  .dark-mode .md-min-11 {
    margin-inline-start: 80px;
  }
  .dark-mode .md-mine-11,
  .dark-mode .md-min-11 {
    margin-inline-end: 80px;
  }
  .dark-mode .md-p-11 {
    padding: 80px;
  }
  .dark-mode .md-pt-11,
  .dark-mode .md-py-11 {
    padding-top: 80px;
  }
  .dark-mode .md-pr-11,
  .dark-mode .md-px-11 {
    padding-right: 80px;
  }
  .dark-mode .md-pb-11,
  .dark-mode .md-py-11 {
    padding-bottom: 80px;
  }
  .dark-mode .md-pl-11,
  .dark-mode .md-px-11 {
    padding-left: 80px;
  }
  .dark-mode .md-pbls-11,
  .dark-mode .md-pbl-11 {
    padding-block-start: 80px;
  }
  .dark-mode .md-pble-11,
  .dark-mode .md-pbl-11 {
    padding-block-end: 80px;
  }
  .dark-mode .md-pins-11,
  .dark-mode .md-pin-11 {
    padding-inline-start: 80px;
  }
  .dark-mode .md-pine-11,
  .dark-mode .md-pin-11 {
    padding-inline-end: 80px;
  }
  .dark-mode .md-m-12 {
    margin: 88px;
  }
  .dark-mode .md-mt-12,
  .dark-mode .md-my-12 {
    margin-top: 88px;
  }
  .dark-mode .md-mr-12,
  .dark-mode .md-mx-12 {
    margin-right: 88px;
  }
  .dark-mode .md-mb-12,
  .dark-mode .md-my-12 {
    margin-bottom: 88px;
  }
  .dark-mode .md-ml-12,
  .dark-mode .md-mx-12 {
    margin-left: 88px;
  }
  .dark-mode .md-mbls-12,
  .dark-mode .md-mbl-12 {
    margin-block-start: 88px;
  }
  .dark-mode .md-mble-12,
  .dark-mode .md-mbl-12 {
    margin-block-end: 88px;
  }
  .dark-mode .md-mins-12,
  .dark-mode .md-min-12 {
    margin-inline-start: 88px;
  }
  .dark-mode .md-mine-12,
  .dark-mode .md-min-12 {
    margin-inline-end: 88px;
  }
  .dark-mode .md-p-12 {
    padding: 88px;
  }
  .dark-mode .md-pt-12,
  .dark-mode .md-py-12 {
    padding-top: 88px;
  }
  .dark-mode .md-pr-12,
  .dark-mode .md-px-12 {
    padding-right: 88px;
  }
  .dark-mode .md-pb-12,
  .dark-mode .md-py-12 {
    padding-bottom: 88px;
  }
  .dark-mode .md-pl-12,
  .dark-mode .md-px-12 {
    padding-left: 88px;
  }
  .dark-mode .md-pbls-12,
  .dark-mode .md-pbl-12 {
    padding-block-start: 88px;
  }
  .dark-mode .md-pble-12,
  .dark-mode .md-pbl-12 {
    padding-block-end: 88px;
  }
  .dark-mode .md-pins-12,
  .dark-mode .md-pin-12 {
    padding-inline-start: 88px;
  }
  .dark-mode .md-pine-12,
  .dark-mode .md-pin-12 {
    padding-inline-end: 88px;
  }
  .dark-mode .md-m-13 {
    margin: 96px;
  }
  .dark-mode .md-mt-13,
  .dark-mode .md-my-13 {
    margin-top: 96px;
  }
  .dark-mode .md-mr-13,
  .dark-mode .md-mx-13 {
    margin-right: 96px;
  }
  .dark-mode .md-mb-13,
  .dark-mode .md-my-13 {
    margin-bottom: 96px;
  }
  .dark-mode .md-ml-13,
  .dark-mode .md-mx-13 {
    margin-left: 96px;
  }
  .dark-mode .md-mbls-13,
  .dark-mode .md-mbl-13 {
    margin-block-start: 96px;
  }
  .dark-mode .md-mble-13,
  .dark-mode .md-mbl-13 {
    margin-block-end: 96px;
  }
  .dark-mode .md-mins-13,
  .dark-mode .md-min-13 {
    margin-inline-start: 96px;
  }
  .dark-mode .md-mine-13,
  .dark-mode .md-min-13 {
    margin-inline-end: 96px;
  }
  .dark-mode .md-p-13 {
    padding: 96px;
  }
  .dark-mode .md-pt-13,
  .dark-mode .md-py-13 {
    padding-top: 96px;
  }
  .dark-mode .md-pr-13,
  .dark-mode .md-px-13 {
    padding-right: 96px;
  }
  .dark-mode .md-pb-13,
  .dark-mode .md-py-13 {
    padding-bottom: 96px;
  }
  .dark-mode .md-pl-13,
  .dark-mode .md-px-13 {
    padding-left: 96px;
  }
  .dark-mode .md-pbls-13,
  .dark-mode .md-pbl-13 {
    padding-block-start: 96px;
  }
  .dark-mode .md-pble-13,
  .dark-mode .md-pbl-13 {
    padding-block-end: 96px;
  }
  .dark-mode .md-pins-13,
  .dark-mode .md-pin-13 {
    padding-inline-start: 96px;
  }
  .dark-mode .md-pine-13,
  .dark-mode .md-pin-13 {
    padding-inline-end: 96px;
  }
  .dark-mode .md-m-14 {
    margin: 104px;
  }
  .dark-mode .md-mt-14,
  .dark-mode .md-my-14 {
    margin-top: 104px;
  }
  .dark-mode .md-mr-14,
  .dark-mode .md-mx-14 {
    margin-right: 104px;
  }
  .dark-mode .md-mb-14,
  .dark-mode .md-my-14 {
    margin-bottom: 104px;
  }
  .dark-mode .md-ml-14,
  .dark-mode .md-mx-14 {
    margin-left: 104px;
  }
  .dark-mode .md-mbls-14,
  .dark-mode .md-mbl-14 {
    margin-block-start: 104px;
  }
  .dark-mode .md-mble-14,
  .dark-mode .md-mbl-14 {
    margin-block-end: 104px;
  }
  .dark-mode .md-mins-14,
  .dark-mode .md-min-14 {
    margin-inline-start: 104px;
  }
  .dark-mode .md-mine-14,
  .dark-mode .md-min-14 {
    margin-inline-end: 104px;
  }
  .dark-mode .md-p-14 {
    padding: 104px;
  }
  .dark-mode .md-pt-14,
  .dark-mode .md-py-14 {
    padding-top: 104px;
  }
  .dark-mode .md-pr-14,
  .dark-mode .md-px-14 {
    padding-right: 104px;
  }
  .dark-mode .md-pb-14,
  .dark-mode .md-py-14 {
    padding-bottom: 104px;
  }
  .dark-mode .md-pl-14,
  .dark-mode .md-px-14 {
    padding-left: 104px;
  }
  .dark-mode .md-pbls-14,
  .dark-mode .md-pbl-14 {
    padding-block-start: 104px;
  }
  .dark-mode .md-pble-14,
  .dark-mode .md-pbl-14 {
    padding-block-end: 104px;
  }
  .dark-mode .md-pins-14,
  .dark-mode .md-pin-14 {
    padding-inline-start: 104px;
  }
  .dark-mode .md-pine-14,
  .dark-mode .md-pin-14 {
    padding-inline-end: 104px;
  }
  .dark-mode .md-m-15 {
    margin: 112px;
  }
  .dark-mode .md-mt-15,
  .dark-mode .md-my-15 {
    margin-top: 112px;
  }
  .dark-mode .md-mr-15,
  .dark-mode .md-mx-15 {
    margin-right: 112px;
  }
  .dark-mode .md-mb-15,
  .dark-mode .md-my-15 {
    margin-bottom: 112px;
  }
  .dark-mode .md-ml-15,
  .dark-mode .md-mx-15 {
    margin-left: 112px;
  }
  .dark-mode .md-mbls-15,
  .dark-mode .md-mbl-15 {
    margin-block-start: 112px;
  }
  .dark-mode .md-mble-15,
  .dark-mode .md-mbl-15 {
    margin-block-end: 112px;
  }
  .dark-mode .md-mins-15,
  .dark-mode .md-min-15 {
    margin-inline-start: 112px;
  }
  .dark-mode .md-mine-15,
  .dark-mode .md-min-15 {
    margin-inline-end: 112px;
  }
  .dark-mode .md-p-15 {
    padding: 112px;
  }
  .dark-mode .md-pt-15,
  .dark-mode .md-py-15 {
    padding-top: 112px;
  }
  .dark-mode .md-pr-15,
  .dark-mode .md-px-15 {
    padding-right: 112px;
  }
  .dark-mode .md-pb-15,
  .dark-mode .md-py-15 {
    padding-bottom: 112px;
  }
  .dark-mode .md-pl-15,
  .dark-mode .md-px-15 {
    padding-left: 112px;
  }
  .dark-mode .md-pbls-15,
  .dark-mode .md-pbl-15 {
    padding-block-start: 112px;
  }
  .dark-mode .md-pble-15,
  .dark-mode .md-pbl-15 {
    padding-block-end: 112px;
  }
  .dark-mode .md-pins-15,
  .dark-mode .md-pin-15 {
    padding-inline-start: 112px;
  }
  .dark-mode .md-pine-15,
  .dark-mode .md-pin-15 {
    padding-inline-end: 112px;
  }
  .dark-mode .md-m-16 {
    margin: 120px;
  }
  .dark-mode .md-mt-16,
  .dark-mode .md-my-16 {
    margin-top: 120px;
  }
  .dark-mode .md-mr-16,
  .dark-mode .md-mx-16 {
    margin-right: 120px;
  }
  .dark-mode .md-mb-16,
  .dark-mode .md-my-16 {
    margin-bottom: 120px;
  }
  .dark-mode .md-ml-16,
  .dark-mode .md-mx-16 {
    margin-left: 120px;
  }
  .dark-mode .md-mbls-16,
  .dark-mode .md-mbl-16 {
    margin-block-start: 120px;
  }
  .dark-mode .md-mble-16,
  .dark-mode .md-mbl-16 {
    margin-block-end: 120px;
  }
  .dark-mode .md-mins-16,
  .dark-mode .md-min-16 {
    margin-inline-start: 120px;
  }
  .dark-mode .md-mine-16,
  .dark-mode .md-min-16 {
    margin-inline-end: 120px;
  }
  .dark-mode .md-p-16 {
    padding: 120px;
  }
  .dark-mode .md-pt-16,
  .dark-mode .md-py-16 {
    padding-top: 120px;
  }
  .dark-mode .md-pr-16,
  .dark-mode .md-px-16 {
    padding-right: 120px;
  }
  .dark-mode .md-pb-16,
  .dark-mode .md-py-16 {
    padding-bottom: 120px;
  }
  .dark-mode .md-pl-16,
  .dark-mode .md-px-16 {
    padding-left: 120px;
  }
  .dark-mode .md-pbls-16,
  .dark-mode .md-pbl-16 {
    padding-block-start: 120px;
  }
  .dark-mode .md-pble-16,
  .dark-mode .md-pbl-16 {
    padding-block-end: 120px;
  }
  .dark-mode .md-pins-16,
  .dark-mode .md-pin-16 {
    padding-inline-start: 120px;
  }
  .dark-mode .md-pine-16,
  .dark-mode .md-pin-16 {
    padding-inline-end: 120px;
  }
  .dark-mode .md-m-17 {
    margin: 128px;
  }
  .dark-mode .md-mt-17,
  .dark-mode .md-my-17 {
    margin-top: 128px;
  }
  .dark-mode .md-mr-17,
  .dark-mode .md-mx-17 {
    margin-right: 128px;
  }
  .dark-mode .md-mb-17,
  .dark-mode .md-my-17 {
    margin-bottom: 128px;
  }
  .dark-mode .md-ml-17,
  .dark-mode .md-mx-17 {
    margin-left: 128px;
  }
  .dark-mode .md-mbls-17,
  .dark-mode .md-mbl-17 {
    margin-block-start: 128px;
  }
  .dark-mode .md-mble-17,
  .dark-mode .md-mbl-17 {
    margin-block-end: 128px;
  }
  .dark-mode .md-mins-17,
  .dark-mode .md-min-17 {
    margin-inline-start: 128px;
  }
  .dark-mode .md-mine-17,
  .dark-mode .md-min-17 {
    margin-inline-end: 128px;
  }
  .dark-mode .md-p-17 {
    padding: 128px;
  }
  .dark-mode .md-pt-17,
  .dark-mode .md-py-17 {
    padding-top: 128px;
  }
  .dark-mode .md-pr-17,
  .dark-mode .md-px-17 {
    padding-right: 128px;
  }
  .dark-mode .md-pb-17,
  .dark-mode .md-py-17 {
    padding-bottom: 128px;
  }
  .dark-mode .md-pl-17,
  .dark-mode .md-px-17 {
    padding-left: 128px;
  }
  .dark-mode .md-pbls-17,
  .dark-mode .md-pbl-17 {
    padding-block-start: 128px;
  }
  .dark-mode .md-pble-17,
  .dark-mode .md-pbl-17 {
    padding-block-end: 128px;
  }
  .dark-mode .md-pins-17,
  .dark-mode .md-pin-17 {
    padding-inline-start: 128px;
  }
  .dark-mode .md-pine-17,
  .dark-mode .md-pin-17 {
    padding-inline-end: 128px;
  }
  .dark-mode .md-gap-0 {
    gap: 0px;
  }
  .dark-mode .md-gap-x-0 {
    column-gap: 0px;
  }
  .dark-mode .md-gap-y-0 {
    row-gap: 0px;
  }
  .dark-mode .md-gap-0-5 {
    gap: 0.125rem;
  }
  .dark-mode .md-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .dark-mode .md-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .dark-mode .md-gap-1 {
    gap: 0.25rem;
  }
  .dark-mode .md-gap-x-1 {
    column-gap: 0.25rem;
  }
  .dark-mode .md-gap-y-1 {
    row-gap: 0.25rem;
  }
  .dark-mode .md-gap-1-5 {
    gap: 0.375rem;
  }
  .dark-mode .md-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .dark-mode .md-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .dark-mode .md-gap-2 {
    gap: 0.5rem;
  }
  .dark-mode .md-gap-x-2 {
    column-gap: 0.5rem;
  }
  .dark-mode .md-gap-y-2 {
    row-gap: 0.5rem;
  }
  .dark-mode .md-gap-2-5 {
    gap: 0.625rem;
  }
  .dark-mode .md-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .dark-mode .md-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .dark-mode .md-gap-3 {
    gap: 0.75rem;
  }
  .dark-mode .md-gap-x-3 {
    column-gap: 0.75rem;
  }
  .dark-mode .md-gap-y-3 {
    row-gap: 0.75rem;
  }
  .dark-mode .md-gap-3-5 {
    gap: 0.875rem;
  }
  .dark-mode .md-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .dark-mode .md-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .dark-mode .md-gap-4 {
    gap: 1rem;
  }
  .dark-mode .md-gap-x-4 {
    column-gap: 1rem;
  }
  .dark-mode .md-gap-y-4 {
    row-gap: 1rem;
  }
  .dark-mode .md-gap-5 {
    gap: 1.25rem;
  }
  .dark-mode .md-gap-x-5 {
    column-gap: 1.25rem;
  }
  .dark-mode .md-gap-y-5 {
    row-gap: 1.25rem;
  }
  .dark-mode .md-gap-6 {
    gap: 1.5rem;
  }
  .dark-mode .md-gap-x-6 {
    column-gap: 1.5rem;
  }
  .dark-mode .md-gap-y-6 {
    row-gap: 1.5rem;
  }
  .dark-mode .md-gap-7 {
    gap: 1.75rem;
  }
  .dark-mode .md-gap-x-7 {
    column-gap: 1.75rem;
  }
  .dark-mode .md-gap-y-7 {
    row-gap: 1.75rem;
  }
  .dark-mode .md-gap-8 {
    gap: 2rem;
  }
  .dark-mode .md-gap-x-8 {
    column-gap: 2rem;
  }
  .dark-mode .md-gap-y-8 {
    row-gap: 2rem;
  }
  .dark-mode .md-gap-9 {
    gap: 2.25rem;
  }
  .dark-mode .md-gap-x-9 {
    column-gap: 2.25rem;
  }
  .dark-mode .md-gap-y-9 {
    row-gap: 2.25rem;
  }
  .dark-mode .md-gap-10 {
    gap: 2.5rem;
  }
  .dark-mode .md-gap-x-10 {
    column-gap: 2.5rem;
  }
  .dark-mode .md-gap-y-10 {
    row-gap: 2.5rem;
  }
  .dark-mode .md-gap-11 {
    gap: 2.75rem;
  }
  .dark-mode .md-gap-x-11 {
    column-gap: 2.75rem;
  }
  .dark-mode .md-gap-y-11 {
    row-gap: 2.75rem;
  }
  .dark-mode .md-gap-12 {
    gap: 3rem;
  }
  .dark-mode .md-gap-x-12 {
    column-gap: 3rem;
  }
  .dark-mode .md-gap-y-12 {
    row-gap: 3rem;
  }
  .dark-mode .md-gap-14 {
    gap: 3.5rem;
  }
  .dark-mode .md-gap-x-14 {
    column-gap: 3.5rem;
  }
  .dark-mode .md-gap-y-14 {
    row-gap: 3.5rem;
  }
  .dark-mode .md-gap-16 {
    gap: 4rem;
  }
  .dark-mode .md-gap-x-16 {
    column-gap: 4rem;
  }
  .dark-mode .md-gap-y-16 {
    row-gap: 4rem;
  }
  .dark-mode .md-gap-20 {
    gap: 5rem;
  }
  .dark-mode .md-gap-x-20 {
    column-gap: 5rem;
  }
  .dark-mode .md-gap-y-20 {
    row-gap: 5rem;
  }
  .dark-mode .md-gap-24 {
    gap: 6rem;
  }
  .dark-mode .md-gap-x-24 {
    column-gap: 6rem;
  }
  .dark-mode .md-gap-y-24 {
    row-gap: 6rem;
  }
  .dark-mode .md-gap-28 {
    gap: 7rem;
  }
  .dark-mode .md-gap-x-28 {
    column-gap: 7rem;
  }
  .dark-mode .md-gap-y-28 {
    row-gap: 7rem;
  }
  .dark-mode .md-gap-32 {
    gap: 8rem;
  }
  .dark-mode .md-gap-x-32 {
    column-gap: 8rem;
  }
  .dark-mode .md-gap-y-32 {
    row-gap: 8rem;
  }
  .dark-mode .md-gap-36 {
    gap: 9rem;
  }
  .dark-mode .md-gap-x-36 {
    column-gap: 9rem;
  }
  .dark-mode .md-gap-y-36 {
    row-gap: 9rem;
  }
  .dark-mode .md-gap-40 {
    gap: 10rem;
  }
  .dark-mode .md-gap-x-40 {
    column-gap: 10rem;
  }
  .dark-mode .md-gap-y-40 {
    row-gap: 10rem;
  }
  .dark-mode .md-gap-44 {
    gap: 11rem;
  }
  .dark-mode .md-gap-x-44 {
    column-gap: 11rem;
  }
  .dark-mode .md-gap-y-44 {
    row-gap: 11rem;
  }
  .dark-mode .md-gap-48 {
    gap: 12rem;
  }
  .dark-mode .md-gap-x-48 {
    column-gap: 12rem;
  }
  .dark-mode .md-gap-y-48 {
    row-gap: 12rem;
  }
  .dark-mode .md-gap-52 {
    gap: 13rem;
  }
  .dark-mode .md-gap-x-52 {
    column-gap: 13rem;
  }
  .dark-mode .md-gap-y-52 {
    row-gap: 13rem;
  }
  .dark-mode .md-gap-56 {
    gap: 13rem;
  }
  .dark-mode .md-gap-x-56 {
    column-gap: 13rem;
  }
  .dark-mode .md-gap-y-56 {
    row-gap: 13rem;
  }
  .dark-mode .md-gap-60 {
    gap: 15rem;
  }
  .dark-mode .md-gap-x-60 {
    column-gap: 15rem;
  }
  .dark-mode .md-gap-y-60 {
    row-gap: 15rem;
  }
  .dark-mode .md-gap-64 {
    gap: 16rem;
  }
  .dark-mode .md-gap-x-64 {
    column-gap: 16rem;
  }
  .dark-mode .md-gap-y-64 {
    row-gap: 16rem;
  }
  .dark-mode .md-gap-72 {
    gap: 18rem;
  }
  .dark-mode .md-gap-x-72 {
    column-gap: 18rem;
  }
  .dark-mode .md-gap-y-72 {
    row-gap: 18rem;
  }
  .dark-mode .md-gap-80 {
    gap: 20rem;
  }
  .dark-mode .md-gap-x-80 {
    column-gap: 20rem;
  }
  .dark-mode .md-gap-y-80 {
    row-gap: 20rem;
  }
  .dark-mode .md-gap-96 {
    gap: 24rem;
  }
  .dark-mode .md-gap-x-96 {
    column-gap: 24rem;
  }
  .dark-mode .md-gap-y-96 {
    row-gap: 24rem;
  }
  .dark-mode .md-flex {
    display: flex;
  }
  .dark-mode .md-block {
    display: block;
  }
  .dark-mode .md-grid {
    display: grid;
  }
  .dark-mode .md-table {
    display: table;
  }
  .dark-mode .md-table-row {
    display: table-row;
  }
  .dark-mode .md-table-row-group {
    display: table-row-group;
  }
  .dark-mode .md-inline-table {
    display: inline-table;
  }
  .dark-mode .md-inline-block {
    display: inline-block;
  }
  .dark-mode .md-inline {
    display: inline-flex;
  }
  .dark-mode .md-hidden {
    display: none;
  }
  .dark-mode .md-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .dark-mode .md-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .dark-mode .md-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .dark-mode .md-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .dark-mode .md-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .dark-mode .md-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .dark-mode .md-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .dark-mode .md-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .dark-mode .md-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .dark-mode .md-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .dark-mode .md-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .dark-mode .md-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .dark-mode .md-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .dark-mode .md-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .dark-mode .md-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .dark-mode .md-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .dark-mode .md-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .dark-mode .md-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .dark-mode .md-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .dark-mode .md-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .dark-mode .md-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .dark-mode .md-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .dark-mode .md-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .dark-mode .md-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .dark-mode .md-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .dark-mode .md-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .dark-mode .md-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .dark-mode .md-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .dark-mode .md-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .dark-mode .md-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .dark-mode .md-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .dark-mode .md-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .dark-mode .md-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .dark-mode .md-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .dark-mode .md-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .dark-mode .md-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .dark-mode .md-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .dark-mode .md-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .dark-mode .md-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .dark-mode .md-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .dark-mode .md-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .dark-mode .md-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .dark-mode .md-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .dark-mode .md-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .dark-mode .md-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .dark-mode .md-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .dark-mode .md-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .dark-mode .md-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .dark-mode .md-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .dark-mode .md-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .dark-mode .md-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .dark-mode .md-text-ellipsis {
    text-overflow: ellipsis;
  }
  .dark-mode .md-text-clip {
    text-overflow: clip;;
  }
  .dark-mode .md-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .dark-mode .md-overflow-hidden {
    overflow: hidden;
  }
  .dark-mode .md-text-left {
    text-align: left;
  }
  .dark-mode .md-text-center {
    text-align: center;
  }
  .dark-mode .md-text-right {
    text-align: right;
  }
  .dark-mode .md-text-justify {
    text-align: justify;
  }
  .dark-mode .md-text-start {
    text-align: start;
  }
  .dark-mode .md-text-end {
    text-align: end;
  }
  .dark-mode .md-underline {
    text-decoration: underline;
  }
  .dark-mode .md-overline {
    text-decoration: overline;
  }
  .dark-mode .md-line-through {
    text-decoration: line-through;
  }
  .dark-mode .md-no-underline {
    text-decoration: none;
  }
  .dark-mode .md-uppercase {
    text-transform: uppercase;
  }
  .dark-mode .md-lowercase {
    text-transform: lowercase;
  }
  .dark-mode .md-capitalize {
    text-transform: capitalize;
  }
  .dark-mode .md-normal-case {
    text-transform: none;
  }
  .dark-mode .md-align-baseline {
    vertical-align: baseline;
  }
  .dark-mode .md-align-top {
    vertical-align: top;
  }
  .dark-mode .md-align-middle {
    vertical-align: middle;
  }
  .dark-mode .md-align-bottom {
    vertical-align: bottom;
  }
  .dark-mode .md-align-text-top {
    vertical-align: text-top;
  }
  .dark-mode .md-align-text-bottom {
    vertical-align: text-bottom;
  }
  .dark-mode .md-align-sub {
    vertical-align: sub;
  }
  .dark-mode .md-align-super {
    vertical-align: super;
  }
  .dark-mode .md-whitespace-normal {
    white-space: normal;
  }
  .dark-mode .md-whitespace-nowrap {
    white-space: nowrap;
  }
  .dark-mode .md-whitespace-pre {
    white-space: pre;
  }
  .dark-mode .md-whitespace-pre-line {
    white-space: pre-line;
  }
  .dark-mode .md-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .dark-mode .md-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .dark-mode .md-break-all {
    word-break: break-all;
  }
  .dark-mode .md-break-keep {
    word-break: keep-all;
  }
  .dark-mode .md-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .dark-mode .md-break-words {
    overflow-wrap: break-word;
  }
  .dark-mode .md-hyphens-none {
    hyphens: none;
  }
  .dark-mode .md-hyphens-manual {
    hyphens: manual;
  }
  .dark-mode .md-hyphens-auto {
    hyphens: auto;
  }
  .dark-mode .md-indent-0 {
    text-indent: 0px;
  }
  .dark-mode .md-indent-px {
    text-indent: 1px;
  }
  .dark-mode .md-indent-0-5 {
    text-indent: 0.125rem;
  }
  .dark-mode .md-indent-1 {
    text-indent: 0.25rem;
  }
  .dark-mode .md-indent-1-5 {
    text-indent: 0.375rem;
  }
  .dark-mode .md-indent-2 {
    text-indent: 0.5rem;
  }
  .dark-mode .md-indent-2-5 {
    text-indent: 0.625rem;
  }
  .dark-mode .md-indent-3 {
    text-indent: 0.75rem;
  }
  .dark-mode .md-indent-3-5 {
    text-indent: 0.875rem;
  }
  .dark-mode .md-indent-4 {
    text-indent: 1rem;
  }
  .dark-mode .md-indent-5 {
    text-indent: 1.25rem;
  }
  .dark-mode .md-indent-6 {
    text-indent: 1.5rem;
  }
  .dark-mode .md-indent-7 {
    text-indent: 1.75rem;
  }
  .dark-mode .md-indent-8 {
    text-indent: 2rem;
  }
  .dark-mode .md-indent-9 {
    text-indent: 2.25rem;
  }
  .dark-mode .md-indent-10 {
    text-indent: 2.5rem;
  }
  .dark-mode .md-indent-11 {
    text-indent: 2.75rem;
  }
  .dark-mode .md-indent-12 {
    text-indent:  3rem;
  }
  .dark-mode .md-indent-14 {
    text-indent: 3.5rem;
  }
  .dark-mode .md-indent-16 {
    text-indent: 4rem;
  }
  .dark-mode .md-indent-20 {
    text-indent: 5rem;
  }
  .dark-mode .md-indent-24 {
    text-indent: 6rem;
  }
  .dark-mode .md-indent-28 {
    text-indent: 7rem;
  }
  .dark-mode .md-indent-32 {
    text-indent: 8rem;
  }
  .dark-mode .md-indent-36 {
    text-indent: 9rem;
  }
  .dark-mode .md-indent-40 {
    text-indent: 10rem;
  }
  .dark-mode .md-indent-44 {
    text-indent: 11rem;
  }
  .dark-mode .md-indent-48 {
    text-indent: 12rem;
  }
  .dark-mode .md-indent-52 {
    text-indent: 13rem;
  }
  .dark-mode .md-indent-56 {
    text-indent: 14rem;
  }
  .dark-mode .md-indent-60 {
    text-indent: 15rem;
  }
  .dark-mode .md-indent-64 {
    text-indent: 16rem;
  }
  .dark-mode .md-indent-72 {
    text-indent: 18rem;
  }
  .dark-mode .md-indent-80 {
    text-indent: 20rem;
  }
  .dark-mode .md-indent-96 {
    text-indent: 24rem;
  }
  .dark-mode .md-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .dark-mode .md-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .dark-mode .md-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .dark-mode .md-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dark-mode .md-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .dark-mode .md-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .dark-mode .md-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .dark-mode .md-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 959px) {
  .dark-mode .sm-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .sm-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .sm-col-span-0 {
    grid-column: span 0/span 0;
  }
  .dark-mode .sm-col-span-1 {
    grid-column: span 1/span 1;
  }
  .dark-mode .sm-col-span-2 {
    grid-column: span 2/span 2;
  }
  .dark-mode .sm-col-span-3 {
    grid-column: span 3/span 3;
  }
  .dark-mode .sm-col-span-4 {
    grid-column: span 4/span 4;
  }
  .dark-mode .sm-col-span-5 {
    grid-column: span 5/span 5;
  }
  .dark-mode .sm-col-span-6 {
    grid-column: span 6/span 6;
  }
  .dark-mode .sm-col-span-7 {
    grid-column: span 7/span 7;
  }
  .dark-mode .sm-col-span-8 {
    grid-column: span 8/span 8;
  }
  .dark-mode .sm-col-span-9 {
    grid-column: span 9/span 9;
  }
  .dark-mode .sm-col-span-10 {
    grid-column: span 10/span 10;
  }
  .dark-mode .sm-col-span-11 {
    grid-column: span 11/span 11;
  }
  .dark-mode .sm-col-span-12 {
    grid-column: span 12/span 12;
  }
  .dark-mode .sm-col-auto {
    grid-column: auto;
  }
  .dark-mode .sm-row-span-0 {
    grid-row: span 0/span 0;
  }
  .dark-mode .sm-row-span-1 {
    grid-row: span 1/span 1;
  }
  .dark-mode .sm-row-span-2 {
    grid-row: span 2/span 2;
  }
  .dark-mode .sm-row-span-3 {
    grid-row: span 3/span 3;
  }
  .dark-mode .sm-row-span-4 {
    grid-row: span 4/span 4;
  }
  .dark-mode .sm-row-span-5 {
    grid-row: span 5/span 5;
  }
  .dark-mode .sm-row-span-6 {
    grid-row: span 6/span 6;
  }
  .dark-mode .sm-row-span-7 {
    grid-row: span 7/span 7;
  }
  .dark-mode .sm-row-span-8 {
    grid-row: span 8/span 8;
  }
  .dark-mode .sm-row-span-9 {
    grid-row: span 9/span 9;
  }
  .dark-mode .sm-row-span-10 {
    grid-row: span 10/span 10;
  }
  .dark-mode .sm-row-span-11 {
    grid-row: span 11/span 11;
  }
  .dark-mode .sm-row-span-12 {
    grid-row: span 12/span 12;
  }
  .dark-mode .sm-row-auto {
    grid-row: auto;
  }
  .dark-mode .sm-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .dark-mode .sm-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .sm-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .sm-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .dark-mode .sm-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .dark-mode .sm-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .dark-mode .sm-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .dark-mode .sm-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dark-mode .sm-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .dark-mode .sm-flex-wrap {
    flex-wrap: wrap;
  }
  .dark-mode .sm-flex-nowrap {
    flex-wrap: nowrap;
  }
  .dark-mode .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .dark-mode .sm-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .dark-mode .sm-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .dark-mode .sm-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .dark-mode .sm-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .dark-mode .sm-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .dark-mode .sm-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .dark-mode .sm-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .dark-mode .sm-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .dark-mode .sm-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .dark-mode .sm-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .dark-mode .sm-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .dark-mode .sm-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .dark-mode .sm-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .dark-mode .sm-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .dark-mode .sm-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .dark-mode .sm-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .dark-mode .sm-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .dark-mode .sm-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .dark-mode .sm-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .dark-mode .sm-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .dark-mode .sm-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .dark-mode .sm-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .dark-mode .sm-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .dark-mode .sm-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .dark-mode .sm-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .dark-mode .sm-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .dark-mode .sm-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .dark-mode .sm-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .dark-mode .sm-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .dark-mode .sm-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .dark-mode .sm-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .dark-mode .sm-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .dark-mode .sm-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .dark-mode .sm-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .dark-mode .sm-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .dark-mode .sm-basis-0 {
    flex-basis: 0px;
  }
  .dark-mode .sm-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .dark-mode .sm-basis-1 {
    flex-basis: 0.25rem;
  }
  .dark-mode .sm-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .dark-mode .sm-basis-2 {
    flex-basis: 0.5rem;
  }
  .dark-mode .sm-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .dark-mode .sm-basis-3 {
    flex-basis: 0.75rem;
  }
  .dark-mode .sm-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .dark-mode .sm-basis-4 {
    flex-basis: 1rem;
  }
  .dark-mode .sm-basis-5 {
    flex-basis: 1.25rem;
  }
  .dark-mode .sm-basis-6 {
    flex-basis: 1.5rem;
  }
  .dark-mode .sm-basis-7 {
    flex-basis: 1.75rem;
  }
  .dark-mode .sm-basis-8 {
    flex-basis: 2rem;
  }
  .dark-mode .sm-basis-9 {
    flex-basis: 2.25rem;
  }
  .dark-mode .sm-basis-10 {
    flex-basis: 2.5rem;
  }
  .dark-mode .sm-basis-11 {
    flex-basis: 2.75rem;
  }
  .dark-mode .sm-basis-12 {
    flex-basis: 3rem;
  }
  .dark-mode .sm-basis-14 {
    flex-basis: 3.5rem;
  }
  .dark-mode .sm-basis-16 {
    flex-basis: 4rem;
  }
  .dark-mode .sm-basis-20 {
    flex-basis: 5rem;
  }
  .dark-mode .sm-basis-24 {
    flex-basis: 6rem;
  }
  .dark-mode .sm-basis-28 {
    flex-basis: 7rem;
  }
  .dark-mode .sm-basis-32 {
    flex-basis: 8rem;
  }
  .dark-mode .sm-basis-36 {
    flex-basis: 9rem;
  }
  .dark-mode .sm-basis-40 {
    flex-basis: 10rem;
  }
  .dark-mode .sm-basis-44 {
    flex-basis: 11rem;
  }
  .dark-mode .sm-basis-48 {
    flex-basis: 12rem;
  }
  .dark-mode .sm-basis-52 {
    flex-basis: 13rem;
  }
  .dark-mode .sm-basis-56 {
    flex-basis: 13rem;
  }
  .dark-mode .sm-basis-60 {
    flex-basis: 15rem;
  }
  .dark-mode .sm-basis-64 {
    flex-basis: 16rem;
  }
  .dark-mode .sm-basis-72 {
    flex-basis: 18rem;
  }
  .dark-mode .sm-basis-80 {
    flex-basis: 20rem;
  }
  .dark-mode .sm-basis-96 {
    flex-basis: 24rem;
  }
  .dark-mode .sm-basis-auto {
    flex-basis: auto;
  }
  .dark-mode .sm-basis-1on2 {
    flex-basis: 50%;
  }
  .dark-mode .sm-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .dark-mode .sm-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .dark-mode .sm-basis-1on4 {
    flex-basis: 25%;
  }
  .dark-mode .sm-basis-2on4 {
    flex-basis: 50%;
  }
  .dark-mode .sm-basis-3on4 {
    flex-basis: 75%;
  }
  .dark-mode .sm-basis-1on5 {
    flex-basis: 20%;
  }
  .dark-mode .sm-basis-2on5 {
    flex-basis: 40%;
  }
  .dark-mode .sm-basis-3on5 {
    flex-basis: 60%;
  }
  .dark-mode .sm-basis-4on5 {
    flex-basis: 80%;
  }
  .dark-mode .sm-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .dark-mode .sm-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .dark-mode .sm-basis-3on6 {
    flex-basis: 50%;
  }
  .dark-mode .sm-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .dark-mode .sm-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .dark-mode .sm-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .dark-mode .sm-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .dark-mode .sm-basis-3on12 {
    flex-basis: 25%;
  }
  .dark-mode .sm-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .dark-mode .sm-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .dark-mode .sm-basis-6on12 {
    flex-basis: 50%;
  }
  .dark-mode .sm-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .dark-mode .sm-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .dark-mode .sm-basis-9on12 {
    flex-basis: 75%;
  }
  .dark-mode .sm-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .dark-mode .sm-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .dark-mode .sm-basis-screen {
    flex-basis: 100vw;
  }
  .dark-mode .sm-basis-full {
    flex-basis: 100%;
  }
  .dark-mode .sm-w-0 {
    width: 0px;
  }
  .dark-mode .sm-min-w-0 {
    min-width: 0px;
  }
  .dark-mode .sm-max-w-0 {
    max-width: 0px;
  }
  .dark-mode .sm-w-0-5 {
    width: 0.125rem;
  }
  .dark-mode .sm-min-w-0-5 {
    min-width: 0.125rem;
  }
  .dark-mode .sm-max-w-0-5 {
    max-width: 0.125rem;
  }
  .dark-mode .sm-w-1 {
    width: 0.25rem;
  }
  .dark-mode .sm-min-w-1 {
    min-width: 0.25rem;
  }
  .dark-mode .sm-max-w-1 {
    max-width: 0.25rem;
  }
  .dark-mode .sm-w-1-5 {
    width: 0.375rem;
  }
  .dark-mode .sm-min-w-1-5 {
    min-width: 0.375rem;
  }
  .dark-mode .sm-max-w-1-5 {
    max-width: 0.375rem;
  }
  .dark-mode .sm-w-2 {
    width: 0.5rem;
  }
  .dark-mode .sm-min-w-2 {
    min-width: 0.5rem;
  }
  .dark-mode .sm-max-w-2 {
    max-width: 0.5rem;
  }
  .dark-mode .sm-w-2-5 {
    width: 0.625rem;
  }
  .dark-mode .sm-min-w-2-5 {
    min-width: 0.625rem;
  }
  .dark-mode .sm-max-w-2-5 {
    max-width: 0.625rem;
  }
  .dark-mode .sm-w-3 {
    width: 0.75rem;
  }
  .dark-mode .sm-min-w-3 {
    min-width: 0.75rem;
  }
  .dark-mode .sm-max-w-3 {
    max-width: 0.75rem;
  }
  .dark-mode .sm-w-3-5 {
    width: 0.875rem;
  }
  .dark-mode .sm-min-w-3-5 {
    min-width: 0.875rem;
  }
  .dark-mode .sm-max-w-3-5 {
    max-width: 0.875rem;
  }
  .dark-mode .sm-w-4 {
    width: 1rem;
  }
  .dark-mode .sm-min-w-4 {
    min-width: 1rem;
  }
  .dark-mode .sm-max-w-4 {
    max-width: 1rem;
  }
  .dark-mode .sm-w-5 {
    width: 1.25rem;
  }
  .dark-mode .sm-min-w-5 {
    min-width: 1.25rem;
  }
  .dark-mode .sm-max-w-5 {
    max-width: 1.25rem;
  }
  .dark-mode .sm-w-6 {
    width: 1.5rem;
  }
  .dark-mode .sm-min-w-6 {
    min-width: 1.5rem;
  }
  .dark-mode .sm-max-w-6 {
    max-width: 1.5rem;
  }
  .dark-mode .sm-w-7 {
    width: 1.75rem;
  }
  .dark-mode .sm-min-w-7 {
    min-width: 1.75rem;
  }
  .dark-mode .sm-max-w-7 {
    max-width: 1.75rem;
  }
  .dark-mode .sm-w-8 {
    width: 2rem;
  }
  .dark-mode .sm-min-w-8 {
    min-width: 2rem;
  }
  .dark-mode .sm-max-w-8 {
    max-width: 2rem;
  }
  .dark-mode .sm-w-9 {
    width: 2.25rem;
  }
  .dark-mode .sm-min-w-9 {
    min-width: 2.25rem;
  }
  .dark-mode .sm-max-w-9 {
    max-width: 2.25rem;
  }
  .dark-mode .sm-w-10 {
    width: 2.5rem;
  }
  .dark-mode .sm-min-w-10 {
    min-width: 2.5rem;
  }
  .dark-mode .sm-max-w-10 {
    max-width: 2.5rem;
  }
  .dark-mode .sm-w-11 {
    width: 2.75rem;
  }
  .dark-mode .sm-min-w-11 {
    min-width: 2.75rem;
  }
  .dark-mode .sm-max-w-11 {
    max-width: 2.75rem;
  }
  .dark-mode .sm-w-12 {
    width: 3rem;
  }
  .dark-mode .sm-min-w-12 {
    min-width: 3rem;
  }
  .dark-mode .sm-max-w-12 {
    max-width: 3rem;
  }
  .dark-mode .sm-w-14 {
    width: 3.5rem;
  }
  .dark-mode .sm-min-w-14 {
    min-width: 3.5rem;
  }
  .dark-mode .sm-max-w-14 {
    max-width: 3.5rem;
  }
  .dark-mode .sm-w-16 {
    width: 4rem;
  }
  .dark-mode .sm-min-w-16 {
    min-width: 4rem;
  }
  .dark-mode .sm-max-w-16 {
    max-width: 4rem;
  }
  .dark-mode .sm-w-20 {
    width: 5rem;
  }
  .dark-mode .sm-min-w-20 {
    min-width: 5rem;
  }
  .dark-mode .sm-max-w-20 {
    max-width: 5rem;
  }
  .dark-mode .sm-w-24 {
    width: 6rem;
  }
  .dark-mode .sm-min-w-24 {
    min-width: 6rem;
  }
  .dark-mode .sm-max-w-24 {
    max-width: 6rem;
  }
  .dark-mode .sm-w-28 {
    width: 7rem;
  }
  .dark-mode .sm-min-w-28 {
    min-width: 7rem;
  }
  .dark-mode .sm-max-w-28 {
    max-width: 7rem;
  }
  .dark-mode .sm-w-32 {
    width: 8rem;
  }
  .dark-mode .sm-min-w-32 {
    min-width: 8rem;
  }
  .dark-mode .sm-max-w-32 {
    max-width: 8rem;
  }
  .dark-mode .sm-w-36 {
    width: 9rem;
  }
  .dark-mode .sm-min-w-36 {
    min-width: 9rem;
  }
  .dark-mode .sm-max-w-36 {
    max-width: 9rem;
  }
  .dark-mode .sm-w-40 {
    width: 10rem;
  }
  .dark-mode .sm-min-w-40 {
    min-width: 10rem;
  }
  .dark-mode .sm-max-w-40 {
    max-width: 10rem;
  }
  .dark-mode .sm-w-44 {
    width: 11rem;
  }
  .dark-mode .sm-min-w-44 {
    min-width: 11rem;
  }
  .dark-mode .sm-max-w-44 {
    max-width: 11rem;
  }
  .dark-mode .sm-w-48 {
    width: 12rem;
  }
  .dark-mode .sm-min-w-48 {
    min-width: 12rem;
  }
  .dark-mode .sm-max-w-48 {
    max-width: 12rem;
  }
  .dark-mode .sm-w-52 {
    width: 13rem;
  }
  .dark-mode .sm-min-w-52 {
    min-width: 13rem;
  }
  .dark-mode .sm-max-w-52 {
    max-width: 13rem;
  }
  .dark-mode .sm-w-56 {
    width: 13rem;
  }
  .dark-mode .sm-min-w-56 {
    min-width: 13rem;
  }
  .dark-mode .sm-max-w-56 {
    max-width: 13rem;
  }
  .dark-mode .sm-w-60 {
    width: 15rem;
  }
  .dark-mode .sm-min-w-60 {
    min-width: 15rem;
  }
  .dark-mode .sm-max-w-60 {
    max-width: 15rem;
  }
  .dark-mode .sm-w-64 {
    width: 16rem;
  }
  .dark-mode .sm-min-w-64 {
    min-width: 16rem;
  }
  .dark-mode .sm-max-w-64 {
    max-width: 16rem;
  }
  .dark-mode .sm-w-72 {
    width: 18rem;
  }
  .dark-mode .sm-min-w-72 {
    min-width: 18rem;
  }
  .dark-mode .sm-max-w-72 {
    max-width: 18rem;
  }
  .dark-mode .sm-w-80 {
    width: 20rem;
  }
  .dark-mode .sm-min-w-80 {
    min-width: 20rem;
  }
  .dark-mode .sm-max-w-80 {
    max-width: 20rem;
  }
  .dark-mode .sm-w-96 {
    width: 24rem;
  }
  .dark-mode .sm-min-w-96 {
    min-width: 24rem;
  }
  .dark-mode .sm-max-w-96 {
    max-width: 24rem;
  }
  .dark-mode .sm-w-auto {
    width: auto;
  }
  .dark-mode .sm-min-w-auto {
    min-width: auto;
  }
  .dark-mode .sm-max-w-auto {
    max-width: auto;
  }
  .dark-mode .sm-w-1on2 {
    width: 50%;
  }
  .dark-mode .sm-min-w-1on2 {
    min-width: 50%;
  }
  .dark-mode .sm-max-w-1on2 {
    max-width: 50%;
  }
  .dark-mode .sm-w-1on3 {
    width: 33.333333%;
  }
  .dark-mode .sm-min-w-1on3 {
    min-width: 33.333333%;
  }
  .dark-mode .sm-max-w-1on3 {
    max-width: 33.333333%;
  }
  .dark-mode .sm-w-2on3 {
    width: 66.666667%;
  }
  .dark-mode .sm-min-w-2on3 {
    min-width: 66.666667%;
  }
  .dark-mode .sm-max-w-2on3 {
    max-width: 66.666667%;
  }
  .dark-mode .sm-w-1on4 {
    width: 25%;
  }
  .dark-mode .sm-min-w-1on4 {
    min-width: 25%;
  }
  .dark-mode .sm-max-w-1on4 {
    max-width: 25%;
  }
  .dark-mode .sm-w-2on4 {
    width: 50%;
  }
  .dark-mode .sm-min-w-2on4 {
    min-width: 50%;
  }
  .dark-mode .sm-max-w-2on4 {
    max-width: 50%;
  }
  .dark-mode .sm-w-3on4 {
    width: 75%;
  }
  .dark-mode .sm-min-w-3on4 {
    min-width: 75%;
  }
  .dark-mode .sm-max-w-3on4 {
    max-width: 75%;
  }
  .dark-mode .sm-w-1on5 {
    width: 20%;
  }
  .dark-mode .sm-min-w-1on5 {
    min-width: 20%;
  }
  .dark-mode .sm-max-w-1on5 {
    max-width: 20%;
  }
  .dark-mode .sm-w-2on5 {
    width: 40%;
  }
  .dark-mode .sm-min-w-2on5 {
    min-width: 40%;
  }
  .dark-mode .sm-max-w-2on5 {
    max-width: 40%;
  }
  .dark-mode .sm-w-3on5 {
    width: 60%;
  }
  .dark-mode .sm-min-w-3on5 {
    min-width: 60%;
  }
  .dark-mode .sm-max-w-3on5 {
    max-width: 60%;
  }
  .dark-mode .sm-w-4on5 {
    width: 80%;
  }
  .dark-mode .sm-min-w-4on5 {
    min-width: 80%;
  }
  .dark-mode .sm-max-w-4on5 {
    max-width: 80%;
  }
  .dark-mode .sm-w-1on6 {
    width: 16.666667%;
  }
  .dark-mode .sm-min-w-1on6 {
    min-width: 16.666667%;
  }
  .dark-mode .sm-max-w-1on6 {
    max-width: 16.666667%;
  }
  .dark-mode .sm-w-2on6 {
    width: 33.333333%;
  }
  .dark-mode .sm-min-w-2on6 {
    min-width: 33.333333%;
  }
  .dark-mode .sm-max-w-2on6 {
    max-width: 33.333333%;
  }
  .dark-mode .sm-w-3on6 {
    width: 50%;
  }
  .dark-mode .sm-min-w-3on6 {
    min-width: 50%;
  }
  .dark-mode .sm-max-w-3on6 {
    max-width: 50%;
  }
  .dark-mode .sm-w-4on6 {
    width: 66.666667%;
  }
  .dark-mode .sm-min-w-4on6 {
    min-width: 66.666667%;
  }
  .dark-mode .sm-max-w-4on6 {
    max-width: 66.666667%;
  }
  .dark-mode .sm-w-5on6 {
    width: 83.333333%;
  }
  .dark-mode .sm-min-w-5on6 {
    min-width: 83.333333%;
  }
  .dark-mode .sm-max-w-5on6 {
    max-width: 83.333333%;
  }
  .dark-mode .sm-w-1on12 {
    width: 8.333333%;
  }
  .dark-mode .sm-min-w-1on12 {
    min-width: 8.333333%;
  }
  .dark-mode .sm-max-w-1on12 {
    max-width: 8.333333%;
  }
  .dark-mode .sm-w-2on12 {
    width: 16.666667%;
  }
  .dark-mode .sm-min-w-2on12 {
    min-width: 16.666667%;
  }
  .dark-mode .sm-max-w-2on12 {
    max-width: 16.666667%;
  }
  .dark-mode .sm-w-3on12 {
    width: 25%;
  }
  .dark-mode .sm-min-w-3on12 {
    min-width: 25%;
  }
  .dark-mode .sm-max-w-3on12 {
    max-width: 25%;
  }
  .dark-mode .sm-w-4on12 {
    width: 33.333333%;
  }
  .dark-mode .sm-min-w-4on12 {
    min-width: 33.333333%;
  }
  .dark-mode .sm-max-w-4on12 {
    max-width: 33.333333%;
  }
  .dark-mode .sm-w-5on12 {
    width: 41.666667%;
  }
  .dark-mode .sm-min-w-5on12 {
    min-width: 41.666667%;
  }
  .dark-mode .sm-max-w-5on12 {
    max-width: 41.666667%;
  }
  .dark-mode .sm-w-6on12 {
    width: 50%;
  }
  .dark-mode .sm-min-w-6on12 {
    min-width: 50%;
  }
  .dark-mode .sm-max-w-6on12 {
    max-width: 50%;
  }
  .dark-mode .sm-w-7on12 {
    width: 58.333333%;
  }
  .dark-mode .sm-min-w-7on12 {
    min-width: 58.333333%;
  }
  .dark-mode .sm-max-w-7on12 {
    max-width: 58.333333%;
  }
  .dark-mode .sm-w-8on12 {
    width: 66.666667%;
  }
  .dark-mode .sm-min-w-8on12 {
    min-width: 66.666667%;
  }
  .dark-mode .sm-max-w-8on12 {
    max-width: 66.666667%;
  }
  .dark-mode .sm-w-9on12 {
    width: 75%;
  }
  .dark-mode .sm-min-w-9on12 {
    min-width: 75%;
  }
  .dark-mode .sm-max-w-9on12 {
    max-width: 75%;
  }
  .dark-mode .sm-w-10on12 {
    width: 83.333333%;
  }
  .dark-mode .sm-min-w-10on12 {
    min-width: 83.333333%;
  }
  .dark-mode .sm-max-w-10on12 {
    max-width: 83.333333%;
  }
  .dark-mode .sm-w-11on12 {
    width: 91.666667%;
  }
  .dark-mode .sm-min-w-11on12 {
    min-width: 91.666667%;
  }
  .dark-mode .sm-max-w-11on12 {
    max-width: 91.666667%;
  }
  .dark-mode .sm-w-screen {
    width: 100vw;
  }
  .dark-mode .sm-min-w-screen {
    min-width: 100vw;
  }
  .dark-mode .sm-max-w-screen {
    max-width: 100vw;
  }
  .dark-mode .sm-w-full {
    width: 100%;
  }
  .dark-mode .sm-min-w-full {
    min-width: 100%;
  }
  .dark-mode .sm-max-w-full {
    max-width: 100%;
  }
  .dark-mode .sm-w-fit {
    width: fit-content;
  }
  .dark-mode .sm-min-w-fit {
    min-width: fit-content;
  }
  .dark-mode .sm-max-w-fit {
    max-width: fit-content;
  }
  .dark-mode .sm-w-min {
    width: min-content;
  }
  .dark-mode .sm-min-w-min {
    min-width: min-content;
  }
  .dark-mode .sm-max-w-min {
    max-width: min-content;
  }
  .dark-mode .sm-w-max {
    width: max-content;
  }
  .dark-mode .sm-min-w-max {
    min-width: max-content;
  }
  .dark-mode .sm-max-w-max {
    max-width: max-content;
  }
  .dark-mode .sm-h-0 {
    height: 0px;
  }
  .dark-mode .sm-min-h-0 {
    min-height: 0px;
  }
  .dark-mode .sm-max-h-0 {
    max-height: 0px;
  }
  .dark-mode .sm-h-0-5 {
    height: 0.125rem;
  }
  .dark-mode .sm-min-h-0-5 {
    min-height: 0.125rem;
  }
  .dark-mode .sm-max-h-0-5 {
    max-height: 0.125rem;
  }
  .dark-mode .sm-h-1 {
    height: 0.25rem;
  }
  .dark-mode .sm-min-h-1 {
    min-height: 0.25rem;
  }
  .dark-mode .sm-max-h-1 {
    max-height: 0.25rem;
  }
  .dark-mode .sm-h-1-5 {
    height: 0.375rem;
  }
  .dark-mode .sm-min-h-1-5 {
    min-height: 0.375rem;
  }
  .dark-mode .sm-max-h-1-5 {
    max-height: 0.375rem;
  }
  .dark-mode .sm-h-2 {
    height: 0.5rem;
  }
  .dark-mode .sm-min-h-2 {
    min-height: 0.5rem;
  }
  .dark-mode .sm-max-h-2 {
    max-height: 0.5rem;
  }
  .dark-mode .sm-h-2-5 {
    height: 0.625rem;
  }
  .dark-mode .sm-min-h-2-5 {
    min-height: 0.625rem;
  }
  .dark-mode .sm-max-h-2-5 {
    max-height: 0.625rem;
  }
  .dark-mode .sm-h-3 {
    height: 0.75rem;
  }
  .dark-mode .sm-min-h-3 {
    min-height: 0.75rem;
  }
  .dark-mode .sm-max-h-3 {
    max-height: 0.75rem;
  }
  .dark-mode .sm-h-3-5 {
    height: 0.875rem;
  }
  .dark-mode .sm-min-h-3-5 {
    min-height: 0.875rem;
  }
  .dark-mode .sm-max-h-3-5 {
    max-height: 0.875rem;
  }
  .dark-mode .sm-h-4 {
    height: 1rem;
  }
  .dark-mode .sm-min-h-4 {
    min-height: 1rem;
  }
  .dark-mode .sm-max-h-4 {
    max-height: 1rem;
  }
  .dark-mode .sm-h-5 {
    height: 1.25rem;
  }
  .dark-mode .sm-min-h-5 {
    min-height: 1.25rem;
  }
  .dark-mode .sm-max-h-5 {
    max-height: 1.25rem;
  }
  .dark-mode .sm-h-6 {
    height: 1.5rem;
  }
  .dark-mode .sm-min-h-6 {
    min-height: 1.5rem;
  }
  .dark-mode .sm-max-h-6 {
    max-height: 1.5rem;
  }
  .dark-mode .sm-h-7 {
    height: 1.75rem;
  }
  .dark-mode .sm-min-h-7 {
    min-height: 1.75rem;
  }
  .dark-mode .sm-max-h-7 {
    max-height: 1.75rem;
  }
  .dark-mode .sm-h-8 {
    height: 2rem;
  }
  .dark-mode .sm-min-h-8 {
    min-height: 2rem;
  }
  .dark-mode .sm-max-h-8 {
    max-height: 2rem;
  }
  .dark-mode .sm-h-9 {
    height: 2.25rem;
  }
  .dark-mode .sm-min-h-9 {
    min-height: 2.25rem;
  }
  .dark-mode .sm-max-h-9 {
    max-height: 2.25rem;
  }
  .dark-mode .sm-h-10 {
    height: 2.5rem;
  }
  .dark-mode .sm-min-h-10 {
    min-height: 2.5rem;
  }
  .dark-mode .sm-max-h-10 {
    max-height: 2.5rem;
  }
  .dark-mode .sm-h-11 {
    height: 2.75rem;
  }
  .dark-mode .sm-min-h-11 {
    min-height: 2.75rem;
  }
  .dark-mode .sm-max-h-11 {
    max-height: 2.75rem;
  }
  .dark-mode .sm-h-12 {
    height: 3rem;
  }
  .dark-mode .sm-min-h-12 {
    min-height: 3rem;
  }
  .dark-mode .sm-max-h-12 {
    max-height: 3rem;
  }
  .dark-mode .sm-h-14 {
    height: 3.5rem;
  }
  .dark-mode .sm-min-h-14 {
    min-height: 3.5rem;
  }
  .dark-mode .sm-max-h-14 {
    max-height: 3.5rem;
  }
  .dark-mode .sm-h-16 {
    height: 4rem;
  }
  .dark-mode .sm-min-h-16 {
    min-height: 4rem;
  }
  .dark-mode .sm-max-h-16 {
    max-height: 4rem;
  }
  .dark-mode .sm-h-20 {
    height: 5rem;
  }
  .dark-mode .sm-min-h-20 {
    min-height: 5rem;
  }
  .dark-mode .sm-max-h-20 {
    max-height: 5rem;
  }
  .dark-mode .sm-h-24 {
    height: 6rem;
  }
  .dark-mode .sm-min-h-24 {
    min-height: 6rem;
  }
  .dark-mode .sm-max-h-24 {
    max-height: 6rem;
  }
  .dark-mode .sm-h-28 {
    height: 7rem;
  }
  .dark-mode .sm-min-h-28 {
    min-height: 7rem;
  }
  .dark-mode .sm-max-h-28 {
    max-height: 7rem;
  }
  .dark-mode .sm-h-32 {
    height: 8rem;
  }
  .dark-mode .sm-min-h-32 {
    min-height: 8rem;
  }
  .dark-mode .sm-max-h-32 {
    max-height: 8rem;
  }
  .dark-mode .sm-h-36 {
    height: 9rem;
  }
  .dark-mode .sm-min-h-36 {
    min-height: 9rem;
  }
  .dark-mode .sm-max-h-36 {
    max-height: 9rem;
  }
  .dark-mode .sm-h-40 {
    height: 10rem;
  }
  .dark-mode .sm-min-h-40 {
    min-height: 10rem;
  }
  .dark-mode .sm-max-h-40 {
    max-height: 10rem;
  }
  .dark-mode .sm-h-44 {
    height: 11rem;
  }
  .dark-mode .sm-min-h-44 {
    min-height: 11rem;
  }
  .dark-mode .sm-max-h-44 {
    max-height: 11rem;
  }
  .dark-mode .sm-h-48 {
    height: 12rem;
  }
  .dark-mode .sm-min-h-48 {
    min-height: 12rem;
  }
  .dark-mode .sm-max-h-48 {
    max-height: 12rem;
  }
  .dark-mode .sm-h-52 {
    height: 13rem;
  }
  .dark-mode .sm-min-h-52 {
    min-height: 13rem;
  }
  .dark-mode .sm-max-h-52 {
    max-height: 13rem;
  }
  .dark-mode .sm-h-56 {
    height: 13rem;
  }
  .dark-mode .sm-min-h-56 {
    min-height: 13rem;
  }
  .dark-mode .sm-max-h-56 {
    max-height: 13rem;
  }
  .dark-mode .sm-h-60 {
    height: 15rem;
  }
  .dark-mode .sm-min-h-60 {
    min-height: 15rem;
  }
  .dark-mode .sm-max-h-60 {
    max-height: 15rem;
  }
  .dark-mode .sm-h-64 {
    height: 16rem;
  }
  .dark-mode .sm-min-h-64 {
    min-height: 16rem;
  }
  .dark-mode .sm-max-h-64 {
    max-height: 16rem;
  }
  .dark-mode .sm-h-72 {
    height: 18rem;
  }
  .dark-mode .sm-min-h-72 {
    min-height: 18rem;
  }
  .dark-mode .sm-max-h-72 {
    max-height: 18rem;
  }
  .dark-mode .sm-h-80 {
    height: 20rem;
  }
  .dark-mode .sm-min-h-80 {
    min-height: 20rem;
  }
  .dark-mode .sm-max-h-80 {
    max-height: 20rem;
  }
  .dark-mode .sm-h-96 {
    height: 24rem;
  }
  .dark-mode .sm-min-h-96 {
    min-height: 24rem;
  }
  .dark-mode .sm-max-h-96 {
    max-height: 24rem;
  }
  .dark-mode .sm-h-100 {
    height: 28rem;
  }
  .dark-mode .sm-min-h-100 {
    min-height: 28rem;
  }
  .dark-mode .sm-max-h-100 {
    max-height: 28rem;
  }
  .dark-mode .sm-h-auto {
    height: auto;
  }
  .dark-mode .sm-min-h-auto {
    min-height: auto;
  }
  .dark-mode .sm-max-h-auto {
    max-height: auto;
  }
  .dark-mode .sm-h-1on2 {
    height: 50%;
  }
  .dark-mode .sm-min-h-1on2 {
    min-height: 50%;
  }
  .dark-mode .sm-max-h-1on2 {
    max-height: 50%;
  }
  .dark-mode .sm-h-1on3 {
    height: 33.333333%;
  }
  .dark-mode .sm-min-h-1on3 {
    min-height: 33.333333%;
  }
  .dark-mode .sm-max-h-1on3 {
    max-height: 33.333333%;
  }
  .dark-mode .sm-h-2on3 {
    height: 66.666667%;
  }
  .dark-mode .sm-min-h-2on3 {
    min-height: 66.666667%;
  }
  .dark-mode .sm-max-h-2on3 {
    max-height: 66.666667%;
  }
  .dark-mode .sm-h-1on4 {
    height: 25%;
  }
  .dark-mode .sm-min-h-1on4 {
    min-height: 25%;
  }
  .dark-mode .sm-max-h-1on4 {
    max-height: 25%;
  }
  .dark-mode .sm-h-2on4 {
    height: 50%;
  }
  .dark-mode .sm-min-h-2on4 {
    min-height: 50%;
  }
  .dark-mode .sm-max-h-2on4 {
    max-height: 50%;
  }
  .dark-mode .sm-h-3on4 {
    height: 75%;
  }
  .dark-mode .sm-min-h-3on4 {
    min-height: 75%;
  }
  .dark-mode .sm-max-h-3on4 {
    max-height: 75%;
  }
  .dark-mode .sm-h-1on5 {
    height: 20%;
  }
  .dark-mode .sm-min-h-1on5 {
    min-height: 20%;
  }
  .dark-mode .sm-max-h-1on5 {
    max-height: 20%;
  }
  .dark-mode .sm-h-2on5 {
    height: 40%;
  }
  .dark-mode .sm-min-h-2on5 {
    min-height: 40%;
  }
  .dark-mode .sm-max-h-2on5 {
    max-height: 40%;
  }
  .dark-mode .sm-h-3on5 {
    height: 60%;
  }
  .dark-mode .sm-min-h-3on5 {
    min-height: 60%;
  }
  .dark-mode .sm-max-h-3on5 {
    max-height: 60%;
  }
  .dark-mode .sm-h-4on5 {
    height: 80%;
  }
  .dark-mode .sm-min-h-4on5 {
    min-height: 80%;
  }
  .dark-mode .sm-max-h-4on5 {
    max-height: 80%;
  }
  .dark-mode .sm-h-1on6 {
    height: 16.666667%;
  }
  .dark-mode .sm-min-h-1on6 {
    min-height: 16.666667%;
  }
  .dark-mode .sm-max-h-1on6 {
    max-height: 16.666667%;
  }
  .dark-mode .sm-h-2on6 {
    height: 33.333333%;
  }
  .dark-mode .sm-min-h-2on6 {
    min-height: 33.333333%;
  }
  .dark-mode .sm-max-h-2on6 {
    max-height: 33.333333%;
  }
  .dark-mode .sm-h-3on6 {
    height: 50%;
  }
  .dark-mode .sm-min-h-3on6 {
    min-height: 50%;
  }
  .dark-mode .sm-max-h-3on6 {
    max-height: 50%;
  }
  .dark-mode .sm-h-4on6 {
    height: 66.666667%;
  }
  .dark-mode .sm-min-h-4on6 {
    min-height: 66.666667%;
  }
  .dark-mode .sm-max-h-4on6 {
    max-height: 66.666667%;
  }
  .dark-mode .sm-h-5on6 {
    height: 83.333333%;
  }
  .dark-mode .sm-min-h-5on6 {
    min-height: 83.333333%;
  }
  .dark-mode .sm-max-h-5on6 {
    max-height: 83.333333%;
  }
  .dark-mode .sm-h-1on12 {
    height: 8.333333%;
  }
  .dark-mode .sm-min-h-1on12 {
    min-height: 8.333333%;
  }
  .dark-mode .sm-max-h-1on12 {
    max-height: 8.333333%;
  }
  .dark-mode .sm-h-2on12 {
    height: 16.666667%;
  }
  .dark-mode .sm-min-h-2on12 {
    min-height: 16.666667%;
  }
  .dark-mode .sm-max-h-2on12 {
    max-height: 16.666667%;
  }
  .dark-mode .sm-h-3on12 {
    height: 25%;
  }
  .dark-mode .sm-min-h-3on12 {
    min-height: 25%;
  }
  .dark-mode .sm-max-h-3on12 {
    max-height: 25%;
  }
  .dark-mode .sm-h-4on12 {
    height: 33.333333%;
  }
  .dark-mode .sm-min-h-4on12 {
    min-height: 33.333333%;
  }
  .dark-mode .sm-max-h-4on12 {
    max-height: 33.333333%;
  }
  .dark-mode .sm-h-5on12 {
    height: 41.666667%;
  }
  .dark-mode .sm-min-h-5on12 {
    min-height: 41.666667%;
  }
  .dark-mode .sm-max-h-5on12 {
    max-height: 41.666667%;
  }
  .dark-mode .sm-h-6on12 {
    height: 50%;
  }
  .dark-mode .sm-min-h-6on12 {
    min-height: 50%;
  }
  .dark-mode .sm-max-h-6on12 {
    max-height: 50%;
  }
  .dark-mode .sm-h-7on12 {
    height: 58.333333%;
  }
  .dark-mode .sm-min-h-7on12 {
    min-height: 58.333333%;
  }
  .dark-mode .sm-max-h-7on12 {
    max-height: 58.333333%;
  }
  .dark-mode .sm-h-8on12 {
    height: 66.666667%;
  }
  .dark-mode .sm-min-h-8on12 {
    min-height: 66.666667%;
  }
  .dark-mode .sm-max-h-8on12 {
    max-height: 66.666667%;
  }
  .dark-mode .sm-h-9on12 {
    height: 75%;
  }
  .dark-mode .sm-min-h-9on12 {
    min-height: 75%;
  }
  .dark-mode .sm-max-h-9on12 {
    max-height: 75%;
  }
  .dark-mode .sm-h-10on12 {
    height: 83.333333%;
  }
  .dark-mode .sm-min-h-10on12 {
    min-height: 83.333333%;
  }
  .dark-mode .sm-max-h-10on12 {
    max-height: 83.333333%;
  }
  .dark-mode .sm-h-11on12 {
    height: 91.666667%;
  }
  .dark-mode .sm-min-h-11on12 {
    min-height: 91.666667%;
  }
  .dark-mode .sm-max-h-11on12 {
    max-height: 91.666667%;
  }
  .dark-mode .sm-h-screen {
    height: 100vw;
  }
  .dark-mode .sm-min-h-screen {
    min-height: 100vw;
  }
  .dark-mode .sm-max-h-screen {
    max-height: 100vw;
  }
  .dark-mode .sm-h-full {
    height: 100%;
  }
  .dark-mode .sm-min-h-full {
    min-height: 100%;
  }
  .dark-mode .sm-max-h-full {
    max-height: 100%;
  }
  .dark-mode .sm-h-fit {
    height: fit-content;
  }
  .dark-mode .sm-min-h-fit {
    min-height: fit-content;
  }
  .dark-mode .sm-max-h-fit {
    max-height: fit-content;
  }
  .dark-mode .sm-h-min {
    height: min-content;
  }
  .dark-mode .sm-min-h-min {
    min-height: min-content;
  }
  .dark-mode .sm-max-h-min {
    max-height: min-content;
  }
  .dark-mode .sm-h-max {
    height: max-content;
  }
  .dark-mode .sm-min-h-max {
    min-height: max-content;
  }
  .dark-mode .sm-max-h-max {
    max-height: max-content;
  }
  .dark-mode .sm-m-0 {
    margin: 0;
  }
  .dark-mode .sm-mt-0,
  .dark-mode .sm-my-0 {
    margin-top: 0;
  }
  .dark-mode .sm-mr-0,
  .dark-mode .sm-mx-0 {
    margin-right: 0;
  }
  .dark-mode .sm-mb-0,
  .dark-mode .sm-my-0 {
    margin-bottom: 0;
  }
  .dark-mode .sm-ml-0,
  .dark-mode .sm-mx-0 {
    margin-left: 0;
  }
  .dark-mode .sm-mbls-0,
  .dark-mode .sm-mbl-0 {
    margin-block-start: 0;
  }
  .dark-mode .sm-mble-0,
  .dark-mode .sm-mbl-0 {
    margin-block-end: 0;
  }
  .dark-mode .sm-mins-0,
  .dark-mode .sm-min-0 {
    margin-inline-start: 0;
  }
  .dark-mode .sm-mine-0,
  .dark-mode .sm-min-0 {
    margin-inline-end: 0;
  }
  .dark-mode .sm-p-0 {
    padding: 0;
  }
  .dark-mode .sm-pt-0,
  .dark-mode .sm-py-0 {
    padding-top: 0;
  }
  .dark-mode .sm-pr-0,
  .dark-mode .sm-px-0 {
    padding-right: 0;
  }
  .dark-mode .sm-pb-0,
  .dark-mode .sm-py-0 {
    padding-bottom: 0;
  }
  .dark-mode .sm-pl-0,
  .dark-mode .sm-px-0 {
    padding-left: 0;
  }
  .dark-mode .sm-pbls-0,
  .dark-mode .sm-pbl-0 {
    padding-block-start: 0;
  }
  .dark-mode .sm-pble-0,
  .dark-mode .sm-pbl-0 {
    padding-block-end: 0;
  }
  .dark-mode .sm-pins-0,
  .dark-mode .sm-pin-0 {
    padding-inline-start: 0;
  }
  .dark-mode .sm-pine-0,
  .dark-mode .sm-pin-0 {
    padding-inline-end: 0;
  }
  .dark-mode .sm-m-1 {
    margin: 4px;
  }
  .dark-mode .sm-mt-1,
  .dark-mode .sm-my-1 {
    margin-top: 4px;
  }
  .dark-mode .sm-mr-1,
  .dark-mode .sm-mx-1 {
    margin-right: 4px;
  }
  .dark-mode .sm-mb-1,
  .dark-mode .sm-my-1 {
    margin-bottom: 4px;
  }
  .dark-mode .sm-ml-1,
  .dark-mode .sm-mx-1 {
    margin-left: 4px;
  }
  .dark-mode .sm-mbls-1,
  .dark-mode .sm-mbl-1 {
    margin-block-start: 4px;
  }
  .dark-mode .sm-mble-1,
  .dark-mode .sm-mbl-1 {
    margin-block-end: 4px;
  }
  .dark-mode .sm-mins-1,
  .dark-mode .sm-min-1 {
    margin-inline-start: 4px;
  }
  .dark-mode .sm-mine-1,
  .dark-mode .sm-min-1 {
    margin-inline-end: 4px;
  }
  .dark-mode .sm-p-1 {
    padding: 4px;
  }
  .dark-mode .sm-pt-1,
  .dark-mode .sm-py-1 {
    padding-top: 4px;
  }
  .dark-mode .sm-pr-1,
  .dark-mode .sm-px-1 {
    padding-right: 4px;
  }
  .dark-mode .sm-pb-1,
  .dark-mode .sm-py-1 {
    padding-bottom: 4px;
  }
  .dark-mode .sm-pl-1,
  .dark-mode .sm-px-1 {
    padding-left: 4px;
  }
  .dark-mode .sm-pbls-1,
  .dark-mode .sm-pbl-1 {
    padding-block-start: 4px;
  }
  .dark-mode .sm-pble-1,
  .dark-mode .sm-pbl-1 {
    padding-block-end: 4px;
  }
  .dark-mode .sm-pins-1,
  .dark-mode .sm-pin-1 {
    padding-inline-start: 4px;
  }
  .dark-mode .sm-pine-1,
  .dark-mode .sm-pin-1 {
    padding-inline-end: 4px;
  }
  .dark-mode .sm-m-2 {
    margin: 8px;
  }
  .dark-mode .sm-mt-2,
  .dark-mode .sm-my-2 {
    margin-top: 8px;
  }
  .dark-mode .sm-mr-2,
  .dark-mode .sm-mx-2 {
    margin-right: 8px;
  }
  .dark-mode .sm-mb-2,
  .dark-mode .sm-my-2 {
    margin-bottom: 8px;
  }
  .dark-mode .sm-ml-2,
  .dark-mode .sm-mx-2 {
    margin-left: 8px;
  }
  .dark-mode .sm-mbls-2,
  .dark-mode .sm-mbl-2 {
    margin-block-start: 8px;
  }
  .dark-mode .sm-mble-2,
  .dark-mode .sm-mbl-2 {
    margin-block-end: 8px;
  }
  .dark-mode .sm-mins-2,
  .dark-mode .sm-min-2 {
    margin-inline-start: 8px;
  }
  .dark-mode .sm-mine-2,
  .dark-mode .sm-min-2 {
    margin-inline-end: 8px;
  }
  .dark-mode .sm-p-2 {
    padding: 8px;
  }
  .dark-mode .sm-pt-2,
  .dark-mode .sm-py-2 {
    padding-top: 8px;
  }
  .dark-mode .sm-pr-2,
  .dark-mode .sm-px-2 {
    padding-right: 8px;
  }
  .dark-mode .sm-pb-2,
  .dark-mode .sm-py-2 {
    padding-bottom: 8px;
  }
  .dark-mode .sm-pl-2,
  .dark-mode .sm-px-2 {
    padding-left: 8px;
  }
  .dark-mode .sm-pbls-2,
  .dark-mode .sm-pbl-2 {
    padding-block-start: 8px;
  }
  .dark-mode .sm-pble-2,
  .dark-mode .sm-pbl-2 {
    padding-block-end: 8px;
  }
  .dark-mode .sm-pins-2,
  .dark-mode .sm-pin-2 {
    padding-inline-start: 8px;
  }
  .dark-mode .sm-pine-2,
  .dark-mode .sm-pin-2 {
    padding-inline-end: 8px;
  }
  .dark-mode .sm-m-3 {
    margin: 16px;
  }
  .dark-mode .sm-mt-3,
  .dark-mode .sm-my-3 {
    margin-top: 16px;
  }
  .dark-mode .sm-mr-3,
  .dark-mode .sm-mx-3 {
    margin-right: 16px;
  }
  .dark-mode .sm-mb-3,
  .dark-mode .sm-my-3 {
    margin-bottom: 16px;
  }
  .dark-mode .sm-ml-3,
  .dark-mode .sm-mx-3 {
    margin-left: 16px;
  }
  .dark-mode .sm-mbls-3,
  .dark-mode .sm-mbl-3 {
    margin-block-start: 16px;
  }
  .dark-mode .sm-mble-3,
  .dark-mode .sm-mbl-3 {
    margin-block-end: 16px;
  }
  .dark-mode .sm-mins-3,
  .dark-mode .sm-min-3 {
    margin-inline-start: 16px;
  }
  .dark-mode .sm-mine-3,
  .dark-mode .sm-min-3 {
    margin-inline-end: 16px;
  }
  .dark-mode .sm-p-3 {
    padding: 16px;
  }
  .dark-mode .sm-pt-3,
  .dark-mode .sm-py-3 {
    padding-top: 16px;
  }
  .dark-mode .sm-pr-3,
  .dark-mode .sm-px-3 {
    padding-right: 16px;
  }
  .dark-mode .sm-pb-3,
  .dark-mode .sm-py-3 {
    padding-bottom: 16px;
  }
  .dark-mode .sm-pl-3,
  .dark-mode .sm-px-3 {
    padding-left: 16px;
  }
  .dark-mode .sm-pbls-3,
  .dark-mode .sm-pbl-3 {
    padding-block-start: 16px;
  }
  .dark-mode .sm-pble-3,
  .dark-mode .sm-pbl-3 {
    padding-block-end: 16px;
  }
  .dark-mode .sm-pins-3,
  .dark-mode .sm-pin-3 {
    padding-inline-start: 16px;
  }
  .dark-mode .sm-pine-3,
  .dark-mode .sm-pin-3 {
    padding-inline-end: 16px;
  }
  .dark-mode .sm-m-4 {
    margin: 24px;
  }
  .dark-mode .sm-mt-4,
  .dark-mode .sm-my-4 {
    margin-top: 24px;
  }
  .dark-mode .sm-mr-4,
  .dark-mode .sm-mx-4 {
    margin-right: 24px;
  }
  .dark-mode .sm-mb-4,
  .dark-mode .sm-my-4 {
    margin-bottom: 24px;
  }
  .dark-mode .sm-ml-4,
  .dark-mode .sm-mx-4 {
    margin-left: 24px;
  }
  .dark-mode .sm-mbls-4,
  .dark-mode .sm-mbl-4 {
    margin-block-start: 24px;
  }
  .dark-mode .sm-mble-4,
  .dark-mode .sm-mbl-4 {
    margin-block-end: 24px;
  }
  .dark-mode .sm-mins-4,
  .dark-mode .sm-min-4 {
    margin-inline-start: 24px;
  }
  .dark-mode .sm-mine-4,
  .dark-mode .sm-min-4 {
    margin-inline-end: 24px;
  }
  .dark-mode .sm-p-4 {
    padding: 24px;
  }
  .dark-mode .sm-pt-4,
  .dark-mode .sm-py-4 {
    padding-top: 24px;
  }
  .dark-mode .sm-pr-4,
  .dark-mode .sm-px-4 {
    padding-right: 24px;
  }
  .dark-mode .sm-pb-4,
  .dark-mode .sm-py-4 {
    padding-bottom: 24px;
  }
  .dark-mode .sm-pl-4,
  .dark-mode .sm-px-4 {
    padding-left: 24px;
  }
  .dark-mode .sm-pbls-4,
  .dark-mode .sm-pbl-4 {
    padding-block-start: 24px;
  }
  .dark-mode .sm-pble-4,
  .dark-mode .sm-pbl-4 {
    padding-block-end: 24px;
  }
  .dark-mode .sm-pins-4,
  .dark-mode .sm-pin-4 {
    padding-inline-start: 24px;
  }
  .dark-mode .sm-pine-4,
  .dark-mode .sm-pin-4 {
    padding-inline-end: 24px;
  }
  .dark-mode .sm-m-5 {
    margin: 32px;
  }
  .dark-mode .sm-mt-5,
  .dark-mode .sm-my-5 {
    margin-top: 32px;
  }
  .dark-mode .sm-mr-5,
  .dark-mode .sm-mx-5 {
    margin-right: 32px;
  }
  .dark-mode .sm-mb-5,
  .dark-mode .sm-my-5 {
    margin-bottom: 32px;
  }
  .dark-mode .sm-ml-5,
  .dark-mode .sm-mx-5 {
    margin-left: 32px;
  }
  .dark-mode .sm-mbls-5,
  .dark-mode .sm-mbl-5 {
    margin-block-start: 32px;
  }
  .dark-mode .sm-mble-5,
  .dark-mode .sm-mbl-5 {
    margin-block-end: 32px;
  }
  .dark-mode .sm-mins-5,
  .dark-mode .sm-min-5 {
    margin-inline-start: 32px;
  }
  .dark-mode .sm-mine-5,
  .dark-mode .sm-min-5 {
    margin-inline-end: 32px;
  }
  .dark-mode .sm-p-5 {
    padding: 32px;
  }
  .dark-mode .sm-pt-5,
  .dark-mode .sm-py-5 {
    padding-top: 32px;
  }
  .dark-mode .sm-pr-5,
  .dark-mode .sm-px-5 {
    padding-right: 32px;
  }
  .dark-mode .sm-pb-5,
  .dark-mode .sm-py-5 {
    padding-bottom: 32px;
  }
  .dark-mode .sm-pl-5,
  .dark-mode .sm-px-5 {
    padding-left: 32px;
  }
  .dark-mode .sm-pbls-5,
  .dark-mode .sm-pbl-5 {
    padding-block-start: 32px;
  }
  .dark-mode .sm-pble-5,
  .dark-mode .sm-pbl-5 {
    padding-block-end: 32px;
  }
  .dark-mode .sm-pins-5,
  .dark-mode .sm-pin-5 {
    padding-inline-start: 32px;
  }
  .dark-mode .sm-pine-5,
  .dark-mode .sm-pin-5 {
    padding-inline-end: 32px;
  }
  .dark-mode .sm-m-6 {
    margin: 40px;
  }
  .dark-mode .sm-mt-6,
  .dark-mode .sm-my-6 {
    margin-top: 40px;
  }
  .dark-mode .sm-mr-6,
  .dark-mode .sm-mx-6 {
    margin-right: 40px;
  }
  .dark-mode .sm-mb-6,
  .dark-mode .sm-my-6 {
    margin-bottom: 40px;
  }
  .dark-mode .sm-ml-6,
  .dark-mode .sm-mx-6 {
    margin-left: 40px;
  }
  .dark-mode .sm-mbls-6,
  .dark-mode .sm-mbl-6 {
    margin-block-start: 40px;
  }
  .dark-mode .sm-mble-6,
  .dark-mode .sm-mbl-6 {
    margin-block-end: 40px;
  }
  .dark-mode .sm-mins-6,
  .dark-mode .sm-min-6 {
    margin-inline-start: 40px;
  }
  .dark-mode .sm-mine-6,
  .dark-mode .sm-min-6 {
    margin-inline-end: 40px;
  }
  .dark-mode .sm-p-6 {
    padding: 40px;
  }
  .dark-mode .sm-pt-6,
  .dark-mode .sm-py-6 {
    padding-top: 40px;
  }
  .dark-mode .sm-pr-6,
  .dark-mode .sm-px-6 {
    padding-right: 40px;
  }
  .dark-mode .sm-pb-6,
  .dark-mode .sm-py-6 {
    padding-bottom: 40px;
  }
  .dark-mode .sm-pl-6,
  .dark-mode .sm-px-6 {
    padding-left: 40px;
  }
  .dark-mode .sm-pbls-6,
  .dark-mode .sm-pbl-6 {
    padding-block-start: 40px;
  }
  .dark-mode .sm-pble-6,
  .dark-mode .sm-pbl-6 {
    padding-block-end: 40px;
  }
  .dark-mode .sm-pins-6,
  .dark-mode .sm-pin-6 {
    padding-inline-start: 40px;
  }
  .dark-mode .sm-pine-6,
  .dark-mode .sm-pin-6 {
    padding-inline-end: 40px;
  }
  .dark-mode .sm-m-7 {
    margin: 48px;
  }
  .dark-mode .sm-mt-7,
  .dark-mode .sm-my-7 {
    margin-top: 48px;
  }
  .dark-mode .sm-mr-7,
  .dark-mode .sm-mx-7 {
    margin-right: 48px;
  }
  .dark-mode .sm-mb-7,
  .dark-mode .sm-my-7 {
    margin-bottom: 48px;
  }
  .dark-mode .sm-ml-7,
  .dark-mode .sm-mx-7 {
    margin-left: 48px;
  }
  .dark-mode .sm-mbls-7,
  .dark-mode .sm-mbl-7 {
    margin-block-start: 48px;
  }
  .dark-mode .sm-mble-7,
  .dark-mode .sm-mbl-7 {
    margin-block-end: 48px;
  }
  .dark-mode .sm-mins-7,
  .dark-mode .sm-min-7 {
    margin-inline-start: 48px;
  }
  .dark-mode .sm-mine-7,
  .dark-mode .sm-min-7 {
    margin-inline-end: 48px;
  }
  .dark-mode .sm-p-7 {
    padding: 48px;
  }
  .dark-mode .sm-pt-7,
  .dark-mode .sm-py-7 {
    padding-top: 48px;
  }
  .dark-mode .sm-pr-7,
  .dark-mode .sm-px-7 {
    padding-right: 48px;
  }
  .dark-mode .sm-pb-7,
  .dark-mode .sm-py-7 {
    padding-bottom: 48px;
  }
  .dark-mode .sm-pl-7,
  .dark-mode .sm-px-7 {
    padding-left: 48px;
  }
  .dark-mode .sm-pbls-7,
  .dark-mode .sm-pbl-7 {
    padding-block-start: 48px;
  }
  .dark-mode .sm-pble-7,
  .dark-mode .sm-pbl-7 {
    padding-block-end: 48px;
  }
  .dark-mode .sm-pins-7,
  .dark-mode .sm-pin-7 {
    padding-inline-start: 48px;
  }
  .dark-mode .sm-pine-7,
  .dark-mode .sm-pin-7 {
    padding-inline-end: 48px;
  }
  .dark-mode .sm-m-8 {
    margin: 56px;
  }
  .dark-mode .sm-mt-8,
  .dark-mode .sm-my-8 {
    margin-top: 56px;
  }
  .dark-mode .sm-mr-8,
  .dark-mode .sm-mx-8 {
    margin-right: 56px;
  }
  .dark-mode .sm-mb-8,
  .dark-mode .sm-my-8 {
    margin-bottom: 56px;
  }
  .dark-mode .sm-ml-8,
  .dark-mode .sm-mx-8 {
    margin-left: 56px;
  }
  .dark-mode .sm-mbls-8,
  .dark-mode .sm-mbl-8 {
    margin-block-start: 56px;
  }
  .dark-mode .sm-mble-8,
  .dark-mode .sm-mbl-8 {
    margin-block-end: 56px;
  }
  .dark-mode .sm-mins-8,
  .dark-mode .sm-min-8 {
    margin-inline-start: 56px;
  }
  .dark-mode .sm-mine-8,
  .dark-mode .sm-min-8 {
    margin-inline-end: 56px;
  }
  .dark-mode .sm-p-8 {
    padding: 56px;
  }
  .dark-mode .sm-pt-8,
  .dark-mode .sm-py-8 {
    padding-top: 56px;
  }
  .dark-mode .sm-pr-8,
  .dark-mode .sm-px-8 {
    padding-right: 56px;
  }
  .dark-mode .sm-pb-8,
  .dark-mode .sm-py-8 {
    padding-bottom: 56px;
  }
  .dark-mode .sm-pl-8,
  .dark-mode .sm-px-8 {
    padding-left: 56px;
  }
  .dark-mode .sm-pbls-8,
  .dark-mode .sm-pbl-8 {
    padding-block-start: 56px;
  }
  .dark-mode .sm-pble-8,
  .dark-mode .sm-pbl-8 {
    padding-block-end: 56px;
  }
  .dark-mode .sm-pins-8,
  .dark-mode .sm-pin-8 {
    padding-inline-start: 56px;
  }
  .dark-mode .sm-pine-8,
  .dark-mode .sm-pin-8 {
    padding-inline-end: 56px;
  }
  .dark-mode .sm-m-9 {
    margin: 64px;
  }
  .dark-mode .sm-mt-9,
  .dark-mode .sm-my-9 {
    margin-top: 64px;
  }
  .dark-mode .sm-mr-9,
  .dark-mode .sm-mx-9 {
    margin-right: 64px;
  }
  .dark-mode .sm-mb-9,
  .dark-mode .sm-my-9 {
    margin-bottom: 64px;
  }
  .dark-mode .sm-ml-9,
  .dark-mode .sm-mx-9 {
    margin-left: 64px;
  }
  .dark-mode .sm-mbls-9,
  .dark-mode .sm-mbl-9 {
    margin-block-start: 64px;
  }
  .dark-mode .sm-mble-9,
  .dark-mode .sm-mbl-9 {
    margin-block-end: 64px;
  }
  .dark-mode .sm-mins-9,
  .dark-mode .sm-min-9 {
    margin-inline-start: 64px;
  }
  .dark-mode .sm-mine-9,
  .dark-mode .sm-min-9 {
    margin-inline-end: 64px;
  }
  .dark-mode .sm-p-9 {
    padding: 64px;
  }
  .dark-mode .sm-pt-9,
  .dark-mode .sm-py-9 {
    padding-top: 64px;
  }
  .dark-mode .sm-pr-9,
  .dark-mode .sm-px-9 {
    padding-right: 64px;
  }
  .dark-mode .sm-pb-9,
  .dark-mode .sm-py-9 {
    padding-bottom: 64px;
  }
  .dark-mode .sm-pl-9,
  .dark-mode .sm-px-9 {
    padding-left: 64px;
  }
  .dark-mode .sm-pbls-9,
  .dark-mode .sm-pbl-9 {
    padding-block-start: 64px;
  }
  .dark-mode .sm-pble-9,
  .dark-mode .sm-pbl-9 {
    padding-block-end: 64px;
  }
  .dark-mode .sm-pins-9,
  .dark-mode .sm-pin-9 {
    padding-inline-start: 64px;
  }
  .dark-mode .sm-pine-9,
  .dark-mode .sm-pin-9 {
    padding-inline-end: 64px;
  }
  .dark-mode .sm-m-10 {
    margin: 72px;
  }
  .dark-mode .sm-mt-10,
  .dark-mode .sm-my-10 {
    margin-top: 72px;
  }
  .dark-mode .sm-mr-10,
  .dark-mode .sm-mx-10 {
    margin-right: 72px;
  }
  .dark-mode .sm-mb-10,
  .dark-mode .sm-my-10 {
    margin-bottom: 72px;
  }
  .dark-mode .sm-ml-10,
  .dark-mode .sm-mx-10 {
    margin-left: 72px;
  }
  .dark-mode .sm-mbls-10,
  .dark-mode .sm-mbl-10 {
    margin-block-start: 72px;
  }
  .dark-mode .sm-mble-10,
  .dark-mode .sm-mbl-10 {
    margin-block-end: 72px;
  }
  .dark-mode .sm-mins-10,
  .dark-mode .sm-min-10 {
    margin-inline-start: 72px;
  }
  .dark-mode .sm-mine-10,
  .dark-mode .sm-min-10 {
    margin-inline-end: 72px;
  }
  .dark-mode .sm-p-10 {
    padding: 72px;
  }
  .dark-mode .sm-pt-10,
  .dark-mode .sm-py-10 {
    padding-top: 72px;
  }
  .dark-mode .sm-pr-10,
  .dark-mode .sm-px-10 {
    padding-right: 72px;
  }
  .dark-mode .sm-pb-10,
  .dark-mode .sm-py-10 {
    padding-bottom: 72px;
  }
  .dark-mode .sm-pl-10,
  .dark-mode .sm-px-10 {
    padding-left: 72px;
  }
  .dark-mode .sm-pbls-10,
  .dark-mode .sm-pbl-10 {
    padding-block-start: 72px;
  }
  .dark-mode .sm-pble-10,
  .dark-mode .sm-pbl-10 {
    padding-block-end: 72px;
  }
  .dark-mode .sm-pins-10,
  .dark-mode .sm-pin-10 {
    padding-inline-start: 72px;
  }
  .dark-mode .sm-pine-10,
  .dark-mode .sm-pin-10 {
    padding-inline-end: 72px;
  }
  .dark-mode .sm-m-11 {
    margin: 80px;
  }
  .dark-mode .sm-mt-11,
  .dark-mode .sm-my-11 {
    margin-top: 80px;
  }
  .dark-mode .sm-mr-11,
  .dark-mode .sm-mx-11 {
    margin-right: 80px;
  }
  .dark-mode .sm-mb-11,
  .dark-mode .sm-my-11 {
    margin-bottom: 80px;
  }
  .dark-mode .sm-ml-11,
  .dark-mode .sm-mx-11 {
    margin-left: 80px;
  }
  .dark-mode .sm-mbls-11,
  .dark-mode .sm-mbl-11 {
    margin-block-start: 80px;
  }
  .dark-mode .sm-mble-11,
  .dark-mode .sm-mbl-11 {
    margin-block-end: 80px;
  }
  .dark-mode .sm-mins-11,
  .dark-mode .sm-min-11 {
    margin-inline-start: 80px;
  }
  .dark-mode .sm-mine-11,
  .dark-mode .sm-min-11 {
    margin-inline-end: 80px;
  }
  .dark-mode .sm-p-11 {
    padding: 80px;
  }
  .dark-mode .sm-pt-11,
  .dark-mode .sm-py-11 {
    padding-top: 80px;
  }
  .dark-mode .sm-pr-11,
  .dark-mode .sm-px-11 {
    padding-right: 80px;
  }
  .dark-mode .sm-pb-11,
  .dark-mode .sm-py-11 {
    padding-bottom: 80px;
  }
  .dark-mode .sm-pl-11,
  .dark-mode .sm-px-11 {
    padding-left: 80px;
  }
  .dark-mode .sm-pbls-11,
  .dark-mode .sm-pbl-11 {
    padding-block-start: 80px;
  }
  .dark-mode .sm-pble-11,
  .dark-mode .sm-pbl-11 {
    padding-block-end: 80px;
  }
  .dark-mode .sm-pins-11,
  .dark-mode .sm-pin-11 {
    padding-inline-start: 80px;
  }
  .dark-mode .sm-pine-11,
  .dark-mode .sm-pin-11 {
    padding-inline-end: 80px;
  }
  .dark-mode .sm-m-12 {
    margin: 88px;
  }
  .dark-mode .sm-mt-12,
  .dark-mode .sm-my-12 {
    margin-top: 88px;
  }
  .dark-mode .sm-mr-12,
  .dark-mode .sm-mx-12 {
    margin-right: 88px;
  }
  .dark-mode .sm-mb-12,
  .dark-mode .sm-my-12 {
    margin-bottom: 88px;
  }
  .dark-mode .sm-ml-12,
  .dark-mode .sm-mx-12 {
    margin-left: 88px;
  }
  .dark-mode .sm-mbls-12,
  .dark-mode .sm-mbl-12 {
    margin-block-start: 88px;
  }
  .dark-mode .sm-mble-12,
  .dark-mode .sm-mbl-12 {
    margin-block-end: 88px;
  }
  .dark-mode .sm-mins-12,
  .dark-mode .sm-min-12 {
    margin-inline-start: 88px;
  }
  .dark-mode .sm-mine-12,
  .dark-mode .sm-min-12 {
    margin-inline-end: 88px;
  }
  .dark-mode .sm-p-12 {
    padding: 88px;
  }
  .dark-mode .sm-pt-12,
  .dark-mode .sm-py-12 {
    padding-top: 88px;
  }
  .dark-mode .sm-pr-12,
  .dark-mode .sm-px-12 {
    padding-right: 88px;
  }
  .dark-mode .sm-pb-12,
  .dark-mode .sm-py-12 {
    padding-bottom: 88px;
  }
  .dark-mode .sm-pl-12,
  .dark-mode .sm-px-12 {
    padding-left: 88px;
  }
  .dark-mode .sm-pbls-12,
  .dark-mode .sm-pbl-12 {
    padding-block-start: 88px;
  }
  .dark-mode .sm-pble-12,
  .dark-mode .sm-pbl-12 {
    padding-block-end: 88px;
  }
  .dark-mode .sm-pins-12,
  .dark-mode .sm-pin-12 {
    padding-inline-start: 88px;
  }
  .dark-mode .sm-pine-12,
  .dark-mode .sm-pin-12 {
    padding-inline-end: 88px;
  }
  .dark-mode .sm-m-13 {
    margin: 96px;
  }
  .dark-mode .sm-mt-13,
  .dark-mode .sm-my-13 {
    margin-top: 96px;
  }
  .dark-mode .sm-mr-13,
  .dark-mode .sm-mx-13 {
    margin-right: 96px;
  }
  .dark-mode .sm-mb-13,
  .dark-mode .sm-my-13 {
    margin-bottom: 96px;
  }
  .dark-mode .sm-ml-13,
  .dark-mode .sm-mx-13 {
    margin-left: 96px;
  }
  .dark-mode .sm-mbls-13,
  .dark-mode .sm-mbl-13 {
    margin-block-start: 96px;
  }
  .dark-mode .sm-mble-13,
  .dark-mode .sm-mbl-13 {
    margin-block-end: 96px;
  }
  .dark-mode .sm-mins-13,
  .dark-mode .sm-min-13 {
    margin-inline-start: 96px;
  }
  .dark-mode .sm-mine-13,
  .dark-mode .sm-min-13 {
    margin-inline-end: 96px;
  }
  .dark-mode .sm-p-13 {
    padding: 96px;
  }
  .dark-mode .sm-pt-13,
  .dark-mode .sm-py-13 {
    padding-top: 96px;
  }
  .dark-mode .sm-pr-13,
  .dark-mode .sm-px-13 {
    padding-right: 96px;
  }
  .dark-mode .sm-pb-13,
  .dark-mode .sm-py-13 {
    padding-bottom: 96px;
  }
  .dark-mode .sm-pl-13,
  .dark-mode .sm-px-13 {
    padding-left: 96px;
  }
  .dark-mode .sm-pbls-13,
  .dark-mode .sm-pbl-13 {
    padding-block-start: 96px;
  }
  .dark-mode .sm-pble-13,
  .dark-mode .sm-pbl-13 {
    padding-block-end: 96px;
  }
  .dark-mode .sm-pins-13,
  .dark-mode .sm-pin-13 {
    padding-inline-start: 96px;
  }
  .dark-mode .sm-pine-13,
  .dark-mode .sm-pin-13 {
    padding-inline-end: 96px;
  }
  .dark-mode .sm-m-14 {
    margin: 104px;
  }
  .dark-mode .sm-mt-14,
  .dark-mode .sm-my-14 {
    margin-top: 104px;
  }
  .dark-mode .sm-mr-14,
  .dark-mode .sm-mx-14 {
    margin-right: 104px;
  }
  .dark-mode .sm-mb-14,
  .dark-mode .sm-my-14 {
    margin-bottom: 104px;
  }
  .dark-mode .sm-ml-14,
  .dark-mode .sm-mx-14 {
    margin-left: 104px;
  }
  .dark-mode .sm-mbls-14,
  .dark-mode .sm-mbl-14 {
    margin-block-start: 104px;
  }
  .dark-mode .sm-mble-14,
  .dark-mode .sm-mbl-14 {
    margin-block-end: 104px;
  }
  .dark-mode .sm-mins-14,
  .dark-mode .sm-min-14 {
    margin-inline-start: 104px;
  }
  .dark-mode .sm-mine-14,
  .dark-mode .sm-min-14 {
    margin-inline-end: 104px;
  }
  .dark-mode .sm-p-14 {
    padding: 104px;
  }
  .dark-mode .sm-pt-14,
  .dark-mode .sm-py-14 {
    padding-top: 104px;
  }
  .dark-mode .sm-pr-14,
  .dark-mode .sm-px-14 {
    padding-right: 104px;
  }
  .dark-mode .sm-pb-14,
  .dark-mode .sm-py-14 {
    padding-bottom: 104px;
  }
  .dark-mode .sm-pl-14,
  .dark-mode .sm-px-14 {
    padding-left: 104px;
  }
  .dark-mode .sm-pbls-14,
  .dark-mode .sm-pbl-14 {
    padding-block-start: 104px;
  }
  .dark-mode .sm-pble-14,
  .dark-mode .sm-pbl-14 {
    padding-block-end: 104px;
  }
  .dark-mode .sm-pins-14,
  .dark-mode .sm-pin-14 {
    padding-inline-start: 104px;
  }
  .dark-mode .sm-pine-14,
  .dark-mode .sm-pin-14 {
    padding-inline-end: 104px;
  }
  .dark-mode .sm-m-15 {
    margin: 112px;
  }
  .dark-mode .sm-mt-15,
  .dark-mode .sm-my-15 {
    margin-top: 112px;
  }
  .dark-mode .sm-mr-15,
  .dark-mode .sm-mx-15 {
    margin-right: 112px;
  }
  .dark-mode .sm-mb-15,
  .dark-mode .sm-my-15 {
    margin-bottom: 112px;
  }
  .dark-mode .sm-ml-15,
  .dark-mode .sm-mx-15 {
    margin-left: 112px;
  }
  .dark-mode .sm-mbls-15,
  .dark-mode .sm-mbl-15 {
    margin-block-start: 112px;
  }
  .dark-mode .sm-mble-15,
  .dark-mode .sm-mbl-15 {
    margin-block-end: 112px;
  }
  .dark-mode .sm-mins-15,
  .dark-mode .sm-min-15 {
    margin-inline-start: 112px;
  }
  .dark-mode .sm-mine-15,
  .dark-mode .sm-min-15 {
    margin-inline-end: 112px;
  }
  .dark-mode .sm-p-15 {
    padding: 112px;
  }
  .dark-mode .sm-pt-15,
  .dark-mode .sm-py-15 {
    padding-top: 112px;
  }
  .dark-mode .sm-pr-15,
  .dark-mode .sm-px-15 {
    padding-right: 112px;
  }
  .dark-mode .sm-pb-15,
  .dark-mode .sm-py-15 {
    padding-bottom: 112px;
  }
  .dark-mode .sm-pl-15,
  .dark-mode .sm-px-15 {
    padding-left: 112px;
  }
  .dark-mode .sm-pbls-15,
  .dark-mode .sm-pbl-15 {
    padding-block-start: 112px;
  }
  .dark-mode .sm-pble-15,
  .dark-mode .sm-pbl-15 {
    padding-block-end: 112px;
  }
  .dark-mode .sm-pins-15,
  .dark-mode .sm-pin-15 {
    padding-inline-start: 112px;
  }
  .dark-mode .sm-pine-15,
  .dark-mode .sm-pin-15 {
    padding-inline-end: 112px;
  }
  .dark-mode .sm-m-16 {
    margin: 120px;
  }
  .dark-mode .sm-mt-16,
  .dark-mode .sm-my-16 {
    margin-top: 120px;
  }
  .dark-mode .sm-mr-16,
  .dark-mode .sm-mx-16 {
    margin-right: 120px;
  }
  .dark-mode .sm-mb-16,
  .dark-mode .sm-my-16 {
    margin-bottom: 120px;
  }
  .dark-mode .sm-ml-16,
  .dark-mode .sm-mx-16 {
    margin-left: 120px;
  }
  .dark-mode .sm-mbls-16,
  .dark-mode .sm-mbl-16 {
    margin-block-start: 120px;
  }
  .dark-mode .sm-mble-16,
  .dark-mode .sm-mbl-16 {
    margin-block-end: 120px;
  }
  .dark-mode .sm-mins-16,
  .dark-mode .sm-min-16 {
    margin-inline-start: 120px;
  }
  .dark-mode .sm-mine-16,
  .dark-mode .sm-min-16 {
    margin-inline-end: 120px;
  }
  .dark-mode .sm-p-16 {
    padding: 120px;
  }
  .dark-mode .sm-pt-16,
  .dark-mode .sm-py-16 {
    padding-top: 120px;
  }
  .dark-mode .sm-pr-16,
  .dark-mode .sm-px-16 {
    padding-right: 120px;
  }
  .dark-mode .sm-pb-16,
  .dark-mode .sm-py-16 {
    padding-bottom: 120px;
  }
  .dark-mode .sm-pl-16,
  .dark-mode .sm-px-16 {
    padding-left: 120px;
  }
  .dark-mode .sm-pbls-16,
  .dark-mode .sm-pbl-16 {
    padding-block-start: 120px;
  }
  .dark-mode .sm-pble-16,
  .dark-mode .sm-pbl-16 {
    padding-block-end: 120px;
  }
  .dark-mode .sm-pins-16,
  .dark-mode .sm-pin-16 {
    padding-inline-start: 120px;
  }
  .dark-mode .sm-pine-16,
  .dark-mode .sm-pin-16 {
    padding-inline-end: 120px;
  }
  .dark-mode .sm-m-17 {
    margin: 128px;
  }
  .dark-mode .sm-mt-17,
  .dark-mode .sm-my-17 {
    margin-top: 128px;
  }
  .dark-mode .sm-mr-17,
  .dark-mode .sm-mx-17 {
    margin-right: 128px;
  }
  .dark-mode .sm-mb-17,
  .dark-mode .sm-my-17 {
    margin-bottom: 128px;
  }
  .dark-mode .sm-ml-17,
  .dark-mode .sm-mx-17 {
    margin-left: 128px;
  }
  .dark-mode .sm-mbls-17,
  .dark-mode .sm-mbl-17 {
    margin-block-start: 128px;
  }
  .dark-mode .sm-mble-17,
  .dark-mode .sm-mbl-17 {
    margin-block-end: 128px;
  }
  .dark-mode .sm-mins-17,
  .dark-mode .sm-min-17 {
    margin-inline-start: 128px;
  }
  .dark-mode .sm-mine-17,
  .dark-mode .sm-min-17 {
    margin-inline-end: 128px;
  }
  .dark-mode .sm-p-17 {
    padding: 128px;
  }
  .dark-mode .sm-pt-17,
  .dark-mode .sm-py-17 {
    padding-top: 128px;
  }
  .dark-mode .sm-pr-17,
  .dark-mode .sm-px-17 {
    padding-right: 128px;
  }
  .dark-mode .sm-pb-17,
  .dark-mode .sm-py-17 {
    padding-bottom: 128px;
  }
  .dark-mode .sm-pl-17,
  .dark-mode .sm-px-17 {
    padding-left: 128px;
  }
  .dark-mode .sm-pbls-17,
  .dark-mode .sm-pbl-17 {
    padding-block-start: 128px;
  }
  .dark-mode .sm-pble-17,
  .dark-mode .sm-pbl-17 {
    padding-block-end: 128px;
  }
  .dark-mode .sm-pins-17,
  .dark-mode .sm-pin-17 {
    padding-inline-start: 128px;
  }
  .dark-mode .sm-pine-17,
  .dark-mode .sm-pin-17 {
    padding-inline-end: 128px;
  }
  .dark-mode .sm-gap-0 {
    gap: 0px;
  }
  .dark-mode .sm-gap-x-0 {
    column-gap: 0px;
  }
  .dark-mode .sm-gap-y-0 {
    row-gap: 0px;
  }
  .dark-mode .sm-gap-0-5 {
    gap: 0.125rem;
  }
  .dark-mode .sm-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .dark-mode .sm-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .dark-mode .sm-gap-1 {
    gap: 0.25rem;
  }
  .dark-mode .sm-gap-x-1 {
    column-gap: 0.25rem;
  }
  .dark-mode .sm-gap-y-1 {
    row-gap: 0.25rem;
  }
  .dark-mode .sm-gap-1-5 {
    gap: 0.375rem;
  }
  .dark-mode .sm-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .dark-mode .sm-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .dark-mode .sm-gap-2 {
    gap: 0.5rem;
  }
  .dark-mode .sm-gap-x-2 {
    column-gap: 0.5rem;
  }
  .dark-mode .sm-gap-y-2 {
    row-gap: 0.5rem;
  }
  .dark-mode .sm-gap-2-5 {
    gap: 0.625rem;
  }
  .dark-mode .sm-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .dark-mode .sm-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .dark-mode .sm-gap-3 {
    gap: 0.75rem;
  }
  .dark-mode .sm-gap-x-3 {
    column-gap: 0.75rem;
  }
  .dark-mode .sm-gap-y-3 {
    row-gap: 0.75rem;
  }
  .dark-mode .sm-gap-3-5 {
    gap: 0.875rem;
  }
  .dark-mode .sm-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .dark-mode .sm-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .dark-mode .sm-gap-4 {
    gap: 1rem;
  }
  .dark-mode .sm-gap-x-4 {
    column-gap: 1rem;
  }
  .dark-mode .sm-gap-y-4 {
    row-gap: 1rem;
  }
  .dark-mode .sm-gap-5 {
    gap: 1.25rem;
  }
  .dark-mode .sm-gap-x-5 {
    column-gap: 1.25rem;
  }
  .dark-mode .sm-gap-y-5 {
    row-gap: 1.25rem;
  }
  .dark-mode .sm-gap-6 {
    gap: 1.5rem;
  }
  .dark-mode .sm-gap-x-6 {
    column-gap: 1.5rem;
  }
  .dark-mode .sm-gap-y-6 {
    row-gap: 1.5rem;
  }
  .dark-mode .sm-gap-7 {
    gap: 1.75rem;
  }
  .dark-mode .sm-gap-x-7 {
    column-gap: 1.75rem;
  }
  .dark-mode .sm-gap-y-7 {
    row-gap: 1.75rem;
  }
  .dark-mode .sm-gap-8 {
    gap: 2rem;
  }
  .dark-mode .sm-gap-x-8 {
    column-gap: 2rem;
  }
  .dark-mode .sm-gap-y-8 {
    row-gap: 2rem;
  }
  .dark-mode .sm-gap-9 {
    gap: 2.25rem;
  }
  .dark-mode .sm-gap-x-9 {
    column-gap: 2.25rem;
  }
  .dark-mode .sm-gap-y-9 {
    row-gap: 2.25rem;
  }
  .dark-mode .sm-gap-10 {
    gap: 2.5rem;
  }
  .dark-mode .sm-gap-x-10 {
    column-gap: 2.5rem;
  }
  .dark-mode .sm-gap-y-10 {
    row-gap: 2.5rem;
  }
  .dark-mode .sm-gap-11 {
    gap: 2.75rem;
  }
  .dark-mode .sm-gap-x-11 {
    column-gap: 2.75rem;
  }
  .dark-mode .sm-gap-y-11 {
    row-gap: 2.75rem;
  }
  .dark-mode .sm-gap-12 {
    gap: 3rem;
  }
  .dark-mode .sm-gap-x-12 {
    column-gap: 3rem;
  }
  .dark-mode .sm-gap-y-12 {
    row-gap: 3rem;
  }
  .dark-mode .sm-gap-14 {
    gap: 3.5rem;
  }
  .dark-mode .sm-gap-x-14 {
    column-gap: 3.5rem;
  }
  .dark-mode .sm-gap-y-14 {
    row-gap: 3.5rem;
  }
  .dark-mode .sm-gap-16 {
    gap: 4rem;
  }
  .dark-mode .sm-gap-x-16 {
    column-gap: 4rem;
  }
  .dark-mode .sm-gap-y-16 {
    row-gap: 4rem;
  }
  .dark-mode .sm-gap-20 {
    gap: 5rem;
  }
  .dark-mode .sm-gap-x-20 {
    column-gap: 5rem;
  }
  .dark-mode .sm-gap-y-20 {
    row-gap: 5rem;
  }
  .dark-mode .sm-gap-24 {
    gap: 6rem;
  }
  .dark-mode .sm-gap-x-24 {
    column-gap: 6rem;
  }
  .dark-mode .sm-gap-y-24 {
    row-gap: 6rem;
  }
  .dark-mode .sm-gap-28 {
    gap: 7rem;
  }
  .dark-mode .sm-gap-x-28 {
    column-gap: 7rem;
  }
  .dark-mode .sm-gap-y-28 {
    row-gap: 7rem;
  }
  .dark-mode .sm-gap-32 {
    gap: 8rem;
  }
  .dark-mode .sm-gap-x-32 {
    column-gap: 8rem;
  }
  .dark-mode .sm-gap-y-32 {
    row-gap: 8rem;
  }
  .dark-mode .sm-gap-36 {
    gap: 9rem;
  }
  .dark-mode .sm-gap-x-36 {
    column-gap: 9rem;
  }
  .dark-mode .sm-gap-y-36 {
    row-gap: 9rem;
  }
  .dark-mode .sm-gap-40 {
    gap: 10rem;
  }
  .dark-mode .sm-gap-x-40 {
    column-gap: 10rem;
  }
  .dark-mode .sm-gap-y-40 {
    row-gap: 10rem;
  }
  .dark-mode .sm-gap-44 {
    gap: 11rem;
  }
  .dark-mode .sm-gap-x-44 {
    column-gap: 11rem;
  }
  .dark-mode .sm-gap-y-44 {
    row-gap: 11rem;
  }
  .dark-mode .sm-gap-48 {
    gap: 12rem;
  }
  .dark-mode .sm-gap-x-48 {
    column-gap: 12rem;
  }
  .dark-mode .sm-gap-y-48 {
    row-gap: 12rem;
  }
  .dark-mode .sm-gap-52 {
    gap: 13rem;
  }
  .dark-mode .sm-gap-x-52 {
    column-gap: 13rem;
  }
  .dark-mode .sm-gap-y-52 {
    row-gap: 13rem;
  }
  .dark-mode .sm-gap-56 {
    gap: 13rem;
  }
  .dark-mode .sm-gap-x-56 {
    column-gap: 13rem;
  }
  .dark-mode .sm-gap-y-56 {
    row-gap: 13rem;
  }
  .dark-mode .sm-gap-60 {
    gap: 15rem;
  }
  .dark-mode .sm-gap-x-60 {
    column-gap: 15rem;
  }
  .dark-mode .sm-gap-y-60 {
    row-gap: 15rem;
  }
  .dark-mode .sm-gap-64 {
    gap: 16rem;
  }
  .dark-mode .sm-gap-x-64 {
    column-gap: 16rem;
  }
  .dark-mode .sm-gap-y-64 {
    row-gap: 16rem;
  }
  .dark-mode .sm-gap-72 {
    gap: 18rem;
  }
  .dark-mode .sm-gap-x-72 {
    column-gap: 18rem;
  }
  .dark-mode .sm-gap-y-72 {
    row-gap: 18rem;
  }
  .dark-mode .sm-gap-80 {
    gap: 20rem;
  }
  .dark-mode .sm-gap-x-80 {
    column-gap: 20rem;
  }
  .dark-mode .sm-gap-y-80 {
    row-gap: 20rem;
  }
  .dark-mode .sm-gap-96 {
    gap: 24rem;
  }
  .dark-mode .sm-gap-x-96 {
    column-gap: 24rem;
  }
  .dark-mode .sm-gap-y-96 {
    row-gap: 24rem;
  }
  .dark-mode .sm-flex {
    display: flex;
  }
  .dark-mode .sm-block {
    display: block;
  }
  .dark-mode .sm-grid {
    display: grid;
  }
  .dark-mode .sm-table {
    display: table;
  }
  .dark-mode .sm-table-row {
    display: table-row;
  }
  .dark-mode .sm-table-row-group {
    display: table-row-group;
  }
  .dark-mode .sm-inline-table {
    display: inline-table;
  }
  .dark-mode .sm-inline-block {
    display: inline-block;
  }
  .dark-mode .sm-inline {
    display: inline-flex;
  }
  .dark-mode .sm-hidden {
    display: none;
  }
  .dark-mode .sm-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .dark-mode .sm-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .dark-mode .sm-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .dark-mode .sm-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .dark-mode .sm-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .dark-mode .sm-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .dark-mode .sm-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .dark-mode .sm-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .dark-mode .sm-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .dark-mode .sm-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .dark-mode .sm-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .dark-mode .sm-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .dark-mode .sm-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .dark-mode .sm-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .dark-mode .sm-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .dark-mode .sm-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .dark-mode .sm-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .dark-mode .sm-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .dark-mode .sm-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .dark-mode .sm-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .dark-mode .sm-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .dark-mode .sm-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .dark-mode .sm-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .dark-mode .sm-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .dark-mode .sm-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .dark-mode .sm-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .dark-mode .sm-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .dark-mode .sm-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .dark-mode .sm-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .dark-mode .sm-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .dark-mode .sm-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .dark-mode .sm-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .dark-mode .sm-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .dark-mode .sm-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .dark-mode .sm-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .dark-mode .sm-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .dark-mode .sm-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .dark-mode .sm-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .dark-mode .sm-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .dark-mode .sm-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .dark-mode .sm-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .dark-mode .sm-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .dark-mode .sm-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .dark-mode .sm-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .dark-mode .sm-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .dark-mode .sm-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .dark-mode .sm-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .dark-mode .sm-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .dark-mode .sm-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .dark-mode .sm-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .dark-mode .sm-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .dark-mode .sm-text-ellipsis {
    text-overflow: ellipsis;
  }
  .dark-mode .sm-text-clip {
    text-overflow: clip;;
  }
  .dark-mode .sm-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .dark-mode .sm-overflow-hidden {
    overflow: hidden;
  }
  .dark-mode .sm-text-left {
    text-align: left;
  }
  .dark-mode .sm-text-center {
    text-align: center;
  }
  .dark-mode .sm-text-right {
    text-align: right;
  }
  .dark-mode .sm-text-justify {
    text-align: justify;
  }
  .dark-mode .sm-text-start {
    text-align: start;
  }
  .dark-mode .sm-text-end {
    text-align: end;
  }
  .dark-mode .sm-underline {
    text-decoration: underline;
  }
  .dark-mode .sm-overline {
    text-decoration: overline;
  }
  .dark-mode .sm-line-through {
    text-decoration: line-through;
  }
  .dark-mode .sm-no-underline {
    text-decoration: none;
  }
  .dark-mode .sm-uppercase {
    text-transform: uppercase;
  }
  .dark-mode .sm-lowercase {
    text-transform: lowercase;
  }
  .dark-mode .sm-capitalize {
    text-transform: capitalize;
  }
  .dark-mode .sm-normal-case {
    text-transform: none;
  }
  .dark-mode .sm-align-baseline {
    vertical-align: baseline;
  }
  .dark-mode .sm-align-top {
    vertical-align: top;
  }
  .dark-mode .sm-align-middle {
    vertical-align: middle;
  }
  .dark-mode .sm-align-bottom {
    vertical-align: bottom;
  }
  .dark-mode .sm-align-text-top {
    vertical-align: text-top;
  }
  .dark-mode .sm-align-text-bottom {
    vertical-align: text-bottom;
  }
  .dark-mode .sm-align-sub {
    vertical-align: sub;
  }
  .dark-mode .sm-align-super {
    vertical-align: super;
  }
  .dark-mode .sm-whitespace-normal {
    white-space: normal;
  }
  .dark-mode .sm-whitespace-nowrap {
    white-space: nowrap;
  }
  .dark-mode .sm-whitespace-pre {
    white-space: pre;
  }
  .dark-mode .sm-whitespace-pre-line {
    white-space: pre-line;
  }
  .dark-mode .sm-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .dark-mode .sm-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .dark-mode .sm-break-all {
    word-break: break-all;
  }
  .dark-mode .sm-break-keep {
    word-break: keep-all;
  }
  .dark-mode .sm-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .dark-mode .sm-break-words {
    overflow-wrap: break-word;
  }
  .dark-mode .sm-hyphens-none {
    hyphens: none;
  }
  .dark-mode .sm-hyphens-manual {
    hyphens: manual;
  }
  .dark-mode .sm-hyphens-auto {
    hyphens: auto;
  }
  .dark-mode .sm-indent-0 {
    text-indent: 0px;
  }
  .dark-mode .sm-indent-px {
    text-indent: 1px;
  }
  .dark-mode .sm-indent-0-5 {
    text-indent: 0.125rem;
  }
  .dark-mode .sm-indent-1 {
    text-indent: 0.25rem;
  }
  .dark-mode .sm-indent-1-5 {
    text-indent: 0.375rem;
  }
  .dark-mode .sm-indent-2 {
    text-indent: 0.5rem;
  }
  .dark-mode .sm-indent-2-5 {
    text-indent: 0.625rem;
  }
  .dark-mode .sm-indent-3 {
    text-indent: 0.75rem;
  }
  .dark-mode .sm-indent-3-5 {
    text-indent: 0.875rem;
  }
  .dark-mode .sm-indent-4 {
    text-indent: 1rem;
  }
  .dark-mode .sm-indent-5 {
    text-indent: 1.25rem;
  }
  .dark-mode .sm-indent-6 {
    text-indent: 1.5rem;
  }
  .dark-mode .sm-indent-7 {
    text-indent: 1.75rem;
  }
  .dark-mode .sm-indent-8 {
    text-indent: 2rem;
  }
  .dark-mode .sm-indent-9 {
    text-indent: 2.25rem;
  }
  .dark-mode .sm-indent-10 {
    text-indent: 2.5rem;
  }
  .dark-mode .sm-indent-11 {
    text-indent: 2.75rem;
  }
  .dark-mode .sm-indent-12 {
    text-indent:  3rem;
  }
  .dark-mode .sm-indent-14 {
    text-indent: 3.5rem;
  }
  .dark-mode .sm-indent-16 {
    text-indent: 4rem;
  }
  .dark-mode .sm-indent-20 {
    text-indent: 5rem;
  }
  .dark-mode .sm-indent-24 {
    text-indent: 6rem;
  }
  .dark-mode .sm-indent-28 {
    text-indent: 7rem;
  }
  .dark-mode .sm-indent-32 {
    text-indent: 8rem;
  }
  .dark-mode .sm-indent-36 {
    text-indent: 9rem;
  }
  .dark-mode .sm-indent-40 {
    text-indent: 10rem;
  }
  .dark-mode .sm-indent-44 {
    text-indent: 11rem;
  }
  .dark-mode .sm-indent-48 {
    text-indent: 12rem;
  }
  .dark-mode .sm-indent-52 {
    text-indent: 13rem;
  }
  .dark-mode .sm-indent-56 {
    text-indent: 14rem;
  }
  .dark-mode .sm-indent-60 {
    text-indent: 15rem;
  }
  .dark-mode .sm-indent-64 {
    text-indent: 16rem;
  }
  .dark-mode .sm-indent-72 {
    text-indent: 18rem;
  }
  .dark-mode .sm-indent-80 {
    text-indent: 20rem;
  }
  .dark-mode .sm-indent-96 {
    text-indent: 24rem;
  }
  .dark-mode .sm-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .dark-mode .sm-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .dark-mode .sm-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .dark-mode .sm-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dark-mode .sm-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .dark-mode .sm-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .dark-mode .sm-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .dark-mode .sm-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 599px) {
  .dark-mode .xs-grid-cols-0 {
    grid-template-columns: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-0 {
    grid-template-rows: repeat(0, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .dark-mode .xs-grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .dark-mode .xs-col-span-0 {
    grid-column: span 0/span 0;
  }
  .dark-mode .xs-col-span-1 {
    grid-column: span 1/span 1;
  }
  .dark-mode .xs-col-span-2 {
    grid-column: span 2/span 2;
  }
  .dark-mode .xs-col-span-3 {
    grid-column: span 3/span 3;
  }
  .dark-mode .xs-col-span-4 {
    grid-column: span 4/span 4;
  }
  .dark-mode .xs-col-span-5 {
    grid-column: span 5/span 5;
  }
  .dark-mode .xs-col-span-6 {
    grid-column: span 6/span 6;
  }
  .dark-mode .xs-col-span-7 {
    grid-column: span 7/span 7;
  }
  .dark-mode .xs-col-span-8 {
    grid-column: span 8/span 8;
  }
  .dark-mode .xs-col-span-9 {
    grid-column: span 9/span 9;
  }
  .dark-mode .xs-col-span-10 {
    grid-column: span 10/span 10;
  }
  .dark-mode .xs-col-span-11 {
    grid-column: span 11/span 11;
  }
  .dark-mode .xs-col-span-12 {
    grid-column: span 12/span 12;
  }
  .dark-mode .xs-col-auto {
    grid-column: auto;
  }
  .dark-mode .xs-row-span-0 {
    grid-row: span 0/span 0;
  }
  .dark-mode .xs-row-span-1 {
    grid-row: span 1/span 1;
  }
  .dark-mode .xs-row-span-2 {
    grid-row: span 2/span 2;
  }
  .dark-mode .xs-row-span-3 {
    grid-row: span 3/span 3;
  }
  .dark-mode .xs-row-span-4 {
    grid-row: span 4/span 4;
  }
  .dark-mode .xs-row-span-5 {
    grid-row: span 5/span 5;
  }
  .dark-mode .xs-row-span-6 {
    grid-row: span 6/span 6;
  }
  .dark-mode .xs-row-span-7 {
    grid-row: span 7/span 7;
  }
  .dark-mode .xs-row-span-8 {
    grid-row: span 8/span 8;
  }
  .dark-mode .xs-row-span-9 {
    grid-row: span 9/span 9;
  }
  .dark-mode .xs-row-span-10 {
    grid-row: span 10/span 10;
  }
  .dark-mode .xs-row-span-11 {
    grid-row: span 11/span 11;
  }
  .dark-mode .xs-row-span-12 {
    grid-row: span 12/span 12;
  }
  .dark-mode .xs-row-auto {
    grid-row: auto;
  }
  .dark-mode .xs-flex-1 {
    flex: 1 1 0%;
    box-sizing: border-box;
  }
  .dark-mode .xs-flex-auto {
    flex: 1 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .xs-flex-initial {
    flex: 0 1 auto;
    box-sizing: border-box;
  }
  .dark-mode .xs-flex-none {
    flex: 0;
    box-sizing: border-box;
  }
  .dark-mode .xs-flex-row {
    -moz-flex-direction: row;
    flex-direction: row;
  }
  .dark-mode .xs-flex-row-reverse {
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .dark-mode .xs-flex-col {
    -moz-flex-direction: column;
    flex-direction: column;
  }
  .dark-mode .xs-flex-col-reverse {
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .dark-mode .xs-fill {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
  }
  .dark-mode .xs-flex-wrap {
    flex-wrap: wrap;
  }
  .dark-mode .xs-flex-nowrap {
    flex-wrap: nowrap;
  }
  .dark-mode .xs-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .dark-mode .xs-order-0 {
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .dark-mode .xs-order-1 {
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .dark-mode .xs-order-2 {
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
  }
  .dark-mode .xs-order-3 {
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
  }
  .dark-mode .xs-order-4 {
    -moz-order: 4;
    -ms-order: 4;
    order: 4;
  }
  .dark-mode .xs-order-5 {
    -moz-order: 5;
    -ms-order: 5;
    order: 5;
  }
  .dark-mode .xs-order-6 {
    -moz-order: 6;
    -ms-order: 6;
    order: 6;
  }
  .dark-mode .xs-order-7 {
    -moz-order: 7;
    -ms-order: 7;
    order: 7;
  }
  .dark-mode .xs-order-8 {
    -moz-order: 8;
    -ms-order: 8;
    order: 8;
  }
  .dark-mode .xs-order-9 {
    -moz-order: 9;
    -ms-order: 9;
    order: 9;
  }
  .dark-mode .xs-order-10 {
    -moz-order: 10;
    -ms-order: 10;
    order: 10;
  }
  .dark-mode .xs-order-9999 {
    -moz-order: 9999;
    -ms-order: 9999;
    order: 9999;
  }
  .dark-mode .xs-order--9999 {
    -moz-order: -9999;
    -ms-order: -9999;
    order: -9999;
  }
  .dark-mode .xs-grow-0 {
    -moz-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
  }
  .dark-mode .xs-grow-1 {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
  }
  .dark-mode .xs-grow-2 {
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
  }
  .dark-mode .xs-grow-3 {
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
  }
  .dark-mode .xs-grow-4 {
    -moz-flex-grow: 4;
    -ms-flex-grow: 4;
    flex-grow: 4;
  }
  .dark-mode .xs-grow-5 {
    -moz-flex-grow: 5;
    -ms-flex-grow: 5;
    flex-grow: 5;
  }
  .dark-mode .xs-grow-6 {
    -moz-flex-grow: 6;
    -ms-flex-grow: 6;
    flex-grow: 6;
  }
  .dark-mode .xs-grow-7 {
    -moz-flex-grow: 7;
    -ms-flex-grow: 7;
    flex-grow: 7;
  }
  .dark-mode .xs-grow-8 {
    -moz-flex-grow: 8;
    -ms-flex-grow: 8;
    flex-grow: 8;
  }
  .dark-mode .xs-grow-9 {
    -moz-flex-grow: 9;
    -ms-flex-grow: 9;
    flex-grow: 9;
  }
  .dark-mode .xs-grow-10 {
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
  }
  .dark-mode .xs-shrink-0 {
    -ms-flex-shrink: 0;
    flex-shrink: 0;
  }
  .dark-mode .xs-shrink-1 {
    -ms-flex-shrink: 1;
    flex-shrink: 1;
  }
  .dark-mode .xs-shrink-2 {
    -ms-flex-shrink: 2;
    flex-shrink: 2;
  }
  .dark-mode .xs-shrink-3 {
    -ms-flex-shrink: 3;
    flex-shrink: 3;
  }
  .dark-mode .xs-shrink-4 {
    -ms-flex-shrink: 4;
    flex-shrink: 4;
  }
  .dark-mode .xs-shrink-5 {
    -ms-flex-shrink: 5;
    flex-shrink: 5;
  }
  .dark-mode .xs-shrink-6 {
    -ms-flex-shrink: 6;
    flex-shrink: 6;
  }
  .dark-mode .xs-shrink-7 {
    -ms-flex-shrink: 7;
    flex-shrink: 7;
  }
  .dark-mode .xs-shrink-8 {
    -ms-flex-shrink: 8;
    flex-shrink: 8;
  }
  .dark-mode .xs-shrink-9 {
    -ms-flex-shrink: 9;
    flex-shrink: 9;
  }
  .dark-mode .xs-shrink-10 {
    -ms-flex-shrink: 10;
    flex-shrink: 10;
  }
  .dark-mode .xs-basis-0 {
    flex-basis: 0px;
  }
  .dark-mode .xs-basis-0-5 {
    flex-basis: 0.125rem;
  }
  .dark-mode .xs-basis-1 {
    flex-basis: 0.25rem;
  }
  .dark-mode .xs-basis-1-5 {
    flex-basis: 0.375rem;
  }
  .dark-mode .xs-basis-2 {
    flex-basis: 0.5rem;
  }
  .dark-mode .xs-basis-2-5 {
    flex-basis: 0.625rem;
  }
  .dark-mode .xs-basis-3 {
    flex-basis: 0.75rem;
  }
  .dark-mode .xs-basis-3-5 {
    flex-basis: 0.875rem;
  }
  .dark-mode .xs-basis-4 {
    flex-basis: 1rem;
  }
  .dark-mode .xs-basis-5 {
    flex-basis: 1.25rem;
  }
  .dark-mode .xs-basis-6 {
    flex-basis: 1.5rem;
  }
  .dark-mode .xs-basis-7 {
    flex-basis: 1.75rem;
  }
  .dark-mode .xs-basis-8 {
    flex-basis: 2rem;
  }
  .dark-mode .xs-basis-9 {
    flex-basis: 2.25rem;
  }
  .dark-mode .xs-basis-10 {
    flex-basis: 2.5rem;
  }
  .dark-mode .xs-basis-11 {
    flex-basis: 2.75rem;
  }
  .dark-mode .xs-basis-12 {
    flex-basis: 3rem;
  }
  .dark-mode .xs-basis-14 {
    flex-basis: 3.5rem;
  }
  .dark-mode .xs-basis-16 {
    flex-basis: 4rem;
  }
  .dark-mode .xs-basis-20 {
    flex-basis: 5rem;
  }
  .dark-mode .xs-basis-24 {
    flex-basis: 6rem;
  }
  .dark-mode .xs-basis-28 {
    flex-basis: 7rem;
  }
  .dark-mode .xs-basis-32 {
    flex-basis: 8rem;
  }
  .dark-mode .xs-basis-36 {
    flex-basis: 9rem;
  }
  .dark-mode .xs-basis-40 {
    flex-basis: 10rem;
  }
  .dark-mode .xs-basis-44 {
    flex-basis: 11rem;
  }
  .dark-mode .xs-basis-48 {
    flex-basis: 12rem;
  }
  .dark-mode .xs-basis-52 {
    flex-basis: 13rem;
  }
  .dark-mode .xs-basis-56 {
    flex-basis: 13rem;
  }
  .dark-mode .xs-basis-60 {
    flex-basis: 15rem;
  }
  .dark-mode .xs-basis-64 {
    flex-basis: 16rem;
  }
  .dark-mode .xs-basis-72 {
    flex-basis: 18rem;
  }
  .dark-mode .xs-basis-80 {
    flex-basis: 20rem;
  }
  .dark-mode .xs-basis-96 {
    flex-basis: 24rem;
  }
  .dark-mode .xs-basis-auto {
    flex-basis: auto;
  }
  .dark-mode .xs-basis-1on2 {
    flex-basis: 50%;
  }
  .dark-mode .xs-basis-1on3 {
    flex-basis: 33.333333%;
  }
  .dark-mode .xs-basis-2on3 {
    flex-basis: 66.666667%;
  }
  .dark-mode .xs-basis-1on4 {
    flex-basis: 25%;
  }
  .dark-mode .xs-basis-2on4 {
    flex-basis: 50%;
  }
  .dark-mode .xs-basis-3on4 {
    flex-basis: 75%;
  }
  .dark-mode .xs-basis-1on5 {
    flex-basis: 20%;
  }
  .dark-mode .xs-basis-2on5 {
    flex-basis: 40%;
  }
  .dark-mode .xs-basis-3on5 {
    flex-basis: 60%;
  }
  .dark-mode .xs-basis-4on5 {
    flex-basis: 80%;
  }
  .dark-mode .xs-basis-1on6 {
    flex-basis: 16.666667%;
  }
  .dark-mode .xs-basis-2on6 {
    flex-basis: 33.333333%;
  }
  .dark-mode .xs-basis-3on6 {
    flex-basis: 50%;
  }
  .dark-mode .xs-basis-4on6 {
    flex-basis: 66.666667%;
  }
  .dark-mode .xs-basis-5on6 {
    flex-basis: 83.333333%;
  }
  .dark-mode .xs-basis-1on12 {
    flex-basis: 8.333333%;
  }
  .dark-mode .xs-basis-2on12 {
    flex-basis: 16.666667%;
  }
  .dark-mode .xs-basis-3on12 {
    flex-basis: 25%;
  }
  .dark-mode .xs-basis-4on12 {
    flex-basis: 33.333333%;
  }
  .dark-mode .xs-basis-5on12 {
    flex-basis: 41.666667%;
  }
  .dark-mode .xs-basis-6on12 {
    flex-basis: 50%;
  }
  .dark-mode .xs-basis-7on12 {
    flex-basis: 58.333333%;
  }
  .dark-mode .xs-basis-8on12 {
    flex-basis: 66.666667%;
  }
  .dark-mode .xs-basis-9on12 {
    flex-basis: 75%;
  }
  .dark-mode .xs-basis-10on12 {
    flex-basis: 83.333333%;
  }
  .dark-mode .xs-basis-11on12 {
    flex-basis: 91.666667%;
  }
  .dark-mode .xs-basis-screen {
    flex-basis: 100vw;
  }
  .dark-mode .xs-basis-full {
    flex-basis: 100%;
  }
  .dark-mode .xs-w-0 {
    width: 0px;
  }
  .dark-mode .xs-min-w-0 {
    min-width: 0px;
  }
  .dark-mode .xs-max-w-0 {
    max-width: 0px;
  }
  .dark-mode .xs-w-0-5 {
    width: 0.125rem;
  }
  .dark-mode .xs-min-w-0-5 {
    min-width: 0.125rem;
  }
  .dark-mode .xs-max-w-0-5 {
    max-width: 0.125rem;
  }
  .dark-mode .xs-w-1 {
    width: 0.25rem;
  }
  .dark-mode .xs-min-w-1 {
    min-width: 0.25rem;
  }
  .dark-mode .xs-max-w-1 {
    max-width: 0.25rem;
  }
  .dark-mode .xs-w-1-5 {
    width: 0.375rem;
  }
  .dark-mode .xs-min-w-1-5 {
    min-width: 0.375rem;
  }
  .dark-mode .xs-max-w-1-5 {
    max-width: 0.375rem;
  }
  .dark-mode .xs-w-2 {
    width: 0.5rem;
  }
  .dark-mode .xs-min-w-2 {
    min-width: 0.5rem;
  }
  .dark-mode .xs-max-w-2 {
    max-width: 0.5rem;
  }
  .dark-mode .xs-w-2-5 {
    width: 0.625rem;
  }
  .dark-mode .xs-min-w-2-5 {
    min-width: 0.625rem;
  }
  .dark-mode .xs-max-w-2-5 {
    max-width: 0.625rem;
  }
  .dark-mode .xs-w-3 {
    width: 0.75rem;
  }
  .dark-mode .xs-min-w-3 {
    min-width: 0.75rem;
  }
  .dark-mode .xs-max-w-3 {
    max-width: 0.75rem;
  }
  .dark-mode .xs-w-3-5 {
    width: 0.875rem;
  }
  .dark-mode .xs-min-w-3-5 {
    min-width: 0.875rem;
  }
  .dark-mode .xs-max-w-3-5 {
    max-width: 0.875rem;
  }
  .dark-mode .xs-w-4 {
    width: 1rem;
  }
  .dark-mode .xs-min-w-4 {
    min-width: 1rem;
  }
  .dark-mode .xs-max-w-4 {
    max-width: 1rem;
  }
  .dark-mode .xs-w-5 {
    width: 1.25rem;
  }
  .dark-mode .xs-min-w-5 {
    min-width: 1.25rem;
  }
  .dark-mode .xs-max-w-5 {
    max-width: 1.25rem;
  }
  .dark-mode .xs-w-6 {
    width: 1.5rem;
  }
  .dark-mode .xs-min-w-6 {
    min-width: 1.5rem;
  }
  .dark-mode .xs-max-w-6 {
    max-width: 1.5rem;
  }
  .dark-mode .xs-w-7 {
    width: 1.75rem;
  }
  .dark-mode .xs-min-w-7 {
    min-width: 1.75rem;
  }
  .dark-mode .xs-max-w-7 {
    max-width: 1.75rem;
  }
  .dark-mode .xs-w-8 {
    width: 2rem;
  }
  .dark-mode .xs-min-w-8 {
    min-width: 2rem;
  }
  .dark-mode .xs-max-w-8 {
    max-width: 2rem;
  }
  .dark-mode .xs-w-9 {
    width: 2.25rem;
  }
  .dark-mode .xs-min-w-9 {
    min-width: 2.25rem;
  }
  .dark-mode .xs-max-w-9 {
    max-width: 2.25rem;
  }
  .dark-mode .xs-w-10 {
    width: 2.5rem;
  }
  .dark-mode .xs-min-w-10 {
    min-width: 2.5rem;
  }
  .dark-mode .xs-max-w-10 {
    max-width: 2.5rem;
  }
  .dark-mode .xs-w-11 {
    width: 2.75rem;
  }
  .dark-mode .xs-min-w-11 {
    min-width: 2.75rem;
  }
  .dark-mode .xs-max-w-11 {
    max-width: 2.75rem;
  }
  .dark-mode .xs-w-12 {
    width: 3rem;
  }
  .dark-mode .xs-min-w-12 {
    min-width: 3rem;
  }
  .dark-mode .xs-max-w-12 {
    max-width: 3rem;
  }
  .dark-mode .xs-w-14 {
    width: 3.5rem;
  }
  .dark-mode .xs-min-w-14 {
    min-width: 3.5rem;
  }
  .dark-mode .xs-max-w-14 {
    max-width: 3.5rem;
  }
  .dark-mode .xs-w-16 {
    width: 4rem;
  }
  .dark-mode .xs-min-w-16 {
    min-width: 4rem;
  }
  .dark-mode .xs-max-w-16 {
    max-width: 4rem;
  }
  .dark-mode .xs-w-20 {
    width: 5rem;
  }
  .dark-mode .xs-min-w-20 {
    min-width: 5rem;
  }
  .dark-mode .xs-max-w-20 {
    max-width: 5rem;
  }
  .dark-mode .xs-w-24 {
    width: 6rem;
  }
  .dark-mode .xs-min-w-24 {
    min-width: 6rem;
  }
  .dark-mode .xs-max-w-24 {
    max-width: 6rem;
  }
  .dark-mode .xs-w-28 {
    width: 7rem;
  }
  .dark-mode .xs-min-w-28 {
    min-width: 7rem;
  }
  .dark-mode .xs-max-w-28 {
    max-width: 7rem;
  }
  .dark-mode .xs-w-32 {
    width: 8rem;
  }
  .dark-mode .xs-min-w-32 {
    min-width: 8rem;
  }
  .dark-mode .xs-max-w-32 {
    max-width: 8rem;
  }
  .dark-mode .xs-w-36 {
    width: 9rem;
  }
  .dark-mode .xs-min-w-36 {
    min-width: 9rem;
  }
  .dark-mode .xs-max-w-36 {
    max-width: 9rem;
  }
  .dark-mode .xs-w-40 {
    width: 10rem;
  }
  .dark-mode .xs-min-w-40 {
    min-width: 10rem;
  }
  .dark-mode .xs-max-w-40 {
    max-width: 10rem;
  }
  .dark-mode .xs-w-44 {
    width: 11rem;
  }
  .dark-mode .xs-min-w-44 {
    min-width: 11rem;
  }
  .dark-mode .xs-max-w-44 {
    max-width: 11rem;
  }
  .dark-mode .xs-w-48 {
    width: 12rem;
  }
  .dark-mode .xs-min-w-48 {
    min-width: 12rem;
  }
  .dark-mode .xs-max-w-48 {
    max-width: 12rem;
  }
  .dark-mode .xs-w-52 {
    width: 13rem;
  }
  .dark-mode .xs-min-w-52 {
    min-width: 13rem;
  }
  .dark-mode .xs-max-w-52 {
    max-width: 13rem;
  }
  .dark-mode .xs-w-56 {
    width: 13rem;
  }
  .dark-mode .xs-min-w-56 {
    min-width: 13rem;
  }
  .dark-mode .xs-max-w-56 {
    max-width: 13rem;
  }
  .dark-mode .xs-w-60 {
    width: 15rem;
  }
  .dark-mode .xs-min-w-60 {
    min-width: 15rem;
  }
  .dark-mode .xs-max-w-60 {
    max-width: 15rem;
  }
  .dark-mode .xs-w-64 {
    width: 16rem;
  }
  .dark-mode .xs-min-w-64 {
    min-width: 16rem;
  }
  .dark-mode .xs-max-w-64 {
    max-width: 16rem;
  }
  .dark-mode .xs-w-72 {
    width: 18rem;
  }
  .dark-mode .xs-min-w-72 {
    min-width: 18rem;
  }
  .dark-mode .xs-max-w-72 {
    max-width: 18rem;
  }
  .dark-mode .xs-w-80 {
    width: 20rem;
  }
  .dark-mode .xs-min-w-80 {
    min-width: 20rem;
  }
  .dark-mode .xs-max-w-80 {
    max-width: 20rem;
  }
  .dark-mode .xs-w-96 {
    width: 24rem;
  }
  .dark-mode .xs-min-w-96 {
    min-width: 24rem;
  }
  .dark-mode .xs-max-w-96 {
    max-width: 24rem;
  }
  .dark-mode .xs-w-auto {
    width: auto;
  }
  .dark-mode .xs-min-w-auto {
    min-width: auto;
  }
  .dark-mode .xs-max-w-auto {
    max-width: auto;
  }
  .dark-mode .xs-w-1on2 {
    width: 50%;
  }
  .dark-mode .xs-min-w-1on2 {
    min-width: 50%;
  }
  .dark-mode .xs-max-w-1on2 {
    max-width: 50%;
  }
  .dark-mode .xs-w-1on3 {
    width: 33.333333%;
  }
  .dark-mode .xs-min-w-1on3 {
    min-width: 33.333333%;
  }
  .dark-mode .xs-max-w-1on3 {
    max-width: 33.333333%;
  }
  .dark-mode .xs-w-2on3 {
    width: 66.666667%;
  }
  .dark-mode .xs-min-w-2on3 {
    min-width: 66.666667%;
  }
  .dark-mode .xs-max-w-2on3 {
    max-width: 66.666667%;
  }
  .dark-mode .xs-w-1on4 {
    width: 25%;
  }
  .dark-mode .xs-min-w-1on4 {
    min-width: 25%;
  }
  .dark-mode .xs-max-w-1on4 {
    max-width: 25%;
  }
  .dark-mode .xs-w-2on4 {
    width: 50%;
  }
  .dark-mode .xs-min-w-2on4 {
    min-width: 50%;
  }
  .dark-mode .xs-max-w-2on4 {
    max-width: 50%;
  }
  .dark-mode .xs-w-3on4 {
    width: 75%;
  }
  .dark-mode .xs-min-w-3on4 {
    min-width: 75%;
  }
  .dark-mode .xs-max-w-3on4 {
    max-width: 75%;
  }
  .dark-mode .xs-w-1on5 {
    width: 20%;
  }
  .dark-mode .xs-min-w-1on5 {
    min-width: 20%;
  }
  .dark-mode .xs-max-w-1on5 {
    max-width: 20%;
  }
  .dark-mode .xs-w-2on5 {
    width: 40%;
  }
  .dark-mode .xs-min-w-2on5 {
    min-width: 40%;
  }
  .dark-mode .xs-max-w-2on5 {
    max-width: 40%;
  }
  .dark-mode .xs-w-3on5 {
    width: 60%;
  }
  .dark-mode .xs-min-w-3on5 {
    min-width: 60%;
  }
  .dark-mode .xs-max-w-3on5 {
    max-width: 60%;
  }
  .dark-mode .xs-w-4on5 {
    width: 80%;
  }
  .dark-mode .xs-min-w-4on5 {
    min-width: 80%;
  }
  .dark-mode .xs-max-w-4on5 {
    max-width: 80%;
  }
  .dark-mode .xs-w-1on6 {
    width: 16.666667%;
  }
  .dark-mode .xs-min-w-1on6 {
    min-width: 16.666667%;
  }
  .dark-mode .xs-max-w-1on6 {
    max-width: 16.666667%;
  }
  .dark-mode .xs-w-2on6 {
    width: 33.333333%;
  }
  .dark-mode .xs-min-w-2on6 {
    min-width: 33.333333%;
  }
  .dark-mode .xs-max-w-2on6 {
    max-width: 33.333333%;
  }
  .dark-mode .xs-w-3on6 {
    width: 50%;
  }
  .dark-mode .xs-min-w-3on6 {
    min-width: 50%;
  }
  .dark-mode .xs-max-w-3on6 {
    max-width: 50%;
  }
  .dark-mode .xs-w-4on6 {
    width: 66.666667%;
  }
  .dark-mode .xs-min-w-4on6 {
    min-width: 66.666667%;
  }
  .dark-mode .xs-max-w-4on6 {
    max-width: 66.666667%;
  }
  .dark-mode .xs-w-5on6 {
    width: 83.333333%;
  }
  .dark-mode .xs-min-w-5on6 {
    min-width: 83.333333%;
  }
  .dark-mode .xs-max-w-5on6 {
    max-width: 83.333333%;
  }
  .dark-mode .xs-w-1on12 {
    width: 8.333333%;
  }
  .dark-mode .xs-min-w-1on12 {
    min-width: 8.333333%;
  }
  .dark-mode .xs-max-w-1on12 {
    max-width: 8.333333%;
  }
  .dark-mode .xs-w-2on12 {
    width: 16.666667%;
  }
  .dark-mode .xs-min-w-2on12 {
    min-width: 16.666667%;
  }
  .dark-mode .xs-max-w-2on12 {
    max-width: 16.666667%;
  }
  .dark-mode .xs-w-3on12 {
    width: 25%;
  }
  .dark-mode .xs-min-w-3on12 {
    min-width: 25%;
  }
  .dark-mode .xs-max-w-3on12 {
    max-width: 25%;
  }
  .dark-mode .xs-w-4on12 {
    width: 33.333333%;
  }
  .dark-mode .xs-min-w-4on12 {
    min-width: 33.333333%;
  }
  .dark-mode .xs-max-w-4on12 {
    max-width: 33.333333%;
  }
  .dark-mode .xs-w-5on12 {
    width: 41.666667%;
  }
  .dark-mode .xs-min-w-5on12 {
    min-width: 41.666667%;
  }
  .dark-mode .xs-max-w-5on12 {
    max-width: 41.666667%;
  }
  .dark-mode .xs-w-6on12 {
    width: 50%;
  }
  .dark-mode .xs-min-w-6on12 {
    min-width: 50%;
  }
  .dark-mode .xs-max-w-6on12 {
    max-width: 50%;
  }
  .dark-mode .xs-w-7on12 {
    width: 58.333333%;
  }
  .dark-mode .xs-min-w-7on12 {
    min-width: 58.333333%;
  }
  .dark-mode .xs-max-w-7on12 {
    max-width: 58.333333%;
  }
  .dark-mode .xs-w-8on12 {
    width: 66.666667%;
  }
  .dark-mode .xs-min-w-8on12 {
    min-width: 66.666667%;
  }
  .dark-mode .xs-max-w-8on12 {
    max-width: 66.666667%;
  }
  .dark-mode .xs-w-9on12 {
    width: 75%;
  }
  .dark-mode .xs-min-w-9on12 {
    min-width: 75%;
  }
  .dark-mode .xs-max-w-9on12 {
    max-width: 75%;
  }
  .dark-mode .xs-w-10on12 {
    width: 83.333333%;
  }
  .dark-mode .xs-min-w-10on12 {
    min-width: 83.333333%;
  }
  .dark-mode .xs-max-w-10on12 {
    max-width: 83.333333%;
  }
  .dark-mode .xs-w-11on12 {
    width: 91.666667%;
  }
  .dark-mode .xs-min-w-11on12 {
    min-width: 91.666667%;
  }
  .dark-mode .xs-max-w-11on12 {
    max-width: 91.666667%;
  }
  .dark-mode .xs-w-screen {
    width: 100vw;
  }
  .dark-mode .xs-min-w-screen {
    min-width: 100vw;
  }
  .dark-mode .xs-max-w-screen {
    max-width: 100vw;
  }
  .dark-mode .xs-w-full {
    width: 100%;
  }
  .dark-mode .xs-min-w-full {
    min-width: 100%;
  }
  .dark-mode .xs-max-w-full {
    max-width: 100%;
  }
  .dark-mode .xs-w-fit {
    width: fit-content;
  }
  .dark-mode .xs-min-w-fit {
    min-width: fit-content;
  }
  .dark-mode .xs-max-w-fit {
    max-width: fit-content;
  }
  .dark-mode .xs-w-min {
    width: min-content;
  }
  .dark-mode .xs-min-w-min {
    min-width: min-content;
  }
  .dark-mode .xs-max-w-min {
    max-width: min-content;
  }
  .dark-mode .xs-w-max {
    width: max-content;
  }
  .dark-mode .xs-min-w-max {
    min-width: max-content;
  }
  .dark-mode .xs-max-w-max {
    max-width: max-content;
  }
  .dark-mode .xs-h-0 {
    height: 0px;
  }
  .dark-mode .xs-min-h-0 {
    min-height: 0px;
  }
  .dark-mode .xs-max-h-0 {
    max-height: 0px;
  }
  .dark-mode .xs-h-0-5 {
    height: 0.125rem;
  }
  .dark-mode .xs-min-h-0-5 {
    min-height: 0.125rem;
  }
  .dark-mode .xs-max-h-0-5 {
    max-height: 0.125rem;
  }
  .dark-mode .xs-h-1 {
    height: 0.25rem;
  }
  .dark-mode .xs-min-h-1 {
    min-height: 0.25rem;
  }
  .dark-mode .xs-max-h-1 {
    max-height: 0.25rem;
  }
  .dark-mode .xs-h-1-5 {
    height: 0.375rem;
  }
  .dark-mode .xs-min-h-1-5 {
    min-height: 0.375rem;
  }
  .dark-mode .xs-max-h-1-5 {
    max-height: 0.375rem;
  }
  .dark-mode .xs-h-2 {
    height: 0.5rem;
  }
  .dark-mode .xs-min-h-2 {
    min-height: 0.5rem;
  }
  .dark-mode .xs-max-h-2 {
    max-height: 0.5rem;
  }
  .dark-mode .xs-h-2-5 {
    height: 0.625rem;
  }
  .dark-mode .xs-min-h-2-5 {
    min-height: 0.625rem;
  }
  .dark-mode .xs-max-h-2-5 {
    max-height: 0.625rem;
  }
  .dark-mode .xs-h-3 {
    height: 0.75rem;
  }
  .dark-mode .xs-min-h-3 {
    min-height: 0.75rem;
  }
  .dark-mode .xs-max-h-3 {
    max-height: 0.75rem;
  }
  .dark-mode .xs-h-3-5 {
    height: 0.875rem;
  }
  .dark-mode .xs-min-h-3-5 {
    min-height: 0.875rem;
  }
  .dark-mode .xs-max-h-3-5 {
    max-height: 0.875rem;
  }
  .dark-mode .xs-h-4 {
    height: 1rem;
  }
  .dark-mode .xs-min-h-4 {
    min-height: 1rem;
  }
  .dark-mode .xs-max-h-4 {
    max-height: 1rem;
  }
  .dark-mode .xs-h-5 {
    height: 1.25rem;
  }
  .dark-mode .xs-min-h-5 {
    min-height: 1.25rem;
  }
  .dark-mode .xs-max-h-5 {
    max-height: 1.25rem;
  }
  .dark-mode .xs-h-6 {
    height: 1.5rem;
  }
  .dark-mode .xs-min-h-6 {
    min-height: 1.5rem;
  }
  .dark-mode .xs-max-h-6 {
    max-height: 1.5rem;
  }
  .dark-mode .xs-h-7 {
    height: 1.75rem;
  }
  .dark-mode .xs-min-h-7 {
    min-height: 1.75rem;
  }
  .dark-mode .xs-max-h-7 {
    max-height: 1.75rem;
  }
  .dark-mode .xs-h-8 {
    height: 2rem;
  }
  .dark-mode .xs-min-h-8 {
    min-height: 2rem;
  }
  .dark-mode .xs-max-h-8 {
    max-height: 2rem;
  }
  .dark-mode .xs-h-9 {
    height: 2.25rem;
  }
  .dark-mode .xs-min-h-9 {
    min-height: 2.25rem;
  }
  .dark-mode .xs-max-h-9 {
    max-height: 2.25rem;
  }
  .dark-mode .xs-h-10 {
    height: 2.5rem;
  }
  .dark-mode .xs-min-h-10 {
    min-height: 2.5rem;
  }
  .dark-mode .xs-max-h-10 {
    max-height: 2.5rem;
  }
  .dark-mode .xs-h-11 {
    height: 2.75rem;
  }
  .dark-mode .xs-min-h-11 {
    min-height: 2.75rem;
  }
  .dark-mode .xs-max-h-11 {
    max-height: 2.75rem;
  }
  .dark-mode .xs-h-12 {
    height: 3rem;
  }
  .dark-mode .xs-min-h-12 {
    min-height: 3rem;
  }
  .dark-mode .xs-max-h-12 {
    max-height: 3rem;
  }
  .dark-mode .xs-h-14 {
    height: 3.5rem;
  }
  .dark-mode .xs-min-h-14 {
    min-height: 3.5rem;
  }
  .dark-mode .xs-max-h-14 {
    max-height: 3.5rem;
  }
  .dark-mode .xs-h-16 {
    height: 4rem;
  }
  .dark-mode .xs-min-h-16 {
    min-height: 4rem;
  }
  .dark-mode .xs-max-h-16 {
    max-height: 4rem;
  }
  .dark-mode .xs-h-20 {
    height: 5rem;
  }
  .dark-mode .xs-min-h-20 {
    min-height: 5rem;
  }
  .dark-mode .xs-max-h-20 {
    max-height: 5rem;
  }
  .dark-mode .xs-h-24 {
    height: 6rem;
  }
  .dark-mode .xs-min-h-24 {
    min-height: 6rem;
  }
  .dark-mode .xs-max-h-24 {
    max-height: 6rem;
  }
  .dark-mode .xs-h-28 {
    height: 7rem;
  }
  .dark-mode .xs-min-h-28 {
    min-height: 7rem;
  }
  .dark-mode .xs-max-h-28 {
    max-height: 7rem;
  }
  .dark-mode .xs-h-32 {
    height: 8rem;
  }
  .dark-mode .xs-min-h-32 {
    min-height: 8rem;
  }
  .dark-mode .xs-max-h-32 {
    max-height: 8rem;
  }
  .dark-mode .xs-h-36 {
    height: 9rem;
  }
  .dark-mode .xs-min-h-36 {
    min-height: 9rem;
  }
  .dark-mode .xs-max-h-36 {
    max-height: 9rem;
  }
  .dark-mode .xs-h-40 {
    height: 10rem;
  }
  .dark-mode .xs-min-h-40 {
    min-height: 10rem;
  }
  .dark-mode .xs-max-h-40 {
    max-height: 10rem;
  }
  .dark-mode .xs-h-44 {
    height: 11rem;
  }
  .dark-mode .xs-min-h-44 {
    min-height: 11rem;
  }
  .dark-mode .xs-max-h-44 {
    max-height: 11rem;
  }
  .dark-mode .xs-h-48 {
    height: 12rem;
  }
  .dark-mode .xs-min-h-48 {
    min-height: 12rem;
  }
  .dark-mode .xs-max-h-48 {
    max-height: 12rem;
  }
  .dark-mode .xs-h-52 {
    height: 13rem;
  }
  .dark-mode .xs-min-h-52 {
    min-height: 13rem;
  }
  .dark-mode .xs-max-h-52 {
    max-height: 13rem;
  }
  .dark-mode .xs-h-56 {
    height: 13rem;
  }
  .dark-mode .xs-min-h-56 {
    min-height: 13rem;
  }
  .dark-mode .xs-max-h-56 {
    max-height: 13rem;
  }
  .dark-mode .xs-h-60 {
    height: 15rem;
  }
  .dark-mode .xs-min-h-60 {
    min-height: 15rem;
  }
  .dark-mode .xs-max-h-60 {
    max-height: 15rem;
  }
  .dark-mode .xs-h-64 {
    height: 16rem;
  }
  .dark-mode .xs-min-h-64 {
    min-height: 16rem;
  }
  .dark-mode .xs-max-h-64 {
    max-height: 16rem;
  }
  .dark-mode .xs-h-72 {
    height: 18rem;
  }
  .dark-mode .xs-min-h-72 {
    min-height: 18rem;
  }
  .dark-mode .xs-max-h-72 {
    max-height: 18rem;
  }
  .dark-mode .xs-h-80 {
    height: 20rem;
  }
  .dark-mode .xs-min-h-80 {
    min-height: 20rem;
  }
  .dark-mode .xs-max-h-80 {
    max-height: 20rem;
  }
  .dark-mode .xs-h-96 {
    height: 24rem;
  }
  .dark-mode .xs-min-h-96 {
    min-height: 24rem;
  }
  .dark-mode .xs-max-h-96 {
    max-height: 24rem;
  }
  .dark-mode .xs-h-100 {
    height: 28rem;
  }
  .dark-mode .xs-min-h-100 {
    min-height: 28rem;
  }
  .dark-mode .xs-max-h-100 {
    max-height: 28rem;
  }
  .dark-mode .xs-h-auto {
    height: auto;
  }
  .dark-mode .xs-min-h-auto {
    min-height: auto;
  }
  .dark-mode .xs-max-h-auto {
    max-height: auto;
  }
  .dark-mode .xs-h-1on2 {
    height: 50%;
  }
  .dark-mode .xs-min-h-1on2 {
    min-height: 50%;
  }
  .dark-mode .xs-max-h-1on2 {
    max-height: 50%;
  }
  .dark-mode .xs-h-1on3 {
    height: 33.333333%;
  }
  .dark-mode .xs-min-h-1on3 {
    min-height: 33.333333%;
  }
  .dark-mode .xs-max-h-1on3 {
    max-height: 33.333333%;
  }
  .dark-mode .xs-h-2on3 {
    height: 66.666667%;
  }
  .dark-mode .xs-min-h-2on3 {
    min-height: 66.666667%;
  }
  .dark-mode .xs-max-h-2on3 {
    max-height: 66.666667%;
  }
  .dark-mode .xs-h-1on4 {
    height: 25%;
  }
  .dark-mode .xs-min-h-1on4 {
    min-height: 25%;
  }
  .dark-mode .xs-max-h-1on4 {
    max-height: 25%;
  }
  .dark-mode .xs-h-2on4 {
    height: 50%;
  }
  .dark-mode .xs-min-h-2on4 {
    min-height: 50%;
  }
  .dark-mode .xs-max-h-2on4 {
    max-height: 50%;
  }
  .dark-mode .xs-h-3on4 {
    height: 75%;
  }
  .dark-mode .xs-min-h-3on4 {
    min-height: 75%;
  }
  .dark-mode .xs-max-h-3on4 {
    max-height: 75%;
  }
  .dark-mode .xs-h-1on5 {
    height: 20%;
  }
  .dark-mode .xs-min-h-1on5 {
    min-height: 20%;
  }
  .dark-mode .xs-max-h-1on5 {
    max-height: 20%;
  }
  .dark-mode .xs-h-2on5 {
    height: 40%;
  }
  .dark-mode .xs-min-h-2on5 {
    min-height: 40%;
  }
  .dark-mode .xs-max-h-2on5 {
    max-height: 40%;
  }
  .dark-mode .xs-h-3on5 {
    height: 60%;
  }
  .dark-mode .xs-min-h-3on5 {
    min-height: 60%;
  }
  .dark-mode .xs-max-h-3on5 {
    max-height: 60%;
  }
  .dark-mode .xs-h-4on5 {
    height: 80%;
  }
  .dark-mode .xs-min-h-4on5 {
    min-height: 80%;
  }
  .dark-mode .xs-max-h-4on5 {
    max-height: 80%;
  }
  .dark-mode .xs-h-1on6 {
    height: 16.666667%;
  }
  .dark-mode .xs-min-h-1on6 {
    min-height: 16.666667%;
  }
  .dark-mode .xs-max-h-1on6 {
    max-height: 16.666667%;
  }
  .dark-mode .xs-h-2on6 {
    height: 33.333333%;
  }
  .dark-mode .xs-min-h-2on6 {
    min-height: 33.333333%;
  }
  .dark-mode .xs-max-h-2on6 {
    max-height: 33.333333%;
  }
  .dark-mode .xs-h-3on6 {
    height: 50%;
  }
  .dark-mode .xs-min-h-3on6 {
    min-height: 50%;
  }
  .dark-mode .xs-max-h-3on6 {
    max-height: 50%;
  }
  .dark-mode .xs-h-4on6 {
    height: 66.666667%;
  }
  .dark-mode .xs-min-h-4on6 {
    min-height: 66.666667%;
  }
  .dark-mode .xs-max-h-4on6 {
    max-height: 66.666667%;
  }
  .dark-mode .xs-h-5on6 {
    height: 83.333333%;
  }
  .dark-mode .xs-min-h-5on6 {
    min-height: 83.333333%;
  }
  .dark-mode .xs-max-h-5on6 {
    max-height: 83.333333%;
  }
  .dark-mode .xs-h-1on12 {
    height: 8.333333%;
  }
  .dark-mode .xs-min-h-1on12 {
    min-height: 8.333333%;
  }
  .dark-mode .xs-max-h-1on12 {
    max-height: 8.333333%;
  }
  .dark-mode .xs-h-2on12 {
    height: 16.666667%;
  }
  .dark-mode .xs-min-h-2on12 {
    min-height: 16.666667%;
  }
  .dark-mode .xs-max-h-2on12 {
    max-height: 16.666667%;
  }
  .dark-mode .xs-h-3on12 {
    height: 25%;
  }
  .dark-mode .xs-min-h-3on12 {
    min-height: 25%;
  }
  .dark-mode .xs-max-h-3on12 {
    max-height: 25%;
  }
  .dark-mode .xs-h-4on12 {
    height: 33.333333%;
  }
  .dark-mode .xs-min-h-4on12 {
    min-height: 33.333333%;
  }
  .dark-mode .xs-max-h-4on12 {
    max-height: 33.333333%;
  }
  .dark-mode .xs-h-5on12 {
    height: 41.666667%;
  }
  .dark-mode .xs-min-h-5on12 {
    min-height: 41.666667%;
  }
  .dark-mode .xs-max-h-5on12 {
    max-height: 41.666667%;
  }
  .dark-mode .xs-h-6on12 {
    height: 50%;
  }
  .dark-mode .xs-min-h-6on12 {
    min-height: 50%;
  }
  .dark-mode .xs-max-h-6on12 {
    max-height: 50%;
  }
  .dark-mode .xs-h-7on12 {
    height: 58.333333%;
  }
  .dark-mode .xs-min-h-7on12 {
    min-height: 58.333333%;
  }
  .dark-mode .xs-max-h-7on12 {
    max-height: 58.333333%;
  }
  .dark-mode .xs-h-8on12 {
    height: 66.666667%;
  }
  .dark-mode .xs-min-h-8on12 {
    min-height: 66.666667%;
  }
  .dark-mode .xs-max-h-8on12 {
    max-height: 66.666667%;
  }
  .dark-mode .xs-h-9on12 {
    height: 75%;
  }
  .dark-mode .xs-min-h-9on12 {
    min-height: 75%;
  }
  .dark-mode .xs-max-h-9on12 {
    max-height: 75%;
  }
  .dark-mode .xs-h-10on12 {
    height: 83.333333%;
  }
  .dark-mode .xs-min-h-10on12 {
    min-height: 83.333333%;
  }
  .dark-mode .xs-max-h-10on12 {
    max-height: 83.333333%;
  }
  .dark-mode .xs-h-11on12 {
    height: 91.666667%;
  }
  .dark-mode .xs-min-h-11on12 {
    min-height: 91.666667%;
  }
  .dark-mode .xs-max-h-11on12 {
    max-height: 91.666667%;
  }
  .dark-mode .xs-h-screen {
    height: 100vw;
  }
  .dark-mode .xs-min-h-screen {
    min-height: 100vw;
  }
  .dark-mode .xs-max-h-screen {
    max-height: 100vw;
  }
  .dark-mode .xs-h-full {
    height: 100%;
  }
  .dark-mode .xs-min-h-full {
    min-height: 100%;
  }
  .dark-mode .xs-max-h-full {
    max-height: 100%;
  }
  .dark-mode .xs-h-fit {
    height: fit-content;
  }
  .dark-mode .xs-min-h-fit {
    min-height: fit-content;
  }
  .dark-mode .xs-max-h-fit {
    max-height: fit-content;
  }
  .dark-mode .xs-h-min {
    height: min-content;
  }
  .dark-mode .xs-min-h-min {
    min-height: min-content;
  }
  .dark-mode .xs-max-h-min {
    max-height: min-content;
  }
  .dark-mode .xs-h-max {
    height: max-content;
  }
  .dark-mode .xs-min-h-max {
    min-height: max-content;
  }
  .dark-mode .xs-max-h-max {
    max-height: max-content;
  }
  .dark-mode .xs-m-0 {
    margin: 0;
  }
  .dark-mode .xs-mt-0,
  .dark-mode .xs-my-0 {
    margin-top: 0;
  }
  .dark-mode .xs-mr-0,
  .dark-mode .xs-mx-0 {
    margin-right: 0;
  }
  .dark-mode .xs-mb-0,
  .dark-mode .xs-my-0 {
    margin-bottom: 0;
  }
  .dark-mode .xs-ml-0,
  .dark-mode .xs-mx-0 {
    margin-left: 0;
  }
  .dark-mode .xs-mbls-0,
  .dark-mode .xs-mbl-0 {
    margin-block-start: 0;
  }
  .dark-mode .xs-mble-0,
  .dark-mode .xs-mbl-0 {
    margin-block-end: 0;
  }
  .dark-mode .xs-mins-0,
  .dark-mode .xs-min-0 {
    margin-inline-start: 0;
  }
  .dark-mode .xs-mine-0,
  .dark-mode .xs-min-0 {
    margin-inline-end: 0;
  }
  .dark-mode .xs-p-0 {
    padding: 0;
  }
  .dark-mode .xs-pt-0,
  .dark-mode .xs-py-0 {
    padding-top: 0;
  }
  .dark-mode .xs-pr-0,
  .dark-mode .xs-px-0 {
    padding-right: 0;
  }
  .dark-mode .xs-pb-0,
  .dark-mode .xs-py-0 {
    padding-bottom: 0;
  }
  .dark-mode .xs-pl-0,
  .dark-mode .xs-px-0 {
    padding-left: 0;
  }
  .dark-mode .xs-pbls-0,
  .dark-mode .xs-pbl-0 {
    padding-block-start: 0;
  }
  .dark-mode .xs-pble-0,
  .dark-mode .xs-pbl-0 {
    padding-block-end: 0;
  }
  .dark-mode .xs-pins-0,
  .dark-mode .xs-pin-0 {
    padding-inline-start: 0;
  }
  .dark-mode .xs-pine-0,
  .dark-mode .xs-pin-0 {
    padding-inline-end: 0;
  }
  .dark-mode .xs-m-1 {
    margin: 4px;
  }
  .dark-mode .xs-mt-1,
  .dark-mode .xs-my-1 {
    margin-top: 4px;
  }
  .dark-mode .xs-mr-1,
  .dark-mode .xs-mx-1 {
    margin-right: 4px;
  }
  .dark-mode .xs-mb-1,
  .dark-mode .xs-my-1 {
    margin-bottom: 4px;
  }
  .dark-mode .xs-ml-1,
  .dark-mode .xs-mx-1 {
    margin-left: 4px;
  }
  .dark-mode .xs-mbls-1,
  .dark-mode .xs-mbl-1 {
    margin-block-start: 4px;
  }
  .dark-mode .xs-mble-1,
  .dark-mode .xs-mbl-1 {
    margin-block-end: 4px;
  }
  .dark-mode .xs-mins-1,
  .dark-mode .xs-min-1 {
    margin-inline-start: 4px;
  }
  .dark-mode .xs-mine-1,
  .dark-mode .xs-min-1 {
    margin-inline-end: 4px;
  }
  .dark-mode .xs-p-1 {
    padding: 4px;
  }
  .dark-mode .xs-pt-1,
  .dark-mode .xs-py-1 {
    padding-top: 4px;
  }
  .dark-mode .xs-pr-1,
  .dark-mode .xs-px-1 {
    padding-right: 4px;
  }
  .dark-mode .xs-pb-1,
  .dark-mode .xs-py-1 {
    padding-bottom: 4px;
  }
  .dark-mode .xs-pl-1,
  .dark-mode .xs-px-1 {
    padding-left: 4px;
  }
  .dark-mode .xs-pbls-1,
  .dark-mode .xs-pbl-1 {
    padding-block-start: 4px;
  }
  .dark-mode .xs-pble-1,
  .dark-mode .xs-pbl-1 {
    padding-block-end: 4px;
  }
  .dark-mode .xs-pins-1,
  .dark-mode .xs-pin-1 {
    padding-inline-start: 4px;
  }
  .dark-mode .xs-pine-1,
  .dark-mode .xs-pin-1 {
    padding-inline-end: 4px;
  }
  .dark-mode .xs-m-2 {
    margin: 8px;
  }
  .dark-mode .xs-mt-2,
  .dark-mode .xs-my-2 {
    margin-top: 8px;
  }
  .dark-mode .xs-mr-2,
  .dark-mode .xs-mx-2 {
    margin-right: 8px;
  }
  .dark-mode .xs-mb-2,
  .dark-mode .xs-my-2 {
    margin-bottom: 8px;
  }
  .dark-mode .xs-ml-2,
  .dark-mode .xs-mx-2 {
    margin-left: 8px;
  }
  .dark-mode .xs-mbls-2,
  .dark-mode .xs-mbl-2 {
    margin-block-start: 8px;
  }
  .dark-mode .xs-mble-2,
  .dark-mode .xs-mbl-2 {
    margin-block-end: 8px;
  }
  .dark-mode .xs-mins-2,
  .dark-mode .xs-min-2 {
    margin-inline-start: 8px;
  }
  .dark-mode .xs-mine-2,
  .dark-mode .xs-min-2 {
    margin-inline-end: 8px;
  }
  .dark-mode .xs-p-2 {
    padding: 8px;
  }
  .dark-mode .xs-pt-2,
  .dark-mode .xs-py-2 {
    padding-top: 8px;
  }
  .dark-mode .xs-pr-2,
  .dark-mode .xs-px-2 {
    padding-right: 8px;
  }
  .dark-mode .xs-pb-2,
  .dark-mode .xs-py-2 {
    padding-bottom: 8px;
  }
  .dark-mode .xs-pl-2,
  .dark-mode .xs-px-2 {
    padding-left: 8px;
  }
  .dark-mode .xs-pbls-2,
  .dark-mode .xs-pbl-2 {
    padding-block-start: 8px;
  }
  .dark-mode .xs-pble-2,
  .dark-mode .xs-pbl-2 {
    padding-block-end: 8px;
  }
  .dark-mode .xs-pins-2,
  .dark-mode .xs-pin-2 {
    padding-inline-start: 8px;
  }
  .dark-mode .xs-pine-2,
  .dark-mode .xs-pin-2 {
    padding-inline-end: 8px;
  }
  .dark-mode .xs-m-3 {
    margin: 16px;
  }
  .dark-mode .xs-mt-3,
  .dark-mode .xs-my-3 {
    margin-top: 16px;
  }
  .dark-mode .xs-mr-3,
  .dark-mode .xs-mx-3 {
    margin-right: 16px;
  }
  .dark-mode .xs-mb-3,
  .dark-mode .xs-my-3 {
    margin-bottom: 16px;
  }
  .dark-mode .xs-ml-3,
  .dark-mode .xs-mx-3 {
    margin-left: 16px;
  }
  .dark-mode .xs-mbls-3,
  .dark-mode .xs-mbl-3 {
    margin-block-start: 16px;
  }
  .dark-mode .xs-mble-3,
  .dark-mode .xs-mbl-3 {
    margin-block-end: 16px;
  }
  .dark-mode .xs-mins-3,
  .dark-mode .xs-min-3 {
    margin-inline-start: 16px;
  }
  .dark-mode .xs-mine-3,
  .dark-mode .xs-min-3 {
    margin-inline-end: 16px;
  }
  .dark-mode .xs-p-3 {
    padding: 16px;
  }
  .dark-mode .xs-pt-3,
  .dark-mode .xs-py-3 {
    padding-top: 16px;
  }
  .dark-mode .xs-pr-3,
  .dark-mode .xs-px-3 {
    padding-right: 16px;
  }
  .dark-mode .xs-pb-3,
  .dark-mode .xs-py-3 {
    padding-bottom: 16px;
  }
  .dark-mode .xs-pl-3,
  .dark-mode .xs-px-3 {
    padding-left: 16px;
  }
  .dark-mode .xs-pbls-3,
  .dark-mode .xs-pbl-3 {
    padding-block-start: 16px;
  }
  .dark-mode .xs-pble-3,
  .dark-mode .xs-pbl-3 {
    padding-block-end: 16px;
  }
  .dark-mode .xs-pins-3,
  .dark-mode .xs-pin-3 {
    padding-inline-start: 16px;
  }
  .dark-mode .xs-pine-3,
  .dark-mode .xs-pin-3 {
    padding-inline-end: 16px;
  }
  .dark-mode .xs-m-4 {
    margin: 24px;
  }
  .dark-mode .xs-mt-4,
  .dark-mode .xs-my-4 {
    margin-top: 24px;
  }
  .dark-mode .xs-mr-4,
  .dark-mode .xs-mx-4 {
    margin-right: 24px;
  }
  .dark-mode .xs-mb-4,
  .dark-mode .xs-my-4 {
    margin-bottom: 24px;
  }
  .dark-mode .xs-ml-4,
  .dark-mode .xs-mx-4 {
    margin-left: 24px;
  }
  .dark-mode .xs-mbls-4,
  .dark-mode .xs-mbl-4 {
    margin-block-start: 24px;
  }
  .dark-mode .xs-mble-4,
  .dark-mode .xs-mbl-4 {
    margin-block-end: 24px;
  }
  .dark-mode .xs-mins-4,
  .dark-mode .xs-min-4 {
    margin-inline-start: 24px;
  }
  .dark-mode .xs-mine-4,
  .dark-mode .xs-min-4 {
    margin-inline-end: 24px;
  }
  .dark-mode .xs-p-4 {
    padding: 24px;
  }
  .dark-mode .xs-pt-4,
  .dark-mode .xs-py-4 {
    padding-top: 24px;
  }
  .dark-mode .xs-pr-4,
  .dark-mode .xs-px-4 {
    padding-right: 24px;
  }
  .dark-mode .xs-pb-4,
  .dark-mode .xs-py-4 {
    padding-bottom: 24px;
  }
  .dark-mode .xs-pl-4,
  .dark-mode .xs-px-4 {
    padding-left: 24px;
  }
  .dark-mode .xs-pbls-4,
  .dark-mode .xs-pbl-4 {
    padding-block-start: 24px;
  }
  .dark-mode .xs-pble-4,
  .dark-mode .xs-pbl-4 {
    padding-block-end: 24px;
  }
  .dark-mode .xs-pins-4,
  .dark-mode .xs-pin-4 {
    padding-inline-start: 24px;
  }
  .dark-mode .xs-pine-4,
  .dark-mode .xs-pin-4 {
    padding-inline-end: 24px;
  }
  .dark-mode .xs-m-5 {
    margin: 32px;
  }
  .dark-mode .xs-mt-5,
  .dark-mode .xs-my-5 {
    margin-top: 32px;
  }
  .dark-mode .xs-mr-5,
  .dark-mode .xs-mx-5 {
    margin-right: 32px;
  }
  .dark-mode .xs-mb-5,
  .dark-mode .xs-my-5 {
    margin-bottom: 32px;
  }
  .dark-mode .xs-ml-5,
  .dark-mode .xs-mx-5 {
    margin-left: 32px;
  }
  .dark-mode .xs-mbls-5,
  .dark-mode .xs-mbl-5 {
    margin-block-start: 32px;
  }
  .dark-mode .xs-mble-5,
  .dark-mode .xs-mbl-5 {
    margin-block-end: 32px;
  }
  .dark-mode .xs-mins-5,
  .dark-mode .xs-min-5 {
    margin-inline-start: 32px;
  }
  .dark-mode .xs-mine-5,
  .dark-mode .xs-min-5 {
    margin-inline-end: 32px;
  }
  .dark-mode .xs-p-5 {
    padding: 32px;
  }
  .dark-mode .xs-pt-5,
  .dark-mode .xs-py-5 {
    padding-top: 32px;
  }
  .dark-mode .xs-pr-5,
  .dark-mode .xs-px-5 {
    padding-right: 32px;
  }
  .dark-mode .xs-pb-5,
  .dark-mode .xs-py-5 {
    padding-bottom: 32px;
  }
  .dark-mode .xs-pl-5,
  .dark-mode .xs-px-5 {
    padding-left: 32px;
  }
  .dark-mode .xs-pbls-5,
  .dark-mode .xs-pbl-5 {
    padding-block-start: 32px;
  }
  .dark-mode .xs-pble-5,
  .dark-mode .xs-pbl-5 {
    padding-block-end: 32px;
  }
  .dark-mode .xs-pins-5,
  .dark-mode .xs-pin-5 {
    padding-inline-start: 32px;
  }
  .dark-mode .xs-pine-5,
  .dark-mode .xs-pin-5 {
    padding-inline-end: 32px;
  }
  .dark-mode .xs-m-6 {
    margin: 40px;
  }
  .dark-mode .xs-mt-6,
  .dark-mode .xs-my-6 {
    margin-top: 40px;
  }
  .dark-mode .xs-mr-6,
  .dark-mode .xs-mx-6 {
    margin-right: 40px;
  }
  .dark-mode .xs-mb-6,
  .dark-mode .xs-my-6 {
    margin-bottom: 40px;
  }
  .dark-mode .xs-ml-6,
  .dark-mode .xs-mx-6 {
    margin-left: 40px;
  }
  .dark-mode .xs-mbls-6,
  .dark-mode .xs-mbl-6 {
    margin-block-start: 40px;
  }
  .dark-mode .xs-mble-6,
  .dark-mode .xs-mbl-6 {
    margin-block-end: 40px;
  }
  .dark-mode .xs-mins-6,
  .dark-mode .xs-min-6 {
    margin-inline-start: 40px;
  }
  .dark-mode .xs-mine-6,
  .dark-mode .xs-min-6 {
    margin-inline-end: 40px;
  }
  .dark-mode .xs-p-6 {
    padding: 40px;
  }
  .dark-mode .xs-pt-6,
  .dark-mode .xs-py-6 {
    padding-top: 40px;
  }
  .dark-mode .xs-pr-6,
  .dark-mode .xs-px-6 {
    padding-right: 40px;
  }
  .dark-mode .xs-pb-6,
  .dark-mode .xs-py-6 {
    padding-bottom: 40px;
  }
  .dark-mode .xs-pl-6,
  .dark-mode .xs-px-6 {
    padding-left: 40px;
  }
  .dark-mode .xs-pbls-6,
  .dark-mode .xs-pbl-6 {
    padding-block-start: 40px;
  }
  .dark-mode .xs-pble-6,
  .dark-mode .xs-pbl-6 {
    padding-block-end: 40px;
  }
  .dark-mode .xs-pins-6,
  .dark-mode .xs-pin-6 {
    padding-inline-start: 40px;
  }
  .dark-mode .xs-pine-6,
  .dark-mode .xs-pin-6 {
    padding-inline-end: 40px;
  }
  .dark-mode .xs-m-7 {
    margin: 48px;
  }
  .dark-mode .xs-mt-7,
  .dark-mode .xs-my-7 {
    margin-top: 48px;
  }
  .dark-mode .xs-mr-7,
  .dark-mode .xs-mx-7 {
    margin-right: 48px;
  }
  .dark-mode .xs-mb-7,
  .dark-mode .xs-my-7 {
    margin-bottom: 48px;
  }
  .dark-mode .xs-ml-7,
  .dark-mode .xs-mx-7 {
    margin-left: 48px;
  }
  .dark-mode .xs-mbls-7,
  .dark-mode .xs-mbl-7 {
    margin-block-start: 48px;
  }
  .dark-mode .xs-mble-7,
  .dark-mode .xs-mbl-7 {
    margin-block-end: 48px;
  }
  .dark-mode .xs-mins-7,
  .dark-mode .xs-min-7 {
    margin-inline-start: 48px;
  }
  .dark-mode .xs-mine-7,
  .dark-mode .xs-min-7 {
    margin-inline-end: 48px;
  }
  .dark-mode .xs-p-7 {
    padding: 48px;
  }
  .dark-mode .xs-pt-7,
  .dark-mode .xs-py-7 {
    padding-top: 48px;
  }
  .dark-mode .xs-pr-7,
  .dark-mode .xs-px-7 {
    padding-right: 48px;
  }
  .dark-mode .xs-pb-7,
  .dark-mode .xs-py-7 {
    padding-bottom: 48px;
  }
  .dark-mode .xs-pl-7,
  .dark-mode .xs-px-7 {
    padding-left: 48px;
  }
  .dark-mode .xs-pbls-7,
  .dark-mode .xs-pbl-7 {
    padding-block-start: 48px;
  }
  .dark-mode .xs-pble-7,
  .dark-mode .xs-pbl-7 {
    padding-block-end: 48px;
  }
  .dark-mode .xs-pins-7,
  .dark-mode .xs-pin-7 {
    padding-inline-start: 48px;
  }
  .dark-mode .xs-pine-7,
  .dark-mode .xs-pin-7 {
    padding-inline-end: 48px;
  }
  .dark-mode .xs-m-8 {
    margin: 56px;
  }
  .dark-mode .xs-mt-8,
  .dark-mode .xs-my-8 {
    margin-top: 56px;
  }
  .dark-mode .xs-mr-8,
  .dark-mode .xs-mx-8 {
    margin-right: 56px;
  }
  .dark-mode .xs-mb-8,
  .dark-mode .xs-my-8 {
    margin-bottom: 56px;
  }
  .dark-mode .xs-ml-8,
  .dark-mode .xs-mx-8 {
    margin-left: 56px;
  }
  .dark-mode .xs-mbls-8,
  .dark-mode .xs-mbl-8 {
    margin-block-start: 56px;
  }
  .dark-mode .xs-mble-8,
  .dark-mode .xs-mbl-8 {
    margin-block-end: 56px;
  }
  .dark-mode .xs-mins-8,
  .dark-mode .xs-min-8 {
    margin-inline-start: 56px;
  }
  .dark-mode .xs-mine-8,
  .dark-mode .xs-min-8 {
    margin-inline-end: 56px;
  }
  .dark-mode .xs-p-8 {
    padding: 56px;
  }
  .dark-mode .xs-pt-8,
  .dark-mode .xs-py-8 {
    padding-top: 56px;
  }
  .dark-mode .xs-pr-8,
  .dark-mode .xs-px-8 {
    padding-right: 56px;
  }
  .dark-mode .xs-pb-8,
  .dark-mode .xs-py-8 {
    padding-bottom: 56px;
  }
  .dark-mode .xs-pl-8,
  .dark-mode .xs-px-8 {
    padding-left: 56px;
  }
  .dark-mode .xs-pbls-8,
  .dark-mode .xs-pbl-8 {
    padding-block-start: 56px;
  }
  .dark-mode .xs-pble-8,
  .dark-mode .xs-pbl-8 {
    padding-block-end: 56px;
  }
  .dark-mode .xs-pins-8,
  .dark-mode .xs-pin-8 {
    padding-inline-start: 56px;
  }
  .dark-mode .xs-pine-8,
  .dark-mode .xs-pin-8 {
    padding-inline-end: 56px;
  }
  .dark-mode .xs-m-9 {
    margin: 64px;
  }
  .dark-mode .xs-mt-9,
  .dark-mode .xs-my-9 {
    margin-top: 64px;
  }
  .dark-mode .xs-mr-9,
  .dark-mode .xs-mx-9 {
    margin-right: 64px;
  }
  .dark-mode .xs-mb-9,
  .dark-mode .xs-my-9 {
    margin-bottom: 64px;
  }
  .dark-mode .xs-ml-9,
  .dark-mode .xs-mx-9 {
    margin-left: 64px;
  }
  .dark-mode .xs-mbls-9,
  .dark-mode .xs-mbl-9 {
    margin-block-start: 64px;
  }
  .dark-mode .xs-mble-9,
  .dark-mode .xs-mbl-9 {
    margin-block-end: 64px;
  }
  .dark-mode .xs-mins-9,
  .dark-mode .xs-min-9 {
    margin-inline-start: 64px;
  }
  .dark-mode .xs-mine-9,
  .dark-mode .xs-min-9 {
    margin-inline-end: 64px;
  }
  .dark-mode .xs-p-9 {
    padding: 64px;
  }
  .dark-mode .xs-pt-9,
  .dark-mode .xs-py-9 {
    padding-top: 64px;
  }
  .dark-mode .xs-pr-9,
  .dark-mode .xs-px-9 {
    padding-right: 64px;
  }
  .dark-mode .xs-pb-9,
  .dark-mode .xs-py-9 {
    padding-bottom: 64px;
  }
  .dark-mode .xs-pl-9,
  .dark-mode .xs-px-9 {
    padding-left: 64px;
  }
  .dark-mode .xs-pbls-9,
  .dark-mode .xs-pbl-9 {
    padding-block-start: 64px;
  }
  .dark-mode .xs-pble-9,
  .dark-mode .xs-pbl-9 {
    padding-block-end: 64px;
  }
  .dark-mode .xs-pins-9,
  .dark-mode .xs-pin-9 {
    padding-inline-start: 64px;
  }
  .dark-mode .xs-pine-9,
  .dark-mode .xs-pin-9 {
    padding-inline-end: 64px;
  }
  .dark-mode .xs-m-10 {
    margin: 72px;
  }
  .dark-mode .xs-mt-10,
  .dark-mode .xs-my-10 {
    margin-top: 72px;
  }
  .dark-mode .xs-mr-10,
  .dark-mode .xs-mx-10 {
    margin-right: 72px;
  }
  .dark-mode .xs-mb-10,
  .dark-mode .xs-my-10 {
    margin-bottom: 72px;
  }
  .dark-mode .xs-ml-10,
  .dark-mode .xs-mx-10 {
    margin-left: 72px;
  }
  .dark-mode .xs-mbls-10,
  .dark-mode .xs-mbl-10 {
    margin-block-start: 72px;
  }
  .dark-mode .xs-mble-10,
  .dark-mode .xs-mbl-10 {
    margin-block-end: 72px;
  }
  .dark-mode .xs-mins-10,
  .dark-mode .xs-min-10 {
    margin-inline-start: 72px;
  }
  .dark-mode .xs-mine-10,
  .dark-mode .xs-min-10 {
    margin-inline-end: 72px;
  }
  .dark-mode .xs-p-10 {
    padding: 72px;
  }
  .dark-mode .xs-pt-10,
  .dark-mode .xs-py-10 {
    padding-top: 72px;
  }
  .dark-mode .xs-pr-10,
  .dark-mode .xs-px-10 {
    padding-right: 72px;
  }
  .dark-mode .xs-pb-10,
  .dark-mode .xs-py-10 {
    padding-bottom: 72px;
  }
  .dark-mode .xs-pl-10,
  .dark-mode .xs-px-10 {
    padding-left: 72px;
  }
  .dark-mode .xs-pbls-10,
  .dark-mode .xs-pbl-10 {
    padding-block-start: 72px;
  }
  .dark-mode .xs-pble-10,
  .dark-mode .xs-pbl-10 {
    padding-block-end: 72px;
  }
  .dark-mode .xs-pins-10,
  .dark-mode .xs-pin-10 {
    padding-inline-start: 72px;
  }
  .dark-mode .xs-pine-10,
  .dark-mode .xs-pin-10 {
    padding-inline-end: 72px;
  }
  .dark-mode .xs-m-11 {
    margin: 80px;
  }
  .dark-mode .xs-mt-11,
  .dark-mode .xs-my-11 {
    margin-top: 80px;
  }
  .dark-mode .xs-mr-11,
  .dark-mode .xs-mx-11 {
    margin-right: 80px;
  }
  .dark-mode .xs-mb-11,
  .dark-mode .xs-my-11 {
    margin-bottom: 80px;
  }
  .dark-mode .xs-ml-11,
  .dark-mode .xs-mx-11 {
    margin-left: 80px;
  }
  .dark-mode .xs-mbls-11,
  .dark-mode .xs-mbl-11 {
    margin-block-start: 80px;
  }
  .dark-mode .xs-mble-11,
  .dark-mode .xs-mbl-11 {
    margin-block-end: 80px;
  }
  .dark-mode .xs-mins-11,
  .dark-mode .xs-min-11 {
    margin-inline-start: 80px;
  }
  .dark-mode .xs-mine-11,
  .dark-mode .xs-min-11 {
    margin-inline-end: 80px;
  }
  .dark-mode .xs-p-11 {
    padding: 80px;
  }
  .dark-mode .xs-pt-11,
  .dark-mode .xs-py-11 {
    padding-top: 80px;
  }
  .dark-mode .xs-pr-11,
  .dark-mode .xs-px-11 {
    padding-right: 80px;
  }
  .dark-mode .xs-pb-11,
  .dark-mode .xs-py-11 {
    padding-bottom: 80px;
  }
  .dark-mode .xs-pl-11,
  .dark-mode .xs-px-11 {
    padding-left: 80px;
  }
  .dark-mode .xs-pbls-11,
  .dark-mode .xs-pbl-11 {
    padding-block-start: 80px;
  }
  .dark-mode .xs-pble-11,
  .dark-mode .xs-pbl-11 {
    padding-block-end: 80px;
  }
  .dark-mode .xs-pins-11,
  .dark-mode .xs-pin-11 {
    padding-inline-start: 80px;
  }
  .dark-mode .xs-pine-11,
  .dark-mode .xs-pin-11 {
    padding-inline-end: 80px;
  }
  .dark-mode .xs-m-12 {
    margin: 88px;
  }
  .dark-mode .xs-mt-12,
  .dark-mode .xs-my-12 {
    margin-top: 88px;
  }
  .dark-mode .xs-mr-12,
  .dark-mode .xs-mx-12 {
    margin-right: 88px;
  }
  .dark-mode .xs-mb-12,
  .dark-mode .xs-my-12 {
    margin-bottom: 88px;
  }
  .dark-mode .xs-ml-12,
  .dark-mode .xs-mx-12 {
    margin-left: 88px;
  }
  .dark-mode .xs-mbls-12,
  .dark-mode .xs-mbl-12 {
    margin-block-start: 88px;
  }
  .dark-mode .xs-mble-12,
  .dark-mode .xs-mbl-12 {
    margin-block-end: 88px;
  }
  .dark-mode .xs-mins-12,
  .dark-mode .xs-min-12 {
    margin-inline-start: 88px;
  }
  .dark-mode .xs-mine-12,
  .dark-mode .xs-min-12 {
    margin-inline-end: 88px;
  }
  .dark-mode .xs-p-12 {
    padding: 88px;
  }
  .dark-mode .xs-pt-12,
  .dark-mode .xs-py-12 {
    padding-top: 88px;
  }
  .dark-mode .xs-pr-12,
  .dark-mode .xs-px-12 {
    padding-right: 88px;
  }
  .dark-mode .xs-pb-12,
  .dark-mode .xs-py-12 {
    padding-bottom: 88px;
  }
  .dark-mode .xs-pl-12,
  .dark-mode .xs-px-12 {
    padding-left: 88px;
  }
  .dark-mode .xs-pbls-12,
  .dark-mode .xs-pbl-12 {
    padding-block-start: 88px;
  }
  .dark-mode .xs-pble-12,
  .dark-mode .xs-pbl-12 {
    padding-block-end: 88px;
  }
  .dark-mode .xs-pins-12,
  .dark-mode .xs-pin-12 {
    padding-inline-start: 88px;
  }
  .dark-mode .xs-pine-12,
  .dark-mode .xs-pin-12 {
    padding-inline-end: 88px;
  }
  .dark-mode .xs-m-13 {
    margin: 96px;
  }
  .dark-mode .xs-mt-13,
  .dark-mode .xs-my-13 {
    margin-top: 96px;
  }
  .dark-mode .xs-mr-13,
  .dark-mode .xs-mx-13 {
    margin-right: 96px;
  }
  .dark-mode .xs-mb-13,
  .dark-mode .xs-my-13 {
    margin-bottom: 96px;
  }
  .dark-mode .xs-ml-13,
  .dark-mode .xs-mx-13 {
    margin-left: 96px;
  }
  .dark-mode .xs-mbls-13,
  .dark-mode .xs-mbl-13 {
    margin-block-start: 96px;
  }
  .dark-mode .xs-mble-13,
  .dark-mode .xs-mbl-13 {
    margin-block-end: 96px;
  }
  .dark-mode .xs-mins-13,
  .dark-mode .xs-min-13 {
    margin-inline-start: 96px;
  }
  .dark-mode .xs-mine-13,
  .dark-mode .xs-min-13 {
    margin-inline-end: 96px;
  }
  .dark-mode .xs-p-13 {
    padding: 96px;
  }
  .dark-mode .xs-pt-13,
  .dark-mode .xs-py-13 {
    padding-top: 96px;
  }
  .dark-mode .xs-pr-13,
  .dark-mode .xs-px-13 {
    padding-right: 96px;
  }
  .dark-mode .xs-pb-13,
  .dark-mode .xs-py-13 {
    padding-bottom: 96px;
  }
  .dark-mode .xs-pl-13,
  .dark-mode .xs-px-13 {
    padding-left: 96px;
  }
  .dark-mode .xs-pbls-13,
  .dark-mode .xs-pbl-13 {
    padding-block-start: 96px;
  }
  .dark-mode .xs-pble-13,
  .dark-mode .xs-pbl-13 {
    padding-block-end: 96px;
  }
  .dark-mode .xs-pins-13,
  .dark-mode .xs-pin-13 {
    padding-inline-start: 96px;
  }
  .dark-mode .xs-pine-13,
  .dark-mode .xs-pin-13 {
    padding-inline-end: 96px;
  }
  .dark-mode .xs-m-14 {
    margin: 104px;
  }
  .dark-mode .xs-mt-14,
  .dark-mode .xs-my-14 {
    margin-top: 104px;
  }
  .dark-mode .xs-mr-14,
  .dark-mode .xs-mx-14 {
    margin-right: 104px;
  }
  .dark-mode .xs-mb-14,
  .dark-mode .xs-my-14 {
    margin-bottom: 104px;
  }
  .dark-mode .xs-ml-14,
  .dark-mode .xs-mx-14 {
    margin-left: 104px;
  }
  .dark-mode .xs-mbls-14,
  .dark-mode .xs-mbl-14 {
    margin-block-start: 104px;
  }
  .dark-mode .xs-mble-14,
  .dark-mode .xs-mbl-14 {
    margin-block-end: 104px;
  }
  .dark-mode .xs-mins-14,
  .dark-mode .xs-min-14 {
    margin-inline-start: 104px;
  }
  .dark-mode .xs-mine-14,
  .dark-mode .xs-min-14 {
    margin-inline-end: 104px;
  }
  .dark-mode .xs-p-14 {
    padding: 104px;
  }
  .dark-mode .xs-pt-14,
  .dark-mode .xs-py-14 {
    padding-top: 104px;
  }
  .dark-mode .xs-pr-14,
  .dark-mode .xs-px-14 {
    padding-right: 104px;
  }
  .dark-mode .xs-pb-14,
  .dark-mode .xs-py-14 {
    padding-bottom: 104px;
  }
  .dark-mode .xs-pl-14,
  .dark-mode .xs-px-14 {
    padding-left: 104px;
  }
  .dark-mode .xs-pbls-14,
  .dark-mode .xs-pbl-14 {
    padding-block-start: 104px;
  }
  .dark-mode .xs-pble-14,
  .dark-mode .xs-pbl-14 {
    padding-block-end: 104px;
  }
  .dark-mode .xs-pins-14,
  .dark-mode .xs-pin-14 {
    padding-inline-start: 104px;
  }
  .dark-mode .xs-pine-14,
  .dark-mode .xs-pin-14 {
    padding-inline-end: 104px;
  }
  .dark-mode .xs-m-15 {
    margin: 112px;
  }
  .dark-mode .xs-mt-15,
  .dark-mode .xs-my-15 {
    margin-top: 112px;
  }
  .dark-mode .xs-mr-15,
  .dark-mode .xs-mx-15 {
    margin-right: 112px;
  }
  .dark-mode .xs-mb-15,
  .dark-mode .xs-my-15 {
    margin-bottom: 112px;
  }
  .dark-mode .xs-ml-15,
  .dark-mode .xs-mx-15 {
    margin-left: 112px;
  }
  .dark-mode .xs-mbls-15,
  .dark-mode .xs-mbl-15 {
    margin-block-start: 112px;
  }
  .dark-mode .xs-mble-15,
  .dark-mode .xs-mbl-15 {
    margin-block-end: 112px;
  }
  .dark-mode .xs-mins-15,
  .dark-mode .xs-min-15 {
    margin-inline-start: 112px;
  }
  .dark-mode .xs-mine-15,
  .dark-mode .xs-min-15 {
    margin-inline-end: 112px;
  }
  .dark-mode .xs-p-15 {
    padding: 112px;
  }
  .dark-mode .xs-pt-15,
  .dark-mode .xs-py-15 {
    padding-top: 112px;
  }
  .dark-mode .xs-pr-15,
  .dark-mode .xs-px-15 {
    padding-right: 112px;
  }
  .dark-mode .xs-pb-15,
  .dark-mode .xs-py-15 {
    padding-bottom: 112px;
  }
  .dark-mode .xs-pl-15,
  .dark-mode .xs-px-15 {
    padding-left: 112px;
  }
  .dark-mode .xs-pbls-15,
  .dark-mode .xs-pbl-15 {
    padding-block-start: 112px;
  }
  .dark-mode .xs-pble-15,
  .dark-mode .xs-pbl-15 {
    padding-block-end: 112px;
  }
  .dark-mode .xs-pins-15,
  .dark-mode .xs-pin-15 {
    padding-inline-start: 112px;
  }
  .dark-mode .xs-pine-15,
  .dark-mode .xs-pin-15 {
    padding-inline-end: 112px;
  }
  .dark-mode .xs-m-16 {
    margin: 120px;
  }
  .dark-mode .xs-mt-16,
  .dark-mode .xs-my-16 {
    margin-top: 120px;
  }
  .dark-mode .xs-mr-16,
  .dark-mode .xs-mx-16 {
    margin-right: 120px;
  }
  .dark-mode .xs-mb-16,
  .dark-mode .xs-my-16 {
    margin-bottom: 120px;
  }
  .dark-mode .xs-ml-16,
  .dark-mode .xs-mx-16 {
    margin-left: 120px;
  }
  .dark-mode .xs-mbls-16,
  .dark-mode .xs-mbl-16 {
    margin-block-start: 120px;
  }
  .dark-mode .xs-mble-16,
  .dark-mode .xs-mbl-16 {
    margin-block-end: 120px;
  }
  .dark-mode .xs-mins-16,
  .dark-mode .xs-min-16 {
    margin-inline-start: 120px;
  }
  .dark-mode .xs-mine-16,
  .dark-mode .xs-min-16 {
    margin-inline-end: 120px;
  }
  .dark-mode .xs-p-16 {
    padding: 120px;
  }
  .dark-mode .xs-pt-16,
  .dark-mode .xs-py-16 {
    padding-top: 120px;
  }
  .dark-mode .xs-pr-16,
  .dark-mode .xs-px-16 {
    padding-right: 120px;
  }
  .dark-mode .xs-pb-16,
  .dark-mode .xs-py-16 {
    padding-bottom: 120px;
  }
  .dark-mode .xs-pl-16,
  .dark-mode .xs-px-16 {
    padding-left: 120px;
  }
  .dark-mode .xs-pbls-16,
  .dark-mode .xs-pbl-16 {
    padding-block-start: 120px;
  }
  .dark-mode .xs-pble-16,
  .dark-mode .xs-pbl-16 {
    padding-block-end: 120px;
  }
  .dark-mode .xs-pins-16,
  .dark-mode .xs-pin-16 {
    padding-inline-start: 120px;
  }
  .dark-mode .xs-pine-16,
  .dark-mode .xs-pin-16 {
    padding-inline-end: 120px;
  }
  .dark-mode .xs-m-17 {
    margin: 128px;
  }
  .dark-mode .xs-mt-17,
  .dark-mode .xs-my-17 {
    margin-top: 128px;
  }
  .dark-mode .xs-mr-17,
  .dark-mode .xs-mx-17 {
    margin-right: 128px;
  }
  .dark-mode .xs-mb-17,
  .dark-mode .xs-my-17 {
    margin-bottom: 128px;
  }
  .dark-mode .xs-ml-17,
  .dark-mode .xs-mx-17 {
    margin-left: 128px;
  }
  .dark-mode .xs-mbls-17,
  .dark-mode .xs-mbl-17 {
    margin-block-start: 128px;
  }
  .dark-mode .xs-mble-17,
  .dark-mode .xs-mbl-17 {
    margin-block-end: 128px;
  }
  .dark-mode .xs-mins-17,
  .dark-mode .xs-min-17 {
    margin-inline-start: 128px;
  }
  .dark-mode .xs-mine-17,
  .dark-mode .xs-min-17 {
    margin-inline-end: 128px;
  }
  .dark-mode .xs-p-17 {
    padding: 128px;
  }
  .dark-mode .xs-pt-17,
  .dark-mode .xs-py-17 {
    padding-top: 128px;
  }
  .dark-mode .xs-pr-17,
  .dark-mode .xs-px-17 {
    padding-right: 128px;
  }
  .dark-mode .xs-pb-17,
  .dark-mode .xs-py-17 {
    padding-bottom: 128px;
  }
  .dark-mode .xs-pl-17,
  .dark-mode .xs-px-17 {
    padding-left: 128px;
  }
  .dark-mode .xs-pbls-17,
  .dark-mode .xs-pbl-17 {
    padding-block-start: 128px;
  }
  .dark-mode .xs-pble-17,
  .dark-mode .xs-pbl-17 {
    padding-block-end: 128px;
  }
  .dark-mode .xs-pins-17,
  .dark-mode .xs-pin-17 {
    padding-inline-start: 128px;
  }
  .dark-mode .xs-pine-17,
  .dark-mode .xs-pin-17 {
    padding-inline-end: 128px;
  }
  .dark-mode .xs-gap-0 {
    gap: 0px;
  }
  .dark-mode .xs-gap-x-0 {
    column-gap: 0px;
  }
  .dark-mode .xs-gap-y-0 {
    row-gap: 0px;
  }
  .dark-mode .xs-gap-0-5 {
    gap: 0.125rem;
  }
  .dark-mode .xs-gap-x-0-5 {
    column-gap: 0.125rem;
  }
  .dark-mode .xs-gap-y-0-5 {
    row-gap: 0.125rem;
  }
  .dark-mode .xs-gap-1 {
    gap: 0.25rem;
  }
  .dark-mode .xs-gap-x-1 {
    column-gap: 0.25rem;
  }
  .dark-mode .xs-gap-y-1 {
    row-gap: 0.25rem;
  }
  .dark-mode .xs-gap-1-5 {
    gap: 0.375rem;
  }
  .dark-mode .xs-gap-x-1-5 {
    column-gap: 0.375rem;
  }
  .dark-mode .xs-gap-y-1-5 {
    row-gap: 0.375rem;
  }
  .dark-mode .xs-gap-2 {
    gap: 0.5rem;
  }
  .dark-mode .xs-gap-x-2 {
    column-gap: 0.5rem;
  }
  .dark-mode .xs-gap-y-2 {
    row-gap: 0.5rem;
  }
  .dark-mode .xs-gap-2-5 {
    gap: 0.625rem;
  }
  .dark-mode .xs-gap-x-2-5 {
    column-gap: 0.625rem;
  }
  .dark-mode .xs-gap-y-2-5 {
    row-gap: 0.625rem;
  }
  .dark-mode .xs-gap-3 {
    gap: 0.75rem;
  }
  .dark-mode .xs-gap-x-3 {
    column-gap: 0.75rem;
  }
  .dark-mode .xs-gap-y-3 {
    row-gap: 0.75rem;
  }
  .dark-mode .xs-gap-3-5 {
    gap: 0.875rem;
  }
  .dark-mode .xs-gap-x-3-5 {
    column-gap: 0.875rem;
  }
  .dark-mode .xs-gap-y-3-5 {
    row-gap: 0.875rem;
  }
  .dark-mode .xs-gap-4 {
    gap: 1rem;
  }
  .dark-mode .xs-gap-x-4 {
    column-gap: 1rem;
  }
  .dark-mode .xs-gap-y-4 {
    row-gap: 1rem;
  }
  .dark-mode .xs-gap-5 {
    gap: 1.25rem;
  }
  .dark-mode .xs-gap-x-5 {
    column-gap: 1.25rem;
  }
  .dark-mode .xs-gap-y-5 {
    row-gap: 1.25rem;
  }
  .dark-mode .xs-gap-6 {
    gap: 1.5rem;
  }
  .dark-mode .xs-gap-x-6 {
    column-gap: 1.5rem;
  }
  .dark-mode .xs-gap-y-6 {
    row-gap: 1.5rem;
  }
  .dark-mode .xs-gap-7 {
    gap: 1.75rem;
  }
  .dark-mode .xs-gap-x-7 {
    column-gap: 1.75rem;
  }
  .dark-mode .xs-gap-y-7 {
    row-gap: 1.75rem;
  }
  .dark-mode .xs-gap-8 {
    gap: 2rem;
  }
  .dark-mode .xs-gap-x-8 {
    column-gap: 2rem;
  }
  .dark-mode .xs-gap-y-8 {
    row-gap: 2rem;
  }
  .dark-mode .xs-gap-9 {
    gap: 2.25rem;
  }
  .dark-mode .xs-gap-x-9 {
    column-gap: 2.25rem;
  }
  .dark-mode .xs-gap-y-9 {
    row-gap: 2.25rem;
  }
  .dark-mode .xs-gap-10 {
    gap: 2.5rem;
  }
  .dark-mode .xs-gap-x-10 {
    column-gap: 2.5rem;
  }
  .dark-mode .xs-gap-y-10 {
    row-gap: 2.5rem;
  }
  .dark-mode .xs-gap-11 {
    gap: 2.75rem;
  }
  .dark-mode .xs-gap-x-11 {
    column-gap: 2.75rem;
  }
  .dark-mode .xs-gap-y-11 {
    row-gap: 2.75rem;
  }
  .dark-mode .xs-gap-12 {
    gap: 3rem;
  }
  .dark-mode .xs-gap-x-12 {
    column-gap: 3rem;
  }
  .dark-mode .xs-gap-y-12 {
    row-gap: 3rem;
  }
  .dark-mode .xs-gap-14 {
    gap: 3.5rem;
  }
  .dark-mode .xs-gap-x-14 {
    column-gap: 3.5rem;
  }
  .dark-mode .xs-gap-y-14 {
    row-gap: 3.5rem;
  }
  .dark-mode .xs-gap-16 {
    gap: 4rem;
  }
  .dark-mode .xs-gap-x-16 {
    column-gap: 4rem;
  }
  .dark-mode .xs-gap-y-16 {
    row-gap: 4rem;
  }
  .dark-mode .xs-gap-20 {
    gap: 5rem;
  }
  .dark-mode .xs-gap-x-20 {
    column-gap: 5rem;
  }
  .dark-mode .xs-gap-y-20 {
    row-gap: 5rem;
  }
  .dark-mode .xs-gap-24 {
    gap: 6rem;
  }
  .dark-mode .xs-gap-x-24 {
    column-gap: 6rem;
  }
  .dark-mode .xs-gap-y-24 {
    row-gap: 6rem;
  }
  .dark-mode .xs-gap-28 {
    gap: 7rem;
  }
  .dark-mode .xs-gap-x-28 {
    column-gap: 7rem;
  }
  .dark-mode .xs-gap-y-28 {
    row-gap: 7rem;
  }
  .dark-mode .xs-gap-32 {
    gap: 8rem;
  }
  .dark-mode .xs-gap-x-32 {
    column-gap: 8rem;
  }
  .dark-mode .xs-gap-y-32 {
    row-gap: 8rem;
  }
  .dark-mode .xs-gap-36 {
    gap: 9rem;
  }
  .dark-mode .xs-gap-x-36 {
    column-gap: 9rem;
  }
  .dark-mode .xs-gap-y-36 {
    row-gap: 9rem;
  }
  .dark-mode .xs-gap-40 {
    gap: 10rem;
  }
  .dark-mode .xs-gap-x-40 {
    column-gap: 10rem;
  }
  .dark-mode .xs-gap-y-40 {
    row-gap: 10rem;
  }
  .dark-mode .xs-gap-44 {
    gap: 11rem;
  }
  .dark-mode .xs-gap-x-44 {
    column-gap: 11rem;
  }
  .dark-mode .xs-gap-y-44 {
    row-gap: 11rem;
  }
  .dark-mode .xs-gap-48 {
    gap: 12rem;
  }
  .dark-mode .xs-gap-x-48 {
    column-gap: 12rem;
  }
  .dark-mode .xs-gap-y-48 {
    row-gap: 12rem;
  }
  .dark-mode .xs-gap-52 {
    gap: 13rem;
  }
  .dark-mode .xs-gap-x-52 {
    column-gap: 13rem;
  }
  .dark-mode .xs-gap-y-52 {
    row-gap: 13rem;
  }
  .dark-mode .xs-gap-56 {
    gap: 13rem;
  }
  .dark-mode .xs-gap-x-56 {
    column-gap: 13rem;
  }
  .dark-mode .xs-gap-y-56 {
    row-gap: 13rem;
  }
  .dark-mode .xs-gap-60 {
    gap: 15rem;
  }
  .dark-mode .xs-gap-x-60 {
    column-gap: 15rem;
  }
  .dark-mode .xs-gap-y-60 {
    row-gap: 15rem;
  }
  .dark-mode .xs-gap-64 {
    gap: 16rem;
  }
  .dark-mode .xs-gap-x-64 {
    column-gap: 16rem;
  }
  .dark-mode .xs-gap-y-64 {
    row-gap: 16rem;
  }
  .dark-mode .xs-gap-72 {
    gap: 18rem;
  }
  .dark-mode .xs-gap-x-72 {
    column-gap: 18rem;
  }
  .dark-mode .xs-gap-y-72 {
    row-gap: 18rem;
  }
  .dark-mode .xs-gap-80 {
    gap: 20rem;
  }
  .dark-mode .xs-gap-x-80 {
    column-gap: 20rem;
  }
  .dark-mode .xs-gap-y-80 {
    row-gap: 20rem;
  }
  .dark-mode .xs-gap-96 {
    gap: 24rem;
  }
  .dark-mode .xs-gap-x-96 {
    column-gap: 24rem;
  }
  .dark-mode .xs-gap-y-96 {
    row-gap: 24rem;
  }
  .dark-mode .xs-flex {
    display: flex;
  }
  .dark-mode .xs-block {
    display: block;
  }
  .dark-mode .xs-grid {
    display: grid;
  }
  .dark-mode .xs-table {
    display: table;
  }
  .dark-mode .xs-table-row {
    display: table-row;
  }
  .dark-mode .xs-table-row-group {
    display: table-row-group;
  }
  .dark-mode .xs-inline-table {
    display: inline-table;
  }
  .dark-mode .xs-inline-block {
    display: inline-block;
  }
  .dark-mode .xs-inline {
    display: inline-flex;
  }
  .dark-mode .xs-hidden {
    display: none;
  }
  .dark-mode .xs-justify-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
  }
  .dark-mode .xs-justify-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
  .dark-mode .xs-justify-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .dark-mode .xs-justify-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
  .dark-mode .xs-justify-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
  }
  .dark-mode .xs-justify-items-start {
    -webkit-justify-items: start;
    -moz-justify-items: start;
    -ms-justify-items: start;
    justify-items: start;
  }
  .dark-mode .xs-justify-items-end {
    -webkit-justify-items: end;
    -moz-justify-items: end;
    -ms-justify-items: end;
    justify-items: end;
  }
  .dark-mode .xs-justify-items-center {
    -webkit-justify-items: center;
    -moz-justify-items: center;
    -ms-justify-items: center;
    justify-items: center;
  }
  .dark-mode .xs-justify-items-stretch {
    -webkit-justify-items: stretch;
    -moz-justify-items: stretch;
    -ms-justify-items: stretch;
    justify-items: stretch;
  }
  .dark-mode .xs-justify-self-auto {
    -webkit-justify-self: auto;
    -moz-justify-self: auto;
    -ms-justify-self: auto;
    justify-self: auto;
  }
  .dark-mode .xs-justify-self-start {
    -webkit-justify-self: start;
    -moz-justify-self: start;
    -ms-justify-self: start;
    justify-self: start;
  }
  .dark-mode .xs-justify-self-end {
    -webkit-justify-self: end;
    -moz-justify-self: end;
    -ms-justify-self: end;
    justify-self: end;
  }
  .dark-mode .xs-justify-self-center {
    -webkit-justify-self: center;
    -moz-justify-self: center;
    -ms-justify-self: center;
    justify-self: center;
  }
  .dark-mode .xs-justify-self-baseline {
    -webkit-justify-self: baseline;
    -moz-justify-self: baseline;
    -ms-justify-self: baseline;
    justify-self: baseline;
  }
  .dark-mode .xs-justify-self-stretch {
    -webkit-justify-self: stretch;
    -moz-justify-self: stretch;
    -ms-justify-self: stretch;
    justify-self: stretch;
  }
  .dark-mode .xs-content-start {
    -ms-align-content: flex-start;
    align-content: flex-start;
  }
  .dark-mode .xs-content-end {
    -ms-align-content: flex-end;
    align-content: flex-end;
  }
  .dark-mode .xs-content-center {
    -ms-align-content: center;
    align-content: center;
  }
  .dark-mode .xs-content-between {
    -ms-align-content: space-between;
    align-content: space-between;
  }
  .dark-mode .xs-content-around {
    -ms-align-content: space-around;
    align-content: space-around;
  }
  .dark-mode .xs-content-evenly {
    -ms-align-content: space-evenly;
    align-content: space-evenly;
  }
  .dark-mode .xs-content-baseline {
    -ms-align-content: baseline;
    align-content: baseline;
  }
  .dark-mode .xs-items-start {
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .dark-mode .xs-items-end {
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .dark-mode .xs-items-center {
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .dark-mode .xs-items-baseline {
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
  }
  .dark-mode .xs-items-stretch {
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .dark-mode .xs-self-auto {
    -ms-align-self: auto;
    align-self: auto;
  }
  .dark-mode .xs-self-start {
    -ms-align-self: flex-start;
    align-self: flex-start;
  }
  .dark-mode .xs-self-end {
    -ms-align-self: flex-end;
    align-self: flex-end;
  }
  .dark-mode .xs-self-center {
    -ms-align-self: center;
    align-self: center;
  }
  .dark-mode .xs-self-baseline {
    -ms-align-self: baseline;
    align-self: baseline;
  }
  .dark-mode .xs-self-stretch {
    -ms-align-self: stretch;
    align-self: stretch;
  }
  .dark-mode .xs-place-content-start {
    -webkit-place-content: start;
    -moz-place-content: start;
    -ms-place-content: start;
    place-content: start;
  }
  .dark-mode .xs-place-content-end {
    -webkit-place-content: end;
    -moz-place-content: end;
    -ms-place-content: end;
    place-content: end;
  }
  .dark-mode .xs-place-content-center {
    -webkit-place-content: center;
    -moz-place-content: center;
    -ms-place-content: center;
    place-content: center;
  }
  .dark-mode .xs-place-content-between {
    -webkit-place-content: space-between;
    -moz-place-content: space-between;
    -ms-place-content: space-between;
    place-content: space-between;
  }
  .dark-mode .xs-place-content-around {
    -webkit-place-content: space-around;
    -moz-place-content: space-around;
    -ms-place-content: space-around;
    place-content: space-around;
  }
  .dark-mode .xs-place-content-evenly {
    -webkit-place-content: space-evenly;
    -moz-place-content: space-evenly;
    -ms-place-content: space-evenly;
    place-content: space-evenly;
  }
  .dark-mode .xs-place-content-stretch {
    -webkit-place-content: stretch;
    -moz-place-content: stretch;
    -ms-place-content: stretch;
    place-content: stretch;
  }
  .dark-mode .xs-place-content-baseline {
    -webkit-place-content: baseline;
    -moz-place-content: baseline;
    -ms-place-content: baseline;
    place-content: baseline;
  }
  .dark-mode .xs-place-items-start {
    -webkit-place-items: start;
    -moz-place-items: start;
    -ms-place-items: start;
    place-items: start;
  }
  .dark-mode .xs-place-items-end {
    -webkit-place-items: end;
    -moz-place-items: end;
    -ms-place-items: end;
    place-items: end;
  }
  .dark-mode .xs-place-items-center {
    -webkit-place-items: center;
    -moz-place-items: center;
    -ms-place-items: center;
    place-items: center;
  }
  .dark-mode .xs-place-items-baseline {
    -webkit-place-items: baseline;
    -moz-place-items: baseline;
    -ms-place-items: baseline;
    place-items: baseline;
  }
  .dark-mode .xs-place-items-stretch {
    -webkit-place-items: stretch;
    -moz-place-items: stretch;
    -ms-place-items: stretch;
    place-items: stretch;
  }
  .dark-mode .xs-place-self-auto {
    -webkit-place-self: auto;
    -moz-place-self: auto;
    place-self: auto;
  }
  .dark-mode .xs-place-self-start {
    -webkit-place-self: flex-start;
    -moz-place-self: flex-start;
    place-self: flex-start;
  }
  .dark-mode .xs-place-self-end {
    -webkit-place-self: flex-end;
    -moz-place-self: flex-end;
    place-self: flex-end;
  }
  .dark-mode .xs-place-self-center {
    -webkit-place-self: center;
    -moz-place-self: center;
    place-self: center;
  }
  .dark-mode .xs-place-self-stretch {
    -webkit-place-self: stretch;
    -moz-place-self: stretch;
    place-self: stretch;
  }
  .dark-mode .xs-text-ellipsis {
    text-overflow: ellipsis;
  }
  .dark-mode .xs-text-clip {
    text-overflow: clip;;
  }
  .dark-mode .xs-truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .dark-mode .xs-overflow-hidden {
    overflow: hidden;
  }
  .dark-mode .xs-text-left {
    text-align: left;
  }
  .dark-mode .xs-text-center {
    text-align: center;
  }
  .dark-mode .xs-text-right {
    text-align: right;
  }
  .dark-mode .xs-text-justify {
    text-align: justify;
  }
  .dark-mode .xs-text-start {
    text-align: start;
  }
  .dark-mode .xs-text-end {
    text-align: end;
  }
  .dark-mode .xs-underline {
    text-decoration: underline;
  }
  .dark-mode .xs-overline {
    text-decoration: overline;
  }
  .dark-mode .xs-line-through {
    text-decoration: line-through;
  }
  .dark-mode .xs-no-underline {
    text-decoration: none;
  }
  .dark-mode .xs-uppercase {
    text-transform: uppercase;
  }
  .dark-mode .xs-lowercase {
    text-transform: lowercase;
  }
  .dark-mode .xs-capitalize {
    text-transform: capitalize;
  }
  .dark-mode .xs-normal-case {
    text-transform: none;
  }
  .dark-mode .xs-align-baseline {
    vertical-align: baseline;
  }
  .dark-mode .xs-align-top {
    vertical-align: top;
  }
  .dark-mode .xs-align-middle {
    vertical-align: middle;
  }
  .dark-mode .xs-align-bottom {
    vertical-align: bottom;
  }
  .dark-mode .xs-align-text-top {
    vertical-align: text-top;
  }
  .dark-mode .xs-align-text-bottom {
    vertical-align: text-bottom;
  }
  .dark-mode .xs-align-sub {
    vertical-align: sub;
  }
  .dark-mode .xs-align-super {
    vertical-align: super;
  }
  .dark-mode .xs-whitespace-normal {
    white-space: normal;
  }
  .dark-mode .xs-whitespace-nowrap {
    white-space: nowrap;
  }
  .dark-mode .xs-whitespace-pre {
    white-space: pre;
  }
  .dark-mode .xs-whitespace-pre-line {
    white-space: pre-line;
  }
  .dark-mode .xs-whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .dark-mode .xs-whitespace-break-spaces {
    white-space: break-spaces;
  }
  .dark-mode .xs-break-all {
    word-break: break-all;
  }
  .dark-mode .xs-break-keep {
    word-break: keep-all;
  }
  .dark-mode .xs-break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }
  .dark-mode .xs-break-words {
    overflow-wrap: break-word;
  }
  .dark-mode .xs-hyphens-none {
    hyphens: none;
  }
  .dark-mode .xs-hyphens-manual {
    hyphens: manual;
  }
  .dark-mode .xs-hyphens-auto {
    hyphens: auto;
  }
  .dark-mode .xs-indent-0 {
    text-indent: 0px;
  }
  .dark-mode .xs-indent-px {
    text-indent: 1px;
  }
  .dark-mode .xs-indent-0-5 {
    text-indent: 0.125rem;
  }
  .dark-mode .xs-indent-1 {
    text-indent: 0.25rem;
  }
  .dark-mode .xs-indent-1-5 {
    text-indent: 0.375rem;
  }
  .dark-mode .xs-indent-2 {
    text-indent: 0.5rem;
  }
  .dark-mode .xs-indent-2-5 {
    text-indent: 0.625rem;
  }
  .dark-mode .xs-indent-3 {
    text-indent: 0.75rem;
  }
  .dark-mode .xs-indent-3-5 {
    text-indent: 0.875rem;
  }
  .dark-mode .xs-indent-4 {
    text-indent: 1rem;
  }
  .dark-mode .xs-indent-5 {
    text-indent: 1.25rem;
  }
  .dark-mode .xs-indent-6 {
    text-indent: 1.5rem;
  }
  .dark-mode .xs-indent-7 {
    text-indent: 1.75rem;
  }
  .dark-mode .xs-indent-8 {
    text-indent: 2rem;
  }
  .dark-mode .xs-indent-9 {
    text-indent: 2.25rem;
  }
  .dark-mode .xs-indent-10 {
    text-indent: 2.5rem;
  }
  .dark-mode .xs-indent-11 {
    text-indent: 2.75rem;
  }
  .dark-mode .xs-indent-12 {
    text-indent:  3rem;
  }
  .dark-mode .xs-indent-14 {
    text-indent: 3.5rem;
  }
  .dark-mode .xs-indent-16 {
    text-indent: 4rem;
  }
  .dark-mode .xs-indent-20 {
    text-indent: 5rem;
  }
  .dark-mode .xs-indent-24 {
    text-indent: 6rem;
  }
  .dark-mode .xs-indent-28 {
    text-indent: 7rem;
  }
  .dark-mode .xs-indent-32 {
    text-indent: 8rem;
  }
  .dark-mode .xs-indent-36 {
    text-indent: 9rem;
  }
  .dark-mode .xs-indent-40 {
    text-indent: 10rem;
  }
  .dark-mode .xs-indent-44 {
    text-indent: 11rem;
  }
  .dark-mode .xs-indent-48 {
    text-indent: 12rem;
  }
  .dark-mode .xs-indent-52 {
    text-indent: 13rem;
  }
  .dark-mode .xs-indent-56 {
    text-indent: 14rem;
  }
  .dark-mode .xs-indent-60 {
    text-indent: 15rem;
  }
  .dark-mode .xs-indent-64 {
    text-indent: 16rem;
  }
  .dark-mode .xs-indent-72 {
    text-indent: 18rem;
  }
  .dark-mode .xs-indent-80 {
    text-indent: 20rem;
  }
  .dark-mode .xs-indent-96 {
    text-indent: 24rem;
  }
  .dark-mode .xs-text-xs {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .dark-mode .xs-text-sm {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .dark-mode .xs-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .dark-mode .xs-text-lg {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .dark-mode .xs-text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .dark-mode .xs-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .dark-mode .xs-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .dark-mode .xs-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
.dark-mode .mic-icon-button-large {
  width: 40px !important;
  height: 40px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.dark-mode .mic-icon-button-large > *[role=img] {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.dark-mode .mic-icon-button-large > *[role=img] svg {
  width: 24px;
  height: 24px;
}
.dark-mode .mic-icon-button-large .mat-mdc-button-touch-target {
  width: 40px !important;
  height: 40px !important;
}
.dark-mode .mic-icon-button-medium {
  width: 32px !important;
  height: 32px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.dark-mode .mic-icon-button-medium > *[role=img] {
  width: 19px;
  height: 19px;
  font-size: 19px;
}
.dark-mode .mic-icon-button-medium > *[role=img] svg {
  width: 19px;
  height: 19px;
}
.dark-mode .mic-icon-button-medium .mat-mdc-button-touch-target {
  width: 32px !important;
  height: 32px !important;
}
.dark-mode .mic-icon-button-small {
  width: 26px !important;
  height: 26px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.dark-mode .mic-icon-button-small > *[role=img] {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.dark-mode .mic-icon-button-small > *[role=img] svg {
  width: 16px;
  height: 16px;
}
.dark-mode .mic-icon-button-small .mat-mdc-button-touch-target {
  width: 26px !important;
  height: 26px !important;
}
.dark-mode .mic-icon-button-tiny {
  width: 20px !important;
  height: 20px !important;
  padding: 0px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.dark-mode .mic-icon-button-tiny > *[role=img] {
  width: 12px;
  height: 12px;
  font-size: 12px;
}
.dark-mode .mic-icon-button-tiny > *[role=img] svg {
  width: 12px;
  height: 12px;
}
.dark-mode .mic-icon-button-tiny .mat-mdc-button-touch-target {
  width: 20px !important;
  height: 20px !important;
}
.dark-mode .mat-accordion .mat-expansion-panel .mat-expansion-panel-header {
  border: 2px solid transparent;
}
.dark-mode .mat-accordion .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  font-weight: bold;
  font-size: 18px;
}
.dark-mode .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:hover, .dark-mode .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:focus {
  background-color: #c5ddf6 !important;
}
.dark-mode .mat-accordion .mat-expansion-panel .mat-expansion-panel-header:focus {
  outline: none;
  border-color: #7dbef0;
  border-width: 2px !important;
}
.dark-mode .mat-accordion .mat-expansion-panel .mat-expansion-panel-body * {
  font-size: 14px;
  letter-spacing: normal;
}
.dark-mode .mat-accordion[color=accent] .mat-expansion-panel {
  background-color: #7dbef0;
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
}
.dark-mode .mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header .mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header:hover, .dark-mode .mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header:focus {
  background-color: #6eb8f0 !important;
}
.dark-mode .mat-accordion[color=accent] .mat-expansion-panel .mat-expansion-panel-header:focus {
  border: white solid 2px !important;
}
.dark-mode .mat-accordion[color=accent] .mat-expansion-panel .mat-divider {
  background-color: #fce500;
}
.dark-mode .mat-mdc-button-base {
  font-weight: bold;
}
.dark-mode .mat-mdc-button-base .mat-mdc-button-wrapper {
  line-height: 24px;
}
.dark-mode .mat-mdc-button-base .mdc-button__label {
  display: flex;
  align-items: center;
  letter-spacing: normal;
}
.dark-mode .mat-mdc-button-base.mdc-fab:focus, .dark-mode .mat-mdc-button-base:focus {
  outline: 2px solid #7dbef0;
  outline-offset: 2px;
}
.dark-mode .mat-mdc-button-base.mdc-fab:focus.mdc-icon-button, .dark-mode .mat-mdc-button-base:focus.mdc-icon-button {
  outline-offset: -2px;
  outline-color: currentColor;
}
.dark-mode .mat-mdc-button-base.mdc-fab:focus.mdc-fab.mat-accent, .dark-mode .mat-mdc-button-base:focus.mdc-fab.mat-accent {
  outline-color: #fce500;
}
.dark-mode .mat-mdc-button-base.mdc-fab:focus.mdc-fab.mat-primary, .dark-mode .mat-mdc-button-base:focus.mdc-fab.mat-primary {
  outline-color: #7dbef0;
}
.dark-mode .mat-mdc-button-base.mdc-fab:focus.mdc-fab.mat-warn, .dark-mode .mat-mdc-button-base:focus.mdc-fab.mat-warn {
  outline-color: #7dbef0;
}
.dark-mode .mat-mdc-button-base:disabled {
  background-color: #616161;
}
.dark-mode .mat-mdc-button-base:hover {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}
.dark-mode .mat-mdc-button-base.mat-unthemed {
  color: #ffffff;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-unthemed, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-unthemed {
  color: #7dbef0;
  border: 2px solid #7dbef0;
  background-color: #616161;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-unthemed:hover, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-unthemed:hover {
  background-color: #272727;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-primary, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-primary {
  outline-color: #7dbef0;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-primary:hover, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-primary:hover {
  background-color: #6eb8f0;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-accent, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-accent {
  outline-color: #fce500;
  background-color: #fdf271;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-warn, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-warn {
  outline-color: #cc0033;
}
.dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button:not(:disabled).mat-warn:hover, .dark-mode .mat-mdc-button-base.mat-mdc-fab:not(:disabled).mat-warn:hover {
  background-color: #a6192e;
}
.dark-mode .mat-mdc-button-base.mat-mdc-outlined-button.mic-btn-outline {
  outline-color: currentColor;
  color: #ffffff;
  background-color: transparent;
  border: solid 2px #ffffff;
}
.dark-mode .mat-mdc-button-base.mat-mdc-outlined-button.mic-btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.dark-mode .mat-mdc-button-base.mat-mdc-outlined-button.mic-btn-outline:disabled {
  color: rgba(255, 255, 255, 0.38);
  background-color: transparent;
  border: solid 2px rgba(255, 255, 255, 0.38);
}
.dark-mode .mat-mdc-button-base.mic-btn-lg {
  line-height: normal;
  height: 59px;
  padding: 12px 16px;
}
.dark-mode .mat-mdc-button-base.mic-btn-sm {
  font-size: small;
  line-height: normal;
  height: 27px;
}
.dark-mode .mat-mdc-button-base.mat-mdc-button .mat-icon, .dark-mode .mat-mdc-button-base.mat-mdc-unelevated-button .mat-icon, .dark-mode .mat-mdc-button-base.mat-mdc-raised-button .mat-icon, .dark-mode .mat-mdc-button-base.mat-mdc-outlined-button .mat-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
}
.dark-mode .mat-mdc-button-base.mic-btn-icon-right {
  flex-direction: row-reverse;
}
.dark-mode .mat-mdc-button-base.mic-btn-icon-right > .mat-icon {
  margin-left: 8px;
  margin-right: -2px;
}
.dark-mode .mat-mdc-button-base.mic-btn-icon-left > .mat-icon {
  margin-right: 8px;
  margin-left: -2px;
}
.dark-mode .mic-button-loading .mat-icon {
  display: none;
}
.dark-mode .mic-button-loading .mat-mdc-progress-spinner {
  float: right;
  height: 20px;
  width: 20px;
  margin-left: 8px;
}
.dark-mode .mat-mdc-icon-button.mat-mdc-button-base {
  width: 40px;
  height: 40px;
  padding: 6px;
}
.dark-mode .mat-mdc-slide-toggle.mat-mdc-slide-toggle-focused {
  outline: #7dbef0 solid 2px;
  border-radius: 5px;
}
.dark-mode .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after {
  background-color: #99cef6 !important;
}
.dark-mode .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background-color: #7dbef0 !important;
}
.dark-mode .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track {
  height: 22px !important;
  border-radius: 11px !important;
}
.dark-mode .mat-mdc-slide-toggle .mdc-label {
  letter-spacing: normal;
}
.dark-mode .mat-mdc-slide-toggle .mdc-label {
  color: #ffffff;
}
.dark-mode .mdc-switch--disabled + .mdc-label {
  color: rgba(255, 255, 255, 0.38) !important;
}
.dark-mode .mat-mdc-card {
  padding: 16px;
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}
.dark-mode .mat-mdc-card .mat-mdc-card-title,
.dark-mode .mat-mdc-card .mat-mdc-card-subtitle {
  letter-spacing: normal;
}
.dark-mode .mat-mdc-card.mdc-card {
  border-radius: 8px;
}
.dark-mode .mat-mdc-card.flex.flex-row {
  flex-direction: row;
}
.dark-mode .mat-mdc-card[color=primary] {
  background-color: #7dbef0;
  background-color: #272727;
}
.dark-mode .mat-mdc-card[color=primary] .mat-mdc-card-title,
.dark-mode .mat-mdc-card[color=primary] .mat-mdc-card-subtitle,
.dark-mode .mat-mdc-card[color=primary] div,
.dark-mode .mat-mdc-card[color=primary] p,
.dark-mode .mat-mdc-card[color=primary] h3 {
  color: #ffffff;
}
.dark-mode .mat-mdc-card .mat-mdc-card-image {
  display: block;
  width: auto;
  margin: -16px -16px 0;
  overflow: hidden;
}
.dark-mode .mat-mdc-card .mat-mdc-card-image:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.dark-mode .mat-mdc-card .mat-mdc-card-content:last-child {
  padding: 0px;
}
.dark-mode .mat-mdc-card .mat-mdc-card-content.flex {
  display: flex !important;
}
.dark-mode .mat-mdc-card.mic-card {
  padding: 0;
  display: flex;
}
.dark-mode .mat-mdc-card .mat-mdc-card-title {
  font-weight: bold;
  padding: 4px 0 8px 0;
}
.dark-mode .mat-mdc-card .mat-mdc-card-subtitle {
  font-size: 16px;
}
.dark-mode .mic-card-horizontal-content {
  margin: 20px;
}
.dark-mode .mic-card-picture-container {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 25%;
  border-radius: 4px 0 0 4px;
}
.dark-mode .mic-card-picture-container img {
  position: relative;
  float: right;
  height: 100%;
}
.dark-mode .mat-mdc-checkbox .mdc-form-field {
  letter-spacing: normal;
}
.dark-mode .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled]) ~ .mdc-checkbox__ripple,
.dark-mode .mat-mdc-checkbox .mdc-checkbox__native-control:not([disabled]):focus ~ .mdc-checkbox__ripple {
  background-color: #c5ddf6;
  outline: white solid 2px;
  opacity: 1 !important;
}
.dark-mode .mat-datepicker-toggle {
  color: #7dbef0;
}
.dark-mode .mat-calendar-body-cell:focus .mat-calendar-body-cell-content {
  outline: #7dbef0 solid 2px;
  outline-offset: 2px;
}
.dark-mode .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.75em 0 0.75em 0;
}
.dark-mode .mat-mdc-option.mdc-list-item {
  border: 2px solid transparent;
}
.dark-mode .mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  outline: none;
  border: #7dbef0 solid 2px;
}
.dark-mode .mat-mdc-autocomplete .mat-option:hover:not(.mat-option-disabled),
.dark-mode .mat-autocomplete .mat-option:focus:not(.mat-option-disabled) {
  background-color: #7dbef0;
  color: #ffffff;
}
.dark-mode .mat-mdc-autocomplete .mat-mdc-option.mat-active {
  background-color: #7dbef0;
  color: #ffffff;
}
.dark-mode .mic-form-field-white .mat-form-field-underline {
  background-color: #ffffff;
}
.dark-mode .mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mdc-floating-label,
.dark-mode .mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-trigger,
.dark-mode .mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-arrow,
.dark-mode .mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-value,
.dark-mode .mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused .mat-mdc-select-placeholder,
.dark-mode .mic-form-field-white.mat-mdc-form-field.mat-accent .mdc-text-field--focused input::placeholder,
.dark-mode .mic-form-field-white .mdc-text-field .mdc-floating-label,
.dark-mode .mic-form-field-white .mdc-text-field .mat-mdc-select-trigger,
.dark-mode .mic-form-field-white .mdc-text-field .mat-mdc-select-arrow,
.dark-mode .mic-form-field-white .mdc-text-field .mat-mdc-select-value,
.dark-mode .mic-form-field-white .mdc-text-field .mat-mdc-select-placeholder,
.dark-mode .mic-form-field-white .mdc-text-field input::placeholder,
.dark-mode .mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
.dark-mode .mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-trigger,
.dark-mode .mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-arrow,
.dark-mode .mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-value,
.dark-mode .mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) .mat-mdc-select-placeholder,
.dark-mode .mic-form-field-white .mdc-text-field:not(.mdc-text-field--disabled) input::placeholder {
  caret-color: #ffffff;
  color: #ffffff !important;
}
.dark-mode .mic-form-field-white .mdc-text-field--filled.mdc-text-field--focused {
  outline: white solid 2px;
}
.dark-mode .mic-form-field-white .mdc-text-field--filled .mdc-line-ripple:after {
  border-bottom-color: #ffffff;
}
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-notched-outline__leading,
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-notched-outline__notch,
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-notched-outline__trailing, .dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-notched-outline__leading,
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-notched-outline__notch,
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-notched-outline__trailing {
  border-color: #ffffff !important;
}
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-text-field__input,
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper .mdc-text-field__input::placeholder, .dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-text-field__input,
.dark-mode .mic-form-field-white .mdc-text-field--outlined:not(.mdc-text-field--disabled).mat-mdc-text-field-wrapper:hover .mdc-text-field__input::placeholder {
  color: #ffffff;
}
.dark-mode .mat-mdc-form-field-error-wrapper {
  padding: 0 !important;
}
.dark-mode .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error {
  background-color: #f3c9bc;
  border-radius: 4px;
  padding: 0 4px 5px;
  margin-top: 5px;
}
.dark-mode .mat-mdc-form-field-hint-wrapper {
  padding: 0 !important;
}
.dark-mode .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint {
  width: 100%;
  border-radius: 4px;
  padding: 0 4px 5px;
  margin-top: 5px;
}
.dark-mode .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint.mic-info {
  background-color: #99cef6;
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint.mic-valid {
  display: none;
  background-color: #ceeac6;
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-form-field-hint-wrapper .mat-mdc-form-field-hint-spacer {
  display: none;
}
.dark-mode .mat-mdc-form-field.ng-valid.ng-touched .mat-mdc-form-field-hint.mic-valid {
  display: block;
}
.dark-mode .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar,
.dark-mode .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar,
.dark-mode .mat-mdc-progress-bar.mat-primary .mdc-linear-progress__buffer-bar {
  background-color: #e0e0e0;
}
.dark-mode .mat-mdc-option {
  min-height: 2.8em;
}
.dark-mode .mat-mdc-option .mdc-list-item__primary-text {
  line-height: initial !important;
}
.dark-mode .mat-mdc-option .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after {
  color: #27509b !important;
}
.dark-mode .mat-select-empty-placeholder {
  color: #ffffff;
}
.dark-mode .mat-mdc-autocomplete-panel,
.dark-mode .mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  overflow: hidden;
}
.dark-mode .mat-mdc-autocomplete-panel .mat-mdc-form-field *,
.dark-mode .mat-mdc-select-panel:not([class*=mat-elevation-z]) .mat-mdc-form-field * {
  color: #ffffff;
}
.dark-mode .mat-select-options-wrapper .mat-mdc-option {
  line-height: 2.8em;
  height: 2.8em;
}
.dark-mode .mat-select-options-wrapper .mat-mdc-option.mat-active {
  color: inherit;
  color: #ffffff;
}
.dark-mode .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.dark-mode .mat-mdc-option:focus:not(.mdc-list-item--disabled),
.dark-mode .mat-mdc-option.mat-mdc-option-active.mdc-list-item,
.dark-mode .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled),
.dark-mode .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
  background-color: #c5ddf6;
}
.dark-mode .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.dark-mode .mat-mdc-option:focus:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.dark-mode .mat-mdc-option.mat-mdc-option-active.mdc-list-item .mdc-list-item__primary-text,
.dark-mode .mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.dark-mode .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #27509b !important;
}
.dark-mode .mat-select-checked small {
  color: #7dbef0;
}
.dark-mode .mat-pseudo-checkbox-full {
  border-color: var(--mdc-checkbox-unselected-icon-color);
}
.dark-mode .mat-mdc-tab-group .mat-mdc-tab-label-container,
.dark-mode .mat-tab-link-container .mat-mdc-tab-label-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:focus span.mdc-tab__text-label, .dark-mode .mat-mdc-tab-group .mat-mdc-tab:focus app-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link, .dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:focus span.mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:focus .qss-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:focus span.mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab:focus span.mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab:focus span.mat-mdc-tab-link,
.dark-mode .mat-tab-link-container .mat-mdc-tab:focus span.mdc-tab__text-label,
.dark-mode .mat-tab-link-container .mat-mdc-tab:focus app-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:focus span.mat-mdc-tab-link,
.dark-mode .mat-tab-link-container .mat-mdc-tab:focus .qss-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:focus span.mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab:focus span.mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab:focus span.mat-mdc-tab-link {
  outline: 1px solid transparent;
  outline-offset: 1px;
  box-shadow: -1px -1px 0px #7dbef0 inset, 1px -1px 0px #7dbef0 inset, -1px 1px 0px #7dbef0 inset, 1px 1px 0px #7dbef0 inset;
}
.dark-mode .mat-mdc-tab-group .mdc-tab__text-label, .dark-mode .mat-mdc-tab-group app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, .dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mat-tab-link-container .mdc-tab__text-label,
.dark-mode .mat-tab-link-container app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab-link,
.dark-mode .mat-tab-link-container .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab-link,
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mat-tab-link-container .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
  color: #7dbef0;
  letter-spacing: normal;
  border: transparent solid 1px;
  padding: 5px;
}
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled),
.dark-mode .mat-mdc-tab-group .mat-mdc-tab-link:not(.mat-mdc-tab-disabled),
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled),
.dark-mode .mat-tab-link-container .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) {
  opacity: 1;
  font-size: 16px;
}
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.dark-mode .mat-tab-link-container .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) {
  background-color: #2e2e2e;
}
.dark-mode .mat-mdc-tab-group .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled),
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.dark-mode .mat-tab-link-container .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled),
.dark-mode .mat-tab-link-container .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled),
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link {
  text-shadow: 0.4px 0 0, -0.4px 0 0;
}
.dark-mode .mat-mdc-tab-group .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label .mdc-tab__ripple::before,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode .mat-tab-link-container .mat-mdc-tab-link:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.dark-mode .mat-tab-link-container .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) .mdc-tab__ripple::before,
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label .mdc-tab__ripple::before,
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link .mdc-tab__ripple::before,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-tab-link-container .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mat-mdc-tab-link .mdc-tab__ripple::before {
  background-color: transparent;
}
.dark-mode .mat-mdc-tab-group .mdc-tab-indicator .mdc-tab-indicator__content--underline,
.dark-mode .mat-tab-link-container .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-width: 5px;
}
.dark-mode .mat-mdc-tab-group.mat-accent {
  background-color: #6eb8f0;
}
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mdc-tab__text-label, .dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus app-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link, .dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus .qss-tab-nav .mat-mdc-tab-nav-bar span.mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:focus span.mat-mdc-tab-link {
  box-shadow: -1px -1px 0px black inset, 1px -1px 0px black inset, -1px 1px 0px black inset, 1px 1px 0px black inset;
}
.dark-mode .mat-mdc-tab-group.mat-accent .mdc-tab__text-label, .dark-mode .mat-mdc-tab-group.mat-accent app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, .dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group.mat-accent .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link,
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab-body,
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab-body p {
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-accent .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled) {
  background-color: inherit;
}
.dark-mode .mat-icon-container {
  height: 18px;
  width: 34px;
  margin: 8px;
  padding-top: 1px;
}
.dark-mode .mat-mdc-chip {
  line-height: 25px;
  overflow: hidden;
}
.dark-mode .mat-mdc-chip .mat-mdc-chip-action-label {
  display: flex;
  align-items: center;
  letter-spacing: normal;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline) {
  white-space: nowrap;
  transition: none;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-secondary {
  background-color: #53565a;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary {
  background-color: #7dbef0;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline):not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline):not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg {
  color: #ffffff;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline):focus::after, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-chip-selected.mat-primary::after {
  opacity: 0;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline) .mat-icon {
  margin: 0 8px 0 0;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline) .mat-mdc-chip-trailing-icon .mat-icon {
  margin: 0px;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover {
  background-color: #fce500;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-accent:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover {
  background-color: #cc0033;
}
.dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg, .dark-mode .mat-mdc-chip.mat-mdc-standard-chip:not(.mic-chip-outline).mat-warn:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--trailing {
  color: #ffffff;
}
.dark-mode .mat-mdc-chip.mic-chip-outline {
  border: solid 2px #ffffff;
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  background-color: transparent;
}
.dark-mode .mat-mdc-chip.mic-chip-outline .mat-icon {
  margin: 0 8px 0 0;
}
.dark-mode .mat-mdc-chip.mic-chip-outline .mat-mdc-chip-trailing-icon .mat-icon {
  margin: 0px;
}
.dark-mode .mat-mdc-chip.mic-chip-outline:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg {
  color: #ffffff;
}
.dark-mode .mat-mdc-chip.mic-chip-outline:focus {
  background-color: #e0e0e0;
  outline: #e0e0e0 solid 2px;
  outline-offset: 2px;
}
.dark-mode .mat-mdc-chip.mic-chip-outline:disabled {
  color: rgba(255, 255, 255, 0.38);
  background-color: transparent;
  border: solid 2px rgba(255, 255, 255, 0.38);
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:hover {
  border: 2px #7dbef0 solid;
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary .mat-icon,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary .mat-icon.mat-chip-remove, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:hover .mat-icon,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-primary:hover .mat-icon.mat-chip-remove {
  color: #7dbef0;
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:hover {
  border: 2px #fce500 solid;
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent .mat-icon,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent .mat-icon.mat-chip-remove, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:hover .mat-icon,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-accent:hover .mat-icon.mat-chip-remove {
  color: #fce500;
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:hover {
  border: 2px #cc0033 solid;
}
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn .mat-icon,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn .mat-icon.mat-chip-remove, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:hover .mat-icon,
.dark-mode .mat-mdc-chip.mic-chip-outline.mat-warn:hover .mat-icon.mat-chip-remove {
  color: #cc0033;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option {
  cursor: pointer;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option.cdk-focused {
  outline: 2px solid #bdbdbd;
  outline-offset: 2px;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option.cdk-focused.mat-primary {
  outline-color: #7dbef0;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option.cdk-focused.mat-accent {
  outline-color: #fce500;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option:hover {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
  color: #ffffff;
  background-color: #e0e0e0;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option:hover:not(.mdc-evolution-chip--disabled) .mat-mdc-chip-action-label, .dark-mode .mat-mdc-chip.mat-mdc-chip-option:hover:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark-svg {
  color: rgba(0, 0, 0, 0.87);
  color: #ffffff;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option:hover .mat-icon,
.dark-mode .mat-mdc-chip.mat-mdc-chip-option:hover .mat-icon.mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  color: #ffffff;
}
.dark-mode .mat-mdc-chip.mat-mdc-chip-option.mat-accent {
  outline-color: #fce500;
}
.dark-mode .mat-mdc-chip[routerlink],
.dark-mode .mat-mdc-chip > a {
  cursor: pointer;
}
.dark-mode .mat-mdc-chip-row.cdk-focused {
  outline: 2px solid #bdbdbd;
  outline-offset: 2px;
}
.dark-mode .mat-mdc-chip-row.cdk-focused.mat-primary {
  outline-color: #7dbef0;
}
.dark-mode .mat-mdc-chip-row.cdk-focused.mat-accent {
  outline-color: #fce500;
}
.dark-mode .mat-mdc-chip-row.cdk-focused.mat-warn {
  outline-color: #cc0033;
}
.dark-mode .mat-mdc-radio-button .mdc-form-field {
  letter-spacing: normal;
}
.dark-mode .mat-mdc-radio-button .mdc-radio__background::before {
  transform: none;
  transition: none;
}
.dark-mode .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before,
.dark-mode .mat-mdc-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before {
  background-color: #c5ddf6;
  outline: white solid 2px;
  opacity: 0.25 !important;
}
.dark-mode .mat-step-header .mat-step-icon {
  background-color: #707070;
}
.dark-mode .mat-step-header:focus {
  outline: #7dbef0 solid 2px;
  border-radius: 5px;
}
.dark-mode .mat-step-icon-selected {
  background-color: #7dbef0 !important;
  outline: #7dbef0 solid 2px;
  outline-offset: 2px;
}
.dark-mode th,
.dark-mode .mat-mdc-header-cell,
.dark-mode .mat-mdc-footer-row {
  color: white;
  font-size: 16px;
  font-weight: bold;
}
.dark-mode .mat-mdc-cell {
  letter-spacing: normal;
}
.dark-mode .mat-sort-header-arrow {
  color: #7dbef0;
}
.dark-mode .table-stripped tr:nth-child(even),
.dark-mode .table-stripped .mat-mdc-row:nth-child(even) {
  background-color: #2e2e2e;
}
.dark-mode .table-stripped tr:nth-child(even):hover,
.dark-mode .table-stripped .mat-mdc-row:nth-child(even):hover {
  background-color: #2e2e2e;
}
.dark-mode .mat-mdc-paginator-container {
  background-color: #2e2e2e;
}
.dark-mode .mic-button-toggle-group.mat-button-toggle-group {
  border-radius: 100px;
  border-style: none;
}
.dark-mode .mat-button-toggle-group-appearance-standard .mat-pseudo-checkbox {
  --mat-standard-button-toggle-selected-state-text-color: white;
}
.dark-mode .mic-button-toggle.mat-button-toggle {
  font-weight: bold;
  height: 42px;
  min-width: 65px;
  margin-top: -8px;
  background-color: #eeeeee;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard {
  background-color: #2e2e2e;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #ffffff;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard.cdk-focused {
  background-color: #c5ddf6;
  color: #27509b;
  background-color: #22292e;
  color: #77b3e1;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]):hover {
  background-color: #c5ddf6;
  color: #27509b;
  background-color: #22292e;
  color: #77b3e1;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked {
  background-color: #7dbef0;
  color: #1a1a1a;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked .mat-pseudo-checkbox {
  --mat-standard-button-toggle-selected-state-text-color: map-get($mic-blue, A700);
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.cdk-focused {
  background-color: #3a61a6;
  color: #ffffff;
  background-color: #6ba0c9;
  color: #1a1a1a;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.cdk-focused .mat-pseudo-checkbox {
  --mat-standard-button-toggle-selected-state-text-color: map-get($mic-blue, A700);
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.mat-button-toggle-button, .dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard:not([disabled]).mat-button-toggle-checked.mat-button-toggle-button:focus {
  outline: 2px solid grey;
  outline-offset: 2px;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard[disabled] {
  outline: 0px solid transparent;
  box-shadow: none;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-disabled:not(.mat-button-toggle-checked) mat-icon {
  color: #bdbdbd;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-disabled.mic-button-toggle-disabled {
  background-color: #bdbdbd;
  color: #707070;
}
.dark-mode .mat-button-toggle.mat-button-toggle-appearance-standard.mat-button-toggle-checked.mat-button-toggle-disabled.mic-button-toggle-disabled .mat-pseudo-checkbox {
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: map-get($mic-grey, 500);
}
.dark-mode .mat-button-toggle:has(.mat-button-toggle-button):not(.mic-button-toggle) {
  border: 2px solid transparent;
}
.dark-mode .mat-button-toggle:has(.mat-button-toggle-button:focus):not(.mic-button-toggle) {
  border: #7dbef0 solid 2px !important;
}
.dark-mode .mat-mdc-tooltip {
  padding: 0;
  position: relative;
}
.dark-mode .mat-mdc-tooltip::after {
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #616161;
}
.dark-mode .mat-mdc-tooltip.big-tooltip .mdc-tooltip__surface {
  font-size: 14px;
}
.dark-mode .mat-mdc-tooltip.white-tooltip::after {
  border-bottom: 0.5rem solid #ffffff;
}
.dark-mode .mat-mdc-tooltip.white-tooltip .mdc-tooltip__surface {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tooltip-panel-below .mat-mdc-tooltip:after {
  top: -0.45rem;
  right: calc(50% - 0.5rem);
  transform: rotate(0);
}
.dark-mode .mat-mdc-tooltip-panel-above .mat-mdc-tooltip:after {
  bottom: -0.45rem;
  right: calc(50% - 0.5rem);
  transform: rotate(180deg);
}
.dark-mode .mat-mdc-tooltip-panel-right .mat-mdc-tooltip:after {
  left: -0.68rem;
  top: calc(50% - 0.25rem);
  transform: rotate(270deg);
}
.dark-mode .mat-mdc-tooltip-panel-left .mat-mdc-tooltip:after {
  right: -0.68rem;
  top: calc(50% - 0.25rem);
  transform: rotate(90deg);
}
.dark-mode .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}
.dark-mode .mat-mdc-dialog-container .mdc-dialog__content {
  color: #ffffff;
}
.dark-mode .mat-mdc-dialog-component-host {
  display: inline !important;
}
.dark-mode mic-paginator {
  /*******  default style *******/
  /*******  page number style *******/
}
.dark-mode mic-paginator .mat-mdc-paginator.hidden {
  display: none !important;
}
.dark-mode mic-paginator .mat-mdc-paginator .mat-mdc-paginator-page-size-label,
.dark-mode mic-paginator .mat-mdc-paginator .mat-mdc-paginator-range-label {
  letter-spacing: normal;
}
.dark-mode mic-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper.mdc-text-field {
  background-color: transparent;
}
.dark-mode mic-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple::before, .dark-mode mic-paginator .mat-mdc-paginator-page-size-select .mat-mdc-text-field-wrapper.mdc-text-field .mdc-line-ripple::after {
  border-bottom-color: transparent !important;
}
.dark-mode mic-paginator .mat-mdc-icon-button[disabled] {
  color: #616161;
  background-color: transparent;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-container {
  background-color: #7dbef0;
  color: #ffffff;
  background-color: #d4e7fa;
  color: #121212;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-select .mat-mdc-select-value {
  color: #ffffff;
  color: #121212;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-select .mat-mdc-select-arrow {
  color: #ffffff;
  color: #121212;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-icon-button {
  color: #121212;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-icon-button .mat-mdc-paginator-icon {
  fill: #ffffff;
  fill: #272727;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-icon-button[disabled] {
  background-color: transparent;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
  fill: #616161;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mic-page-button {
  color: #ffffff;
  color: #121212;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mic-page-button:focus {
  outline: 2px solid #d4e7fa;
  outline-offset: 2px;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mic-page-button.mic-current-page {
  color: #272727;
  background-color: #d4e7fa;
  color: #ffffff;
  background-color: #27509b;
  cursor: default;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover {
  background-color: #4869a4;
  color: #ffffff;
  color: #ffffff;
  background-color: #7dbef0;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover .mat-mdc-paginator-icon {
  fill: #ffffff;
}
.dark-mode mic-paginator[color=accent] .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover .mat-mdc-paginator-icon {
  fill: #ffffff;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base {
  margin: 4px;
  color: #ffffff;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base .mat-mdc-paginator-icon {
  fill: #ffffff;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base[disabled] {
  color: #616161;
  background-color: transparent;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base[disabled] .mat-mdc-paginator-icon {
  fill: #616161;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover {
  background-color: #7dbef0;
  color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mat-mdc-button-base:hover .mat-mdc-paginator-icon {
  fill: #ffffff;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mic-page-button {
  margin: 4px;
  width: 40px;
  height: 40px;
  padding: 6px;
  background-color: transparent;
  border-radius: 50%;
  flex-shrink: 0;
  text-align: center;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  fill: currentColor;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  z-index: 0;
  overflow: visible;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mic-page-button:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.dark-mode mic-paginator .mat-mdc-paginator-range-actions .mic-page-button.mic-current-page {
  color: #ffffff;
  background-color: #7dbef0;
  cursor: default;
  color: #272727;
  background-color: #d4e7fa;
}
.dark-mode .mat-tree {
  background: transparent;
}
.dark-mode a.mat-tree-node:focus {
  outline: #7dbef0 solid 2px;
  border-radius: 5px;
}
.dark-mode .mat-tree-node:has(button:focus) {
  outline: #7dbef0 solid 2px;
  border-radius: 5px;
  outline-offset: 2px;
}
.dark-mode .mat-tree-node:has(button:focus) .mat-mdc-button-base:focus.mdc-icon-button {
  outline: none;
}
.dark-mode .alert {
  color: #ffffff;
}
.dark-mode .alert.alert-classical {
  background-color: #4271d6;
}
.dark-mode .alert.alert-success {
  background-color: #0c8a0a;
}
.dark-mode .alert.alert-strong {
  background-color: #f9a825;
  color: rgba(0, 0, 0, 0.87);
}
.dark-mode .alert.alert-critical {
  background-color: #cc0033;
}
.dark-mode .alert.alert-clear {
  background-color: #ffffff;
  color: #cc196a;
}
.dark-mode .alert.alert-clear .mdc-icon-button {
  color: #cc196a;
}
.dark-mode nav ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: contents;
}
.dark-mode nav li {
  display: inline;
}
.dark-mode .mic-breadcrumb-separator {
  color: #7dbef0;
}
.dark-mode .mic-breadcrumb-link a {
  border-block: 2px solid transparent;
  cursor: pointer;
  color: #ffffff;
}
.dark-mode .mic-breadcrumb-link a.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  color: unset;
}
.dark-mode .mic-breadcrumb-link a.disabled:hover, .dark-mode .mic-breadcrumb-link a.disabled:focus {
  color: unset;
}
.dark-mode .mic-breadcrumb-link a .mat-icon {
  color: #7dbef0;
}
.dark-mode .mic-breadcrumb-link a .mat-icon svg {
  width: 22px;
  height: 22px;
}
.dark-mode .mic-breadcrumb-link a:hover, .dark-mode .mic-breadcrumb-link a:focus {
  color: #7dbef0;
  border-block-end-color: #7dbef0;
}
.dark-mode .mic-breadcrumb-link:last-of-type a {
  color: #7dbef0;
  font-weight: bold;
}
.dark-mode .mic-breadcrumb-link:last-of-type a:hover, .dark-mode .mic-breadcrumb-link:last-of-type a:focus {
  cursor: default;
  border-color: transparent;
}
.dark-mode .mic-breadcrumb-more {
  color: rgba(0, 0, 0, 0.87);
  background-color: #7dbef0;
}
.dark-mode mic-carousel .mic-carousel .description {
  color: #ffffff;
  background-color: #707070;
}
.dark-mode mic-carousel .button-left:hover,
.dark-mode mic-carousel .button-right:hover {
  background-color: #c5ddf6;
}
.dark-mode mic-carousel .button-left:focus,
.dark-mode mic-carousel .button-right:focus {
  border: white solid 2px;
}
.dark-mode .content-table.fixed {
  position: fixed;
}
.dark-mode .content-table ul {
  padding-inline: 10px;
}
.dark-mode .content-table ul a {
  border: none;
  color: #ffffff;
}
.dark-mode .content-table ul a.active .mat-icon,
.dark-mode .content-table ul a.active p {
  color: #7dbef0;
  font-weight: bold;
  text-decoration: underline;
}
.dark-mode .content-table ul a:hover:not(.active), .dark-mode .content-table ul a:focus:not(.active) {
  color: #7dbef0;
}
.dark-mode .content-table ul a:hover:not(.active) p, .dark-mode .content-table ul a:focus:not(.active) p {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.dark-mode .footer-navbar {
  align-items: center;
}
.dark-mode .footer-navbar p {
  font-size: 0.9375rem;
}
.dark-mode .footer-navbar p.version {
  font-size: 0.6875rem;
}
.dark-mode .footer-navbar a {
  border-width: 1px;
}
.dark-mode .footer-navbar a p.mic-label-link {
  font-size: 0.6875rem;
}
.dark-mode a.bypass:focus {
  color: #ffffff;
  background: #2e2e2e;
  text-decoration: underline;
}
.dark-mode a.bypass.white:focus {
  color: #7dbef0;
  background: #ffffff;
  color: #ffffff;
  background: #272727;
}
.dark-mode .mic-image-darkmode-filter {
  filter: invert(100%) hue-rotate(180deg);
  mix-blend-mode: screen;
}
.dark-mode a {
  font-size: 1rem;
  cursor: pointer;
  color: #ffffff;
  border-block-end: 2px solid #7dbef0;
  text-decoration: none;
}
.dark-mode a p {
  font-size: 1rem;
}
.dark-mode a.disabled {
  cursor: not-allowed;
}
.dark-mode a:hover, .dark-mode a:focus {
  color: #7dbef0;
}
mic-sidebar-item .dark-mode a, mat-tree-node .dark-mode a, mic-logo .dark-mode a {
  border-block-end-color: transparent !important;
}
mat-tree-node .dark-mode a:visited {
  color: #ffffff;
}
.dark-mode a.accent,
.dark-mode a.accent p {
  color: #fce500;
  border-color: #fce500;
}
.dark-mode a.accent:hover, .dark-mode a.accent:focus,
.dark-mode a.accent p:hover,
.dark-mode a.accent p:focus {
  color: #fdf271;
  border-color: #fdf271;
}
.dark-mode a.accent:focus,
.dark-mode a.accent p:focus {
  outline-color: #fce500;
}
.dark-mode a.white,
.dark-mode a.white p {
  color: #ffffff;
  border-color: #ffffff;
}
.dark-mode a.white:hover, .dark-mode a.white:focus,
.dark-mode a.white p:hover,
.dark-mode a.white p:focus {
  color: #99cef6;
  border-color: #99cef6;
}
.dark-mode mic-main-content {
  background-color: #121212;
  margin-inline: 0;
  color: #ffffff;
}
.dark-mode .marker .map-icon {
  color: #7dbef0;
}
.dark-mode .marker-cluster-primary div {
  background-color: #7dbef0;
  color: #ffffff;
}
.dark-mode .logo-group,
.dark-mode .logo-commercial {
  background-image: url('logo-group-white.svg') !important;
}
.dark-mode .mic-navbar .mat-toolbar {
  color: #ffffff;
  background-color: #2e2e2e;
}
.dark-mode .mic-navbar .mat-toolbar .logo-commercial {
  background-image: url('logo-commercial-white.svg') !important;
}
.dark-mode .mic-navbar .mat-toolbar .logo-group {
  background-image: url('logo-group-white.svg') !important;
}
.dark-mode .mic-navbar .mat-toolbar .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
}
.dark-mode .mic-navbar .mat-toolbar .mat-mdc-text-field-wrapper {
  max-height: 50px;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label, .dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, .dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-form-field {
  background-color: rgba(1, 1, 1, 0.1);
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-form-field .mdc-text-field--filled {
  background-color: transparent;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::before,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-form-field input,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-form-field input::placeholder {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active {
  border-color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover:hover,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active:hover {
  background-color: rgba(153, 206, 246, 0.08);
  border-color: transparent;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover span,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link:hover mat-icon,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active span,
.dark-mode .mic-navbar .mat-toolbar.primary .mat-mdc-tab-link.mat-tab-label-active mat-icon {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar.primary .mic-navbar-links .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-width: 5px;
  border-color: #ffffff !important;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .mat-mdc-tab-link.nav-tab-link,
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .nav-icon {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .mat-mdc-tab-link.nav-tab-link mat-icon,
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .nav-icon mat-icon {
  color: #ffffff;
  text-shadow: none;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children {
  background-color: #121212;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children .mat-mdc-tab-link {
  align-items: center;
  border-bottom: 5px #ffffff solid;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children .mat-mdc-tab-link:hover {
  border-color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .primary .navbar-children .mat-mdc-tab-link.nav-tab-link * {
  color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .white {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .white .mat-mdc-tab-link.nav-tab-link {
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .white .navbar-children {
  color: #ffffff;
  background-color: #272727;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .white .navbar-children .mat-mdc-tab-link {
  border-bottom: 5px #272727 solid;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .white .navbar-children .mat-mdc-tab-link:hover {
  border-color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar .mic-navbar-links .mat-mdc-tab-link-container .mat-mdc-tab-link:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.dark-mode .mic-navbar .mat-toolbar.white {
  background-color: #1e1e1e;
  color: #ffffff;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label, .dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link, .dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link, app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab__text-label,
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
app-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link,
.qss-tab-nav .mat-mdc-tab-nav-bar .dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mat-mdc-tab-link {
  color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-form-field {
  background-color: rgba(1, 1, 1, 0.1);
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-form-field .mdc-text-field--filled {
  background-color: transparent;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::before,
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-form-field .mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-form-field input,
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-form-field input::placeholder {
  color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link {
  border-color: #1e1e1e;
}
.dark-mode .mic-navbar .mat-toolbar.white .logo-commercial {
  background-image: url('logo-commercial.svg') !important;
  background-image: url('logo-commercial-white.svg') !important;
}
.dark-mode .mic-navbar .mat-toolbar.white .logo-group {
  background-image: url('logo-group.svg') !important;
  background-image: url('logo-group-white.svg') !important;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:hover,
.dark-mode .mic-navbar .mat-toolbar.white .mat-tab-link.mat-tab-label-active {
  border-color: #7dbef0 !important;
}
.dark-mode .mic-navbar .mat-toolbar.white .mat-mdc-tab-link:hover:hover,
.dark-mode .mic-navbar .mat-toolbar.white .mat-tab-link.mat-tab-label-active:hover {
  background-color: rgba(153, 206, 246, 0.08);
}
.dark-mode .mic-navbar .mat-toolbar.white .mic-navbar-links .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-width: 5px;
  border-color: #7dbef0 !important;
}
.dark-mode .mic-navbar .mat-toolbar.white mat-icon {
  color: #7dbef0 !important;
}
.dark-mode .mic-navbar .mat-toolbar .navbar-children .mat-mdc-tab-link:hover {
  border-color: #7dbef0;
}
.dark-mode .mic-navbar .mat-toolbar button:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.dark-mode .mic-navbar .mat-toolbar mic-logo:hover {
  background-color: rgba(255, 255, 255, 0.38);
}
.dark-mode .os-scrollbar-track {
  background: #707070 !important;
}
.dark-mode .os-scrollbar-handle {
  background: #99cef6 !important;
}
.dark-mode .mat-sidenav-container {
  background-color: #121212;
}
.dark-mode .mic-sidebar .white {
  background-color: #1e1e1e;
}
.dark-mode .mic-sidebar .primary {
  background-color: #2e2e2e;
}
.dark-mode .mic-sidebar .primary .mic-sidebar-item {
  padding-bottom: 2px;
}
.dark-mode .mic-sidebar .primary .mic-sidebar-item .mic-menu-expansion-panel.active .mat-expansion-panel-header {
  border-color: #ffffff;
  color: #ffffff;
  background-color: #363636;
}
.dark-mode .mic-sidebar .primary .mic-sidebar-item .mic-menu-expansion-panel.white .mic-menu-expansion-panel-title *.primary {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item {
  padding-bottom: 2px;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mat-expansion-panel-body a {
  margin-bottom: 4px;
}
.dark-mode .mic-sidebar .mic-sidebar-item a {
  color: #ffffff;
  margin-bottom: 2px;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.primary {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:not(.primary) {
  border-right: 5px solid transparent;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:hover:not(.primary) {
  background-color: #2e2e2e;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:hover:not(.primary) span,
.dark-mode .mic-sidebar .mic-sidebar-item a:hover:not(.primary) mat-icon {
  color: #7dbef0;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:hover.primary {
  background-color: #363636;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:hover.primary span,
.dark-mode .mic-sidebar .mic-sidebar-item a:hover.primary mat-icon {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:focus:not(.primary) {
  border-right: #7dbef0 solid 5px;
}
.dark-mode .mic-sidebar .mic-sidebar-item a:focus.primary {
  box-shadow: inset -5px 0px 0px 0px white;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.active:not(.primary) {
  background-color: #f5f5f5;
  color: #7dbef0;
  background-color: #2e2e2e;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.active.primary {
  background-color: #363636;
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.primary {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.primary.rtl, .dark-mode .mic-sidebar .mic-sidebar-item a.closely.primary.ltr {
  border-color: #2e2e2e;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.white {
  background-color: #c5ddf6;
  background-color: #363636;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active span {
  color: #7dbef0;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.rtl, .dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.ltr {
  border-color: #7dbef0;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.rtl mat-icon, .dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.ltr mat-icon {
  color: #7dbef0;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.primary span,
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.primary mat-icon {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.primary.rtl, .dark-mode .mic-sidebar .mic-sidebar-item a.closely.active.primary.ltr {
  border-color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel {
  box-shadow: none;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel .mic-menu-expansion-panel-title:hover {
  color: #2e2e2e;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.active .mat-expansion-panel-header {
  border-left: 5px solid;
  background-color: #c5ddf6;
  border-color: #7dbef0;
  color: #7dbef0;
  background-color: #707070;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.active.white .mic-menu-expansion-panel-title * {
  color: #7dbef0;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mic-menu-expansion-panel-title * {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mat-expansion-panel-header:hover:not(.active) {
  background-color: #2e2e2e;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mat-expansion-panel-header:hover:not(.active) * {
  color: #7dbef0;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.white .mat-expansion-panel-header:focus {
  border: #7dbef0 solid 2px;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary {
  background-color: #2e2e2e;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-indicator::after {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-panel-header:hover:not(.active) {
  background-color: #363636;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-panel-header:hover:not(.active) * {
  color: #ffffff;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mat-expansion-panel-header:focus {
  border: white solid 2px;
}
.dark-mode .mic-sidebar .mic-sidebar-item .mic-menu-expansion-panel.primary .mic-menu-expansion-panel-title * {
  color: #ffffff;
}
.dark-mode .mic-sidebar .sidebar-children-level {
  background-color: #272727;
}
.dark-mode .mic-sidebar .sidebar-children-level mat-tree {
  background-color: #272727;
}
.dark-mode .mic-sidebar .sidebar-children-level mat-tree .mat-tree-node,
.dark-mode .mic-sidebar .sidebar-children-level mat-tree .mat-nested-tree-node {
  color: #ffffff;
}
.dark-mode .mic-sidebar .sidebar-children-level.collapse-link {
  padding: 0 10px;
  overflow: hidden;
  border-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mic-sidebar .sidebar-children-level.ltr {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode .mic-sidebar .sidebar-children-level.rtl {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode .mic-sidebar .sidebar-children-level .navbar-header * {
  color: #7dbef0;
}
.dark-mode .skeleton-loader {
  background: #272727 no-repeat;
}
.dark-mode .skeleton-loader.image:after {
  color: rgba(0, 0, 0, 0.8);
}
.dark-mode .skeleton-loader.progress:before {
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.8), transparent) !important;
}
.dark-mode .mic-status .mat-mdc-chip {
  background-color: #53565a !important;
}
.dark-mode .mic-status .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #7dbef0 !important;
}
.dark-mode .mic-status.primary .mat-mdc-chip {
  background-color: #c5ddf6 !important;
}
.dark-mode .mic-status.primary .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #27509b !important;
}
.dark-mode .mic-status.yellow .mat-mdc-chip {
  background-color: #fefccb !important;
}
.dark-mode .mic-status.yellow .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: rgba(0, 0, 0, 0.87) !important;
}
.dark-mode .mic-status.valid .mat-mdc-chip {
  background-color: #ceeac6 !important;
}
.dark-mode .mic-status.valid .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #2e7d32 !important;
}
.dark-mode .mic-status.warn .mat-mdc-chip {
  background-color: #f3c9bc !important;
}
.dark-mode .mic-status.warn .mat-mdc-chip .mdc-evolution-chip__text-label {
  color: #b71c1c !important;
}
.dark-mode table.mat-mdc-table {
  border: 1px solid transparent;
}
.dark-mode table.mat-mdc-table:focus {
  outline: none;
  border-color: #7dbef0;
  border-width: 1px !important;
}
.dark-mode .table-column-selector-placeholder {
  border: dotted 2px #ffffff;
}
.dark-mode .mat-mdc-cell.mat-mdc-table-sticky:not(.mat-column-table-selector):not(.mat-column-table-menu) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-mdc-cell.mat-mdc-table-sticky:not(.mat-column-table-selector):not(.mat-column-table-menu):focus {
  border-right: #7dbef0 solid 2px;
  border-right: #7dbef0 solid 2px;
}
.dark-mode .mat-mdc-row.highlight td:focus {
  box-shadow: -2px -2px 0px #fff inset, 2px -2px 0px #fff inset, -2px 2px 0px #fff inset, 2px 2px 0px #fff inset;
}
.dark-mode td {
  border: 1px solid transparent;
}
.dark-mode td:focus {
  outline: 2px solid transparent;
  outline-offset: 4px;
  box-shadow: -2px -2px 0px #7dbef0 inset, 2px -2px 0px #7dbef0 inset, -2px 2px 0px #7dbef0 inset, 2px 2px 0px #7dbef0 inset;
}
.dark-mode .group > td {
  border-left: 6px solid #fce500;
}
.dark-mode .group-columns th {
  border-right: 2px solid rgba(0, 0, 0, 0.12);
  border-right: 2px solid rgba(255, 255, 255, 0.12);
}
.dark-mode .table-dragger mat-icon:hover {
  background-color: #c5ddf6;
  border-radius: 50%;
}
.dark-mode tr.clickable:not(.mat-mdc-header-row):hover td {
  background-color: #6eb8f0 !important;
}
.dark-mode .timeline-line {
  background-color: #272727;
}
.dark-mode .timeline-horizontal-list .timeline-list::before {
  background-color: #272727;
}
.dark-mode mic-timeline-entry-dot {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #7dbef0;
}
.dark-mode mic-timeline-entry-dot.accent {
  background-color: #fce500;
}
.dark-mode .timeline-entry-card:focus {
  outline: #7dbef0 solid 2px;
}
.dark-mode .timeline-entry-card,
.dark-mode .timeline-horizontal-list .mic-timeline-entry-content {
  background-color: #1e1e1e;
}
.dark-mode .mic-dropzone {
  border: dotted 2px #ffffff;
}
.dark-mode .mic-dropzone:has(input:focus) {
  outline: #7dbef0 solid 2px;
  outline-offset: 2px;
}
.dark-mode .mic-dropzone.fileover {
  border-color: #fce500;
}
.dark-mode .mic-dropzone.fileover .mat-icon {
  color: #fce500;
}
.dark-mode .mic-dropzone label {
  color: #ffffff;
  background-color: #7dbef0;
}
.dark-mode .percentage.primary, .dark-mode .percentage.accent {
  color: #7dbef0;
}
.dark-mode .percentage.warn {
  color: #cc0033;
}
.dark-mode .phone-number .select-country.mat-focused .mat-mdc-text-field-wrapper {
  background-color: #2e2e2e !important;
}
.dark-mode .phone-number .number-form.mat-focused .mat-mdc-text-field-wrapper {
  background-color: #2e2e2e !important;
}
.dark-mode .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #99cef6;
  --mdc-linear-progress-track-color: rgba(153, 206, 246, 0.25);
}
.dark-mode .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #99cef6;
  --mdc-linear-progress-track-color: rgba(153, 206, 246, 0.25);
}
.dark-mode .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #c6616b;
  --mdc-linear-progress-track-color: rgba(198, 97, 107, 0.25);
}
.dark-mode .mat-accent {
  --mdc-circular-progress-active-indicator-color: #99cef6;
}
.dark-mode .mat-warn {
  --mdc-circular-progress-active-indicator-color: #c6616b;
}
.dark-mode .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.dark-mode .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #99cef6;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #99cef6;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.dark-mode .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #c6616b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c6616b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.dark-mode .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #99cef6;
  --mdc-checkbox-selected-hover-icon-color: #99cef6;
  --mdc-checkbox-selected-icon-color: #99cef6;
  --mdc-checkbox-selected-pressed-icon-color: #99cef6;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #99cef6;
  --mdc-checkbox-selected-hover-state-layer-color: #99cef6;
  --mdc-checkbox-selected-pressed-state-layer-color: #99cef6;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #c6616b;
  --mdc-checkbox-selected-hover-icon-color: #c6616b;
  --mdc-checkbox-selected-icon-color: #c6616b;
  --mdc-checkbox-selected-pressed-icon-color: #c6616b;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #c6616b;
  --mdc-checkbox-selected-hover-state-layer-color: #c6616b;
  --mdc-checkbox-selected-pressed-state-layer-color: #c6616b;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-mode .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #99cef6;
  --mdc-radio-selected-hover-icon-color: #99cef6;
  --mdc-radio-selected-icon-color: #99cef6;
  --mdc-radio-selected-pressed-icon-color: #99cef6;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #99cef6;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-mode .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #99cef6;
  --mdc-radio-selected-hover-icon-color: #99cef6;
  --mdc-radio-selected-icon-color: #99cef6;
  --mdc-radio-selected-pressed-icon-color: #99cef6;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #99cef6;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-mode .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #c6616b;
  --mdc-radio-selected-hover-icon-color: #c6616b;
  --mdc-radio-selected-icon-color: #c6616b;
  --mdc-radio-selected-pressed-icon-color: #c6616b;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #c6616b;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-mode .mat-mdc-tab-group, .dark-mode .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #99cef6;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #99cef6;
  --mat-tab-header-active-ripple-color: #99cef6;
  --mat-tab-header-inactive-ripple-color: #99cef6;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #99cef6;
  --mat-tab-header-active-hover-label-text-color: #99cef6;
  --mat-tab-header-active-focus-indicator-color: #99cef6;
  --mat-tab-header-active-hover-indicator-color: #99cef6;
}
.dark-mode .mat-mdc-tab-group.mat-accent, .dark-mode .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #99cef6;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #99cef6;
  --mat-tab-header-active-ripple-color: #99cef6;
  --mat-tab-header-inactive-ripple-color: #99cef6;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #99cef6;
  --mat-tab-header-active-hover-label-text-color: #99cef6;
  --mat-tab-header-active-focus-indicator-color: #99cef6;
  --mat-tab-header-active-hover-indicator-color: #99cef6;
}
.dark-mode .mat-mdc-tab-group.mat-warn, .dark-mode .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #c6616b;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #c6616b;
  --mat-tab-header-active-ripple-color: #c6616b;
  --mat-tab-header-inactive-ripple-color: #c6616b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #c6616b;
  --mat-tab-header-active-hover-label-text-color: #c6616b;
  --mat-tab-header-active-focus-indicator-color: #c6616b;
  --mat-tab-header-active-hover-indicator-color: #c6616b;
}
.dark-mode .mat-mdc-tab-group.mat-background-primary, .dark-mode .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #99cef6;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-background-accent, .dark-mode .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #99cef6;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-mdc-tab-group.mat-background-warn, .dark-mode .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #c6616b;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark-mode .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #99cef6;
  --mdc-filled-text-field-focus-active-indicator-color: #99cef6;
  --mdc-filled-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mdc-outlined-text-field-caret-color: #99cef6;
  --mdc-outlined-text-field-focus-outline-color: #99cef6;
  --mdc-outlined-text-field-focus-label-text-color: rgba(153, 206, 246, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(153, 206, 246, 0.87);
}
.dark-mode .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #c6616b;
  --mdc-filled-text-field-focus-active-indicator-color: #c6616b;
  --mdc-filled-text-field-focus-label-text-color: rgba(198, 97, 107, 0.87);
  --mdc-outlined-text-field-caret-color: #c6616b;
  --mdc-outlined-text-field-focus-outline-color: #c6616b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(198, 97, 107, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(198, 97, 107, 0.87);
}
.dark-mode .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #99cef6;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #99cef6;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #99cef6;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
.dark-mode .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #c6616b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #c6616b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #c6616b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.dark-mode .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(153, 206, 246, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 97, 107, 0.87);
}
.dark-mode .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(198, 97, 107, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 97, 107, 0.87);
}
.dark-mode h2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--mdc-theme-primary);
}
.dark-mode .font-title {
  font-family: "Michelin Unit Titling";
}
.dark-mode .primary {
  color: var(--mdc-theme-primary);
}
.dark-mode .accent {
  color: var(--mdc-theme-secondary);
}
.dark-mode .accent mat-icon {
  color: var(--mdc-theme-secondary);
}
.dark-mode .warning,
.dark-mode .warn {
  color: var(--mdc-theme-error);
}
.dark-mode .warning mat-icon,
.dark-mode .warn mat-icon {
  color: var(--mdc-theme-error);
}
.dark-mode .error {
  color: var(--mdc-theme-error);
}
.dark-mode .error mat-icon {
  color: var(--mdc-theme-error);
}
.dark-mode [class*=bg-].bg-card {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
.dark-mode .rounded {
  border-radius: 10px;
}
.dark-mode .rounded-xl {
  border-radius: 50px;
}
.dark-mode .bg-rounded {
  display: inline-block;
  min-height: auto !important;
  width: auto !important;
  border-radius: 13px;
  opacity: 0.6;
}
@media screen and (min-width: 801px) {
  .dark-mode .cell-bg-critical {
    font-weight: normal !important;
    border-right-color: #cc0033;
    border-right-width: 8px;
    border-right-style: solid;
  }
  .dark-mode .cell-bg-warning {
    font-weight: normal !important;
    border-right-color: #f9a825;
    border-right-width: 8px;
    border-right-style: solid;
  }
  .dark-mode .cell-bg-ok {
    font-weight: normal !important;
    border-right-color: #0c8a0a;
    border-right-width: 8px;
    border-right-style: solid;
  }
}
@media screen and (max-width: 800px) {
  .dark-mode .cell-bg-critical {
    justify-content: flex-start !important;
  }
  .dark-mode .cell-bg-warning {
    justify-content: flex-start !important;
  }
  .dark-mode .cell-bg-ok {
    justify-content: flex-start !important;
  }
}
.dark-mode .light-blue-text {
  color: #00d1ff;
}
.dark-mode mat-footer-row {
  visibility: hidden;
}
.dark-mode .hidden {
  visibility: hidden;
}
.dark-mode .status-cell {
  font-weight: bolder;
  text-align: center;
  justify-content: center;
}
.dark-mode .mic-button-toggle.mat-button-toggle {
  background-color: #53565a;
  color: #eeeeee;
}
.dark-mode .mic-button-toggle.mat-button-toggle:not([disabled]) * {
  color: #ffffff;
}
.dark-mode .sc-dialog {
  width: 800px;
}
.dark-mode .subMenu {
  padding-left: 20px;
}
.dark-mode .subMenu a {
  border-left: var(--mdc-theme-primary) double 4px;
}
.dark-mode .component-div {
  border-top: solid thin var(--mdc-theme-background);
}
.dark-mode .page-content {
  border-radius: 3px;
  background-color: var(--mdc-theme-background);
}
.dark-mode .component-content {
  border-radius: 3px;
  max-width: 100%;
}
.dark-mode .mat-expansion-panel {
  overflow: visible !important;
}
.dark-mode app-explore {
  min-height: 100%;
}
.dark-mode .device {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 5px;
  position: relative;
  border-radius: 5px;
  padding: 10px 15px;
  min-width: 250px;
  min-height: 150px;
}
.dark-mode .device.sav-request {
  background-color: #9a6104;
}
.dark-mode .device mat-icon {
  color: white;
  position: absolute;
  z-index: 999;
  background-color: #f9a825;
  border-radius: 30px;
  padding: 5px;
  top: 8px;
  left: 8px;
  box-shadow: 0 0 0 0 #f9a825;
  transform: scale(1);
  animation: pulse 2s infinite;
}
.dark-mode .device.request-severity-ok mat-icon {
  color: white;
  background-color: #021301;
  box-shadow: 0 0 0 0 #021301;
}
.dark-mode .device.request-severity-critical mat-icon {
  color: white;
  background-color: #990026;
  box-shadow: 0 0 0 0 #990026;
}
.dark-mode .device.request-severity-warning mat-icon {
  color: white;
  background-color: #9a6104;
  box-shadow: 0 0 0 0 #9a6104;
}
.dark-mode .device.request-severity-unknown mat-icon {
  color: white;
  background-color: #858585;
  box-shadow: 0 0 0 0 #858585;
}
.dark-mode app-device-timeline {
  overflow: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.dark-mode app-device-timeline text.label-text {
  fill: rgba(0, 0, 0, 0.87);
  fill: #ffffff;
}
.dark-mode app-device-timeline .timeline-div {
  height: 100%;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline #arrowhead {
  fill: #fdf271;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline #squarehead {
  fill: #99cef6;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline .with-shadow {
  filter: drop-shadow(0px 7px 7px rgba(39, 80, 155, 0.35));
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline line.star-date-indicator {
  stroke: #99cef6;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline text.date.device-to-date {
  text-anchor: end;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline g.device-container line.device-activity {
  stroke: #99cef6;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline g.device-container line.device-activity.is-active {
  stroke: #fdf271;
  stroke-linecap: round;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline g.device-container line.device-activity.is-critical {
  stroke: #cc0033;
  stroke-linecap: round;
}
.dark-mode app-device-timeline .timeline-div svg.system-history-chart-timeline g.timeline-container g.timeline-month .month-indicator {
  stroke-width: 1;
  stroke: rgba(0, 0, 0, 0.87);
  stroke: #ffffff;
}
.dark-mode .status-chip-primary {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #27509b;
  font-size: small;
  background-color: #cedbf3;
}
.dark-mode .status-chip-primary .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #27509b !important;
  color: #27509b;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-primary .mat-icon svg {
  fill: #27509b !important;
}
.dark-mode .status-chip-primary small {
  color: #27509b !important;
}
.dark-mode .status-chip-primary div {
  color: #27509b !important;
}
.dark-mode .status-chip-accent {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #fce500;
  font-size: small;
  background-color: #fffffc;
}
.dark-mode .status-chip-accent .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #fce500 !important;
  color: #fce500;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-accent .mat-icon svg {
  fill: #fce500 !important;
}
.dark-mode .status-chip-accent small {
  color: #fce500 !important;
}
.dark-mode .status-chip-accent div {
  color: #fce500 !important;
}
.dark-mode .status-chip-warn {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #cc0033;
  font-size: small;
  background-color: #ffccd9;
}
.dark-mode .status-chip-warn .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #cc0033 !important;
  color: #cc0033;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-warn .mat-icon svg {
  fill: #cc0033 !important;
}
.dark-mode .status-chip-warn small {
  color: #cc0033 !important;
}
.dark-mode .status-chip-warn div {
  color: #cc0033 !important;
}
.dark-mode .status-chip-critical {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #cc0033;
  font-size: small;
  background-color: #ffccd9;
}
.dark-mode .status-chip-critical .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #cc0033 !important;
  color: #cc0033;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-critical .mat-icon svg {
  fill: #cc0033 !important;
}
.dark-mode .status-chip-critical small {
  color: #cc0033 !important;
}
.dark-mode .status-chip-critical div {
  color: #cc0033 !important;
}
.dark-mode .status-chip-warning {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #f9a825;
  font-size: small;
  background-color: white;
}
.dark-mode .status-chip-warning .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #f9a825 !important;
  color: #f9a825;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-warning .mat-icon svg {
  fill: #f9a825 !important;
}
.dark-mode .status-chip-warning small {
  color: #f9a825 !important;
}
.dark-mode .status-chip-warning div {
  color: #f9a825 !important;
}
.dark-mode .status-chip-ok {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #0c8a0a;
  font-size: small;
  background-color: #9df89b;
}
.dark-mode .status-chip-ok .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #0c8a0a !important;
  color: #0c8a0a;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-ok .mat-icon svg {
  fill: #0c8a0a !important;
}
.dark-mode .status-chip-ok small {
  color: #0c8a0a !important;
}
.dark-mode .status-chip-ok div {
  color: #0c8a0a !important;
}
.dark-mode .status-chip-grey {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #e0e0e0;
  font-size: small;
  background-color: white;
}
.dark-mode .status-chip-grey .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #e0e0e0 !important;
  color: #e0e0e0;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-grey .mat-icon svg {
  fill: #e0e0e0 !important;
}
.dark-mode .status-chip-grey small {
  color: #e0e0e0 !important;
}
.dark-mode .status-chip-grey div {
  color: #e0e0e0 !important;
}
.dark-mode .status-chip-light-grey {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: #f5f5f5;
  font-size: small;
  background-color: white;
}
.dark-mode .status-chip-light-grey .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: #f5f5f5 !important;
  color: #f5f5f5;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-light-grey .mat-icon svg {
  fill: #f5f5f5 !important;
}
.dark-mode .status-chip-light-grey small {
  color: #f5f5f5 !important;
}
.dark-mode .status-chip-light-grey div {
  color: #f5f5f5 !important;
}
.dark-mode .status-chip-white {
  display: flex;
  align-items: center;
  max-height: 24px;
  white-space: nowrap;
  padding: 3px 10px;
  margin: 0 5px;
  border-radius: 16px;
  color: white;
  font-size: small;
  background-color: white;
}
.dark-mode .status-chip-white .mat-icon {
  margin-top: 1px;
  margin-right: 3px;
  fill: white !important;
  color: white;
  font-size: x-large !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode .status-chip-white .mat-icon svg {
  fill: white !important;
}
.dark-mode .status-chip-white small {
  color: white !important;
}
.dark-mode .status-chip-white div {
  color: white !important;
}
.dark-mode small {
  opacity: 0.7;
}
.dark-mode .kpi-card {
  border-radius: 10px;
  border: 1px solid grey;
}
.dark-mode .kpi-card-active {
  border: 2px solid #e0e0e0;
}
.dark-mode .kpi-card-pause {
  background-color: none;
  border: 2px dashed;
}
.dark-mode .kpi-card-disabled {
  background-color: none;
}
.dark-mode app-tab-nav .mat-tab-links-nav,
.dark-mode .qss-tab-nav .mat-tab-links-nav {
  display: flex;
}
.dark-mode app-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-nav-bar .mat-mdc-tab-link {
  font-weight: bold;
}
.dark-mode app-tab-nav .tab-nav-header,
.dark-mode .qss-tab-nav .tab-nav-header {
  background: #212121;
  color: #ffffff;
}
.dark-mode app-tab-nav .mat-mdc-tab-link,
.dark-mode .qss-tab-nav .mat-mdc-tab-link {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode app-tab-nav a:focus,
.dark-mode .qss-tab-nav a:focus {
  color: transparent !important;
}
.dark-mode app-tab-nav .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.dark-mode app-tab-nav .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.dark-mode .qss-tab-nav .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,
.dark-mode .qss-tab-nav .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  --mdc-tab-indicator-active-indicator-color: mat.m2-get-color-from-palette($accent) !important;
  border-bottom: 5px solid #fdf271 !important;
}
.dark-mode app-tab-nav .mat-mdc-tab-links,
.dark-mode .qss-tab-nav .mat-mdc-tab-links {
  background: #212121;
}
.dark-mode app-tab-nav .mat-mdc-tab-links-nav,
.dark-mode .qss-tab-nav .mat-mdc-tab-links-nav {
  display: flex;
}
.dark-mode app-tab-nav .mat-mdc-tab-links-action,
.dark-mode .qss-tab-nav .mat-mdc-tab-links-action {
  display: flex;
  align-items: center;
  padding-right: 30px;
}
.dark-mode app-tab-nav .active-tab-link,
.dark-mode .qss-tab-nav .active-tab-link {
  border-bottom: 5px solid #fdf271;
}
.dark-mode app-tab-nav.tab-vertical,
.dark-mode .qss-tab-nav.tab-vertical {
  display: flex;
  flex-direction: row;
}
.dark-mode app-tab-nav.tab-vertical .mat-mdc-tab-header .mat-mdc-tab-links,
.dark-mode .qss-tab-nav.tab-vertical .mat-mdc-tab-header .mat-mdc-tab-links {
  flex-direction: column;
  padding: 0 19px 0 24px;
}
.dark-mode app-tab-nav.tab-vertical .active-tab-link,
.dark-mode .qss-tab-nav.tab-vertical .active-tab-link {
  border-left: 5px solid #99cef6;
  border-bottom: none;
}
.dark-mode app-tab-nav.tab-vertical .active-tab-link a,
.dark-mode .qss-tab-nav.tab-vertical .active-tab-link a {
  padding: 19px;
}
.dark-mode app-tab-nav.tab-vertical div,
.dark-mode .qss-tab-nav.tab-vertical div {
  width: 100%;
}
.dark-mode app-tab-nav.tab-vertical mat-icon,
.dark-mode .qss-tab-nav.tab-vertical mat-icon {
  padding-right: 15px;
}
.dark-mode app-info.is-selected {
  border: 3px solid #99cef6;
  border: 3px solid white;
}
.dark-mode app-info.is-disabled {
  opacity: 0.75;
  cursor: not-allowed;
}
.dark-mode #contact-frame {
  position: absolute;
  height: 150px;
  width: 150px;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: 1;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #ffffff;
  background-color: #212121;
}
.dark-mode .basic-centering .arrow {
  position: relative;
  width: 0;
  height: 0;
  margin: 15px auto;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
.dark-mode .basic-centering .arrow .mat-icon {
  position: absolute;
  font-size: large;
}
.dark-mode .basic-centering .arrow.arrow-right {
  border-left: 40px solid #eeeeef;
}
.dark-mode .basic-centering .arrow.arrow-right-ok {
  border-left: 40px solid #bbedb3;
}
.dark-mode .basic-centering .arrow.arrow-right-ok .mat-icon {
  color: #4cd037;
  right: 12px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-right-warning {
  border-left: 40px solid #ffe2ad;
}
.dark-mode .basic-centering .arrow.arrow-right-warning .mat-icon {
  color: #ffac14;
  right: 12px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-right-unknown {
  border-left: 40px solid #eeeeef;
}
.dark-mode .basic-centering .arrow.arrow-right-unknown .mat-icon {
  color: #9f9fa5;
  right: 12px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-right-critical {
  border-left: 40px solid #cc0033;
}
.dark-mode .basic-centering .arrow.arrow-right-critical .mat-icon {
  color: #ffccd9;
  right: 12px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-left {
  border-right: 40px solid #eeeeef;
}
.dark-mode .basic-centering .arrow.arrow-left-ok {
  border-right: 40px solid #bbedb3;
}
.dark-mode .basic-centering .arrow.arrow-left-ok .mat-icon {
  color: #4cd037;
  left: 19px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-left-warning {
  border-right: 40px solid #ffe2ad;
}
.dark-mode .basic-centering .arrow.arrow-left-warning .mat-icon {
  color: #ffac14;
  left: 19px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-left-unknown {
  border-right: 40px solid #eeeeef;
}
.dark-mode .basic-centering .arrow.arrow-left-unknown .mat-icon {
  color: #9f9fa5;
  left: 19px;
  top: -9px;
}
.dark-mode .basic-centering .arrow.arrow-left-critical {
  border-right: 40px solid #cc0033;
}
.dark-mode .basic-centering .arrow.arrow-left-critical .mat-icon {
  color: #ffccd9;
  left: 19px;
  top: -9px;
}
@property --progress-value {
  .dark-mode app-gauge {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
  }
}
.dark-mode app-gauge .progress-circle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: conic-gradient(from 0deg at 50% 50%, #ffe942 calc(var(--progress-value) * 1%), #858585 calc(var(--progress-value) * 1%));
}
.dark-mode app-gauge .progress-circle .progress-circle-content {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: small;
  font-weight: bold;
  position: absolute;
  background-color: #5a5a5a;
  color: #ffe942;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.dark-mode .without-filter {
  color: rgba(0, 0, 0, 0.38);
  color: rgba(255, 255, 255, 0.38);
}
.dark-mode .activity-bg-grey {
  background-color: #F8FAFF;
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(248, 250, 255, 0.1);
  color: #ffffff;
}
.dark-mode .circle-position {
  stroke: #99cef6;
}
.dark-mode .sensoline-layer {
  stroke: #DDDDDD;
  fill: #DDDDDD;
  stroke: #AAAAAA;
  fill: #AAAAAA;
}
.dark-mode .chart canvas {
  background-color: #f7faff;
  background-color: #1a1a1a;
}
.dark-mode .chart-divider {
  border-right-color: #99cef6 !important;
}
.dark-mode app-quick-navigation .quick-nav-info-item {
  color: #99cef6;
}
.dark-mode .sc-radio-filters {
  padding: 10px 20px;
}
.dark-mode .sc-radio-filters .filter-separator {
  padding-right: 15px;
  border-right: 10px solid #fce500;
}
.dark-mode .sc-radio-filters ul {
  padding: 0px;
}
.dark-mode .sc-radio-filters ul li {
  list-style-type: none;
  margin: 10px 0px;
}
.dark-mode .sc-radio-filters .mat-mdc-radio-button {
  text-transform: uppercase;
  cursor: pointer;
  color: #bdbdbd;
  font-weight: bold;
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.dark-mode .sc-radio-filters .mat-mdc-radio-button.mat-radio-checked {
  color: #99cef6;
}
.dark-mode .sc-radio-filters .mat-mdc-radio-button ~ .mat-radio-button {
  margin-left: 15px;
}
.dark-mode .status-critical {
  position: relative;
}
.dark-mode .status-critical:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f9a825;
  background-repeat: no-repeat;
}
.dark-mode .status-warning {
  position: relative;
}
.dark-mode .status-warning:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fdc55d;
  background-repeat: no-repeat;
}
.dark-mode app-system-visualisation .sensoline-builder {
  height: 100%;
}
.dark-mode app-system-visualisation .sensoline-interspace-divider {
  height: initial;
  margin: 0 30px;
  border-color: #e0e0e0;
  width: 100%;
}
.dark-mode app-system-visualisation .interspace-divider {
  height: initial;
  margin: 30px 0;
  border-color: #e0e0e0;
  width: 100%;
}
.dark-mode app-system-visualisation .speed-indicator {
  align-self: center;
}
.dark-mode app-system-visualisation .log-issues {
  margin: 40px 0 20px 0;
  width: 95%;
}
.dark-mode app-log-issues {
  width: 100%;
}
.dark-mode app-log-issues table {
  border-collapse: separate;
  border-spacing: 8px 8px;
  width: 100%;
  background: #2e2e2e;
}
.dark-mode app-log-issues th {
  font-weight: normal;
}
.dark-mode app-log-issues .td-device-name {
  width: 10%;
}
.dark-mode app-log-issues .td-issue {
  width: 80%;
}
.dark-mode app-log-issues .td-date {
  width: 10%;
}
.dark-mode app-log-issues .td-filtered {
  color: #707070;
}
.dark-mode app-log-issues .sln-custom-code {
  font-weight: bold;
}
.dark-mode .indicator {
  border-radius: 20px;
  padding: 6px 10px;
  font-weight: bold;
}
.dark-mode .indicator-ok {
  background-color: #bbedb3;
  color: #2e7d32;
}
.dark-mode .indicator-warning {
  background-color: #ffe2ad;
  color: #a67018;
}
.dark-mode .indicator-unknown {
  background-color: #eeeeef;
  color: #a9aaac;
}
.dark-mode .indicator-critical {
  background-color: #cc0033;
  color: #fff;
}
.dark-mode .system-device-info {
  display: flex;
  position: relative;
}
.dark-mode .system-device-info .info-line .info-cell p {
  margin: 0;
}
.dark-mode app-system-qs-passing .picker-container {
  padding: 15px 0 0 20px;
}
.dark-mode app-system-qs-passing text {
  fill: #99cef6 !important;
}
.dark-mode app-vehicle-schema .vehicle-schema {
  padding: 10px 5px;
  min-width: max-content;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations {
  padding: 5px;
  min-width: fit-content;
  font-size: small;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .information {
  min-width: fit-content;
  display: flex;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle {
  z-index: 2;
  justify-content: space-between;
  min-width: 80px;
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 7px;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle.first-axle .tire {
  transform: rotate(25deg);
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle .axle:before {
  position: absolute;
  background-color: #99cef6;
  content: " ";
  width: 80%;
  height: 4px;
  z-index: -1;
  top: 10px;
  left: 10px;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle .axle span {
  background: #303030;
  border-radius: 20px;
  border: 1px solid #99cef6;
  padding: 0 5px;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle .mount-group {
  display: flex;
  align-items: center;
  gap: 1px;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle .mount-group .tire {
  width: 10px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}
.dark-mode app-vehicle-schema .vehicle-schema .axle-informations .vehicle .mount-group .tire.regrooved:after {
  content: "R";
  color: #ffffff;
  background-color: #c6616b;
  border-radius: 10px;
  position: relative;
  top: -10px;
  left: -3px;
}
.dark-mode .cluster-color {
  background-color: #5481d4;
}
.dark-mode .cluster-color div {
  background-color: #27509b;
}
.dark-mode #qss-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.dark-mode #qss-tooltip .qss-tooltip-content {
  padding: 10px 20px;
  text-align: center;
}
.dark-mode #qss-tooltip .qss-tooltip-content h3,
.dark-mode #qss-tooltip .qss-tooltip-content h4,
.dark-mode #qss-tooltip .qss-tooltip-content p {
  padding: 0px;
  margin: 1px;
  line-height: 20px;
}
.dark-mode #qss-tooltip .qss-tooltip-content h4,
.dark-mode #qss-tooltip .qss-tooltip-content p {
  font-size: small;
}
.dark-mode #qss-tooltip .qss-tooltip-content p {
  margin-top: 10px;
  text-overflow: ellipsis;
  font-style: italic;
}
.dark-mode #qss-tooltip .qss-tooltip-content p::before {
  content: "« ";
}
.dark-mode #qss-tooltip .qss-tooltip-content p::after {
  content: " »";
}
.dark-mode app-vehicle-detailed-schema .schema-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle {
  display: flex;
  flex-direction: row;
  width: 50em;
  justify-content: center;
  gap: 2em;
  align-items: center;
  position: relative;
  /* Vertical axle */
  /* Define color for half axle status */
  /* Define color for mount status */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle:not(:last-child):after {
  content: "";
  display: block;
  width: 26px;
  height: 128px;
  background-color: #bdbdbd;
  position: absolute;
  top: 72%;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-left {
  flex-direction: row;
  display: flex;
  gap: 0.5em;
  position: relative;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-left::before {
  content: "";
  display: block;
  width: 32px;
  height: 20px;
  background-color: #bdbdbd;
  position: absolute;
  right: -2em;
  top: 50%;
  transform: translateY(-50%);
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-left .mount {
  left: -80px;
  top: 50%;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .axle-body {
  width: 100px;
  height: 60px;
  background-color: #bdbdbd;
  border: 3px solid white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: black;
  position: relative;
  border-radius: 40px;
  padding: 5px 2px;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .axle-body .axle-rank {
  font-size: medium;
  font-weight: bold;
  background-color: black;
  width: 20px;
  border-radius: 100%;
  padding: 2px;
  color: white;
  margin: 5px;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .axle-body .axle-type {
  font-size: small;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-right {
  flex-direction: row;
  display: flex;
  gap: 0.5em;
  position: relative;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-right::before {
  content: "";
  display: block;
  width: 32px;
  height: 20px;
  background-color: #bdbdbd;
  position: absolute;
  left: -2em;
  top: 50%;
  transform: translateY(-50%);
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-right .mount {
  right: -80px;
  top: 50%;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-primary::before {
  background-color: #27509b;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-accent::before {
  background-color: #fce500;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-warn::before {
  background-color: #cc0033;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-critical::before {
  background-color: #cc0033;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-warning::before {
  background-color: #f9a825;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-ok::before {
  background-color: #0c8a0a;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-grey::before {
  background-color: #e0e0e0;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-light-grey::before {
  background-color: #f5f5f5;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .half-axle-status-white::before {
  background-color: white;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount {
  width: 40px;
  height: 160px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 6px;
  cursor: pointer;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount .measure {
  display: flex;
  width: 100%;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2px;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount .projection {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 2px;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount .projection span {
  font-size: x-small;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount .projection .mat-icon {
  background: none;
  transform: none;
  animation: none;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount mat-icon {
  color: white;
  border-radius: 30px;
  padding: 2px;
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-primary {
  border: 2px solid #27509b;
  background-color: #cedbf3;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-accent {
  border: 2px solid #fce500;
  background-color: #fffffc;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-warn {
  border: 2px solid #cc0033;
  background-color: #ffccd9;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-critical {
  border: 2px solid #cc0033;
  background-color: #ffccd9;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-warning {
  border: 2px solid #f9a825;
  background-color: #fef7ec;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-ok {
  border: 2px solid #0c8a0a;
  background-color: #9df89b;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-grey {
  border: 2px solid #e0e0e0;
  background-color: white;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-light-grey {
  border: 2px solid #f5f5f5;
  background-color: white;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .axle .mount-status-white {
  border: 2px solid white;
  background-color: white;
  /*
  .mat-icon {
    color: white;
    box-shadow: 0 0 0 0 $background;
    background-color: $background;
  }

  &.has-defect {
    border-width: 2px;

    .mat-icon {
      transform: scale(1);
      animation: pulse 2s infinite;
    }
  } */
}
.dark-mode app-vehicle-detailed-schema .schema-container .mount-selected-for-troubleshoot {
  border-width: 3px !important;
  border-color: gray !important;
}
.dark-mode .dark-mode .mat-mdc-autocomplete-panel {
  overflow: auto !important;
}
.dark-mode #autocomplete .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label {
  color: white !important;
}
.dark-mode #autocomplete .mat-mdc-form-field {
  width: 100%;
}
.dark-mode #autocomplete .mat-mdc-form-field .mat-mdc-form-field-underline {
  background-color: white !important;
}
.dark-mode .autocomplete-content {
  font-size: medium;
}
.dark-mode .autocomplete-content.mat-mdc-option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  height: 75px !important;
}
.dark-mode .autocomplete-content.mat-mdc-option p {
  margin: 0 0 0 5px;
  font-size: small;
  padding: 0;
  color: #858585;
  line-height: 15px;
}
.dark-mode .autocomplete-content.mat-mdc-option small {
  font-size: small;
  color: #858585;
  display: flex;
  white-space: nowrap;
}
.dark-mode .autocomplete-content.mat-mdc-option .mat-icon {
  font-size: medium;
  color: #99cef6;
  margin-right: 0;
  text-align: center;
  height: 20px;
}
.dark-mode .autocomplete-content.mat-mdc-option .search-result-icon .mat-icon {
  font-size: large;
}
.dark-mode .logo {
  height: 80px;
}
.dark-mode .logo a {
  position: relative;
}
.dark-mode .logo a h1 {
  position: absolute;
  font-family: "Michelin Unit Titling";
  font-weight: bold;
  margin: -22px 0 0 0;
  color: white;
  font-size: medium;
}
.dark-mode .logo a mic-logo.logo-group {
  position: absolute;
  width: 160px;
  height: 42px;
  margin-top: -6px;
}
.dark-mode .vehicle-type {
  height: 23px;
}
.dark-mode .vehicle-type mat-icon {
  width: auto;
  height: 64px;
  padding: 5px;
  display: flex;
}
.dark-mode .vehicle-type mat-icon svg {
  width: 64px;
  background-size: cover;
  padding-bottom: 75%;
}
.dark-mode qss-filter-sidebar {
  min-height: 100%;
}
.dark-mode qss-filter-sidebar .sidebar {
  min-width: 325px;
  margin-right: -20px;
}
.dark-mode qss-filter-sidebar .sidebar .sidebar-content {
  position: fixed;
  height: 85%;
  overflow-y: scroll;
}
.dark-mode qss-filter-sidebar .sidebar .sidebar-content .sidebar-title {
  min-width: 315px;
  padding: 0 10px;
  border-bottom: 1px solid #e0e0e0;
}
.dark-mode qss-filter-sidebar .sidebar .sidebar-content .sidebar-title h2 {
  margin: 0.5em 0;
}
.dark-mode qss-filter-sidebar .sidebar .sidebar-content h3 {
  font-size: large;
  margin: 0 8px;
}
.dark-mode qss-filter-sidebar .mat-drawer-container {
  min-height: 100%;
}
.dark-mode .bg-primary {
  background-color: #27509b !important;
  background-color: #99cef6 !important;
}
.dark-mode .bg-wd-primary {
  background-color: #27509b !important;
  background-color: black !important;
}
.dark-mode .bg-accent {
  background-color: #fce500 !important;
  background-color: #fdf271 !important;
}
.dark-mode .bg-wd-accent {
  background-color: #fce500 !important;
  background-color: black !important;
}
.dark-mode .bg-warn {
  background-color: #cc0033 !important;
  background-color: #c6616b !important;
}
.dark-mode .bg-wd-warn {
  background-color: #cc0033 !important;
  background-color: black !important;
}
.dark-mode .bg-critical, .dark-mode .activity-bg-critical {
  background-color: #cc0033 !important;
  background-color: #cc0033 !important;
}
.dark-mode .bg-wd-critical {
  background-color: #cc0033 !important;
  background-color: black !important;
}
.dark-mode .bg-warning, .dark-mode .activity-bg-warning {
  background-color: #f9a825 !important;
  background-color: #f9a825 !important;
}
.dark-mode .bg-wd-warning {
  background-color: #f9a825 !important;
  background-color: black !important;
}
.dark-mode .bg-ok, .dark-mode .activity-bg-ok {
  background-color: #0c8a0a !important;
  background-color: #0c8a0a !important;
}
.dark-mode .bg-wd-ok {
  background-color: #0c8a0a !important;
  background-color: black !important;
}
.dark-mode .bg-grey, .dark-mode .title-qs:before, .dark-mode .title-qs:after, .dark-mode .system-device-info .info-header, .system-device-info .dark-mode .info-header {
  background-color: #e0e0e0 !important;
  background-color: #272727 !important;
}
.dark-mode .bg-wd-grey {
  background-color: #e0e0e0 !important;
  background-color: #191919 !important;
}
.dark-mode .bg-light-grey, .dark-mode #qss-tooltip {
  background-color: #f5f5f5 !important;
  background-color: #707070 !important;
}
.dark-mode .bg-wd-light-grey {
  background-color: #f5f5f5 !important;
  background-color: #2e2e2e !important;
}
.dark-mode .bg-white {
  background-color: white !important;
  background-color: white !important;
}
.dark-mode .bg-wd-white {
  background-color: white !important;
  background-color: #383838 !important;
}
.dark-mode .text-primary {
  color: #27509b !important;
  color: #99cef6 !important;
}
.dark-mode .text-accent {
  color: #fce500 !important;
  color: #fdf271 !important;
}
.dark-mode .text-warn {
  color: #cc0033 !important;
  color: #c6616b !important;
}
.dark-mode .text-critical {
  color: #cc0033 !important;
  color: #cc0033 !important;
}
.dark-mode .text-warning {
  color: #f9a825 !important;
  color: #f9a825 !important;
}
.dark-mode .text-ok {
  color: #0c8a0a !important;
  color: #0c8a0a !important;
}
.dark-mode .text-grey {
  color: #e0e0e0 !important;
  color: #272727 !important;
}
.dark-mode .text-light-grey {
  color: #f5f5f5 !important;
  color: #707070 !important;
}
.dark-mode .text-white {
  color: white !important;
  color: white !important;
}
.dark-mode .icon-primary {
  color: #27509b !important;
  fill: #27509b !important;
  color: #99cef6 !important;
  fill: #99cef6 !important;
}
.dark-mode .icon-accent {
  color: #fce500 !important;
  fill: #fce500 !important;
  color: #fdf271 !important;
  fill: #fdf271 !important;
}
.dark-mode .icon-warn {
  color: #cc0033 !important;
  fill: #cc0033 !important;
  color: #c6616b !important;
  fill: #c6616b !important;
}
.dark-mode .icon-critical {
  color: #cc0033 !important;
  fill: #cc0033 !important;
  color: #cc0033 !important;
  fill: #cc0033 !important;
}
.dark-mode .icon-warning {
  color: #f9a825 !important;
  fill: #f9a825 !important;
  color: #f9a825 !important;
  fill: #f9a825 !important;
}
.dark-mode .icon-ok {
  color: #0c8a0a !important;
  fill: #0c8a0a !important;
  color: #0c8a0a !important;
  fill: #0c8a0a !important;
}
.dark-mode .icon-grey {
  color: #e0e0e0 !important;
  fill: #e0e0e0 !important;
  color: #272727 !important;
  fill: #272727 !important;
}
.dark-mode .icon-light-grey {
  color: #f5f5f5 !important;
  fill: #f5f5f5 !important;
  color: #707070 !important;
  fill: #707070 !important;
}
.dark-mode .icon-white {
  color: white !important;
  fill: white !important;
  color: white !important;
  fill: white !important;
}

/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
/*
OVERLAY SCROLLBARS CORE:
*/
html.os-html,
html.os-html > .os-host {
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

html.os-html > .os-host > .os-padding {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
}

body.os-dragging,
body.os-dragging * {
  cursor: default;
}

.os-host,
.os-host-textarea {
  position: relative;
  overflow: visible !important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.os-host-flexbox {
  overflow: hidden !important;
  display: flex;
}

.os-host-flexbox > .os-size-auto-observer {
  height: inherit !important;
}

.os-host-flexbox > .os-content-glue {
  flex-grow: 1;
  flex-shrink: 0;
}

.os-host-flexbox > .os-size-auto-observer,
.os-host-flexbox > .os-content-glue {
  min-height: 0;
  min-width: 0;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}

#os-dummy-scrollbar-size {
  position: fixed;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  overflow: scroll;
  height: 500px;
  width: 500px;
}

#os-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

/* fix restricted measuring */
#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
  content: "";
  display: table;
  width: 0.01px;
  height: 0.01px;
  line-height: 0;
  font-size: 0;
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}

#os-dummy-scrollbar-size,
.os-viewport {
  -ms-overflow-style: scrollbar !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
  scrollbar-width: none !important;
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
  display: none !important;
  width: 0px !important;
  height: 0px !important;
  visibility: hidden !important;
  background: transparent !important;
}

.os-content-glue {
  box-sizing: inherit;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.os-padding {
  box-sizing: inherit;
  direction: inherit;
  position: absolute;
  overflow: visible;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.os-host-overflow > .os-padding {
  overflow: hidden;
}

.os-viewport {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  outline: none !important;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.os-content-arrange {
  position: absolute;
  z-index: -1;
  min-height: 1px;
  min-width: 1px;
  pointer-events: none;
}

.os-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  height: 100%;
  width: 100%;
  visibility: visible;
}

.os-content > .os-textarea {
  box-sizing: border-box !important;
  direction: inherit !important;
  background: transparent !important;
  outline: 0px none transparent !important;
  overflow: hidden !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  border-radius: 0px !important;
  float: none !important;
  filter: none !important;
  border: none !important;
  resize: none !important;
  transform: none !important;
  max-width: none !important;
  max-height: none !important;
  box-shadow: none !important;
  perspective: none !important;
  opacity: 1 !important;
  z-index: 1 !important;
  clip: auto !important;
  vertical-align: baseline !important;
  padding: 0px;
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
  right: 0 !important;
}

.os-content > .os-textarea-cover {
  z-index: -1;
  pointer-events: none;
}

.os-content > .os-textarea[wrap=off] {
  white-space: pre !important;
  margin: 0px !important;
}

.os-text-inherit {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  text-indent: inherit;
  text-align: inherit;
  text-shadow: inherit;
  text-overflow: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  line-height: inherit;
  unicode-bidi: inherit;
  direction: inherit;
  color: inherit;
  cursor: text;
}

.os-resize-observer,
.os-resize-observer-host {
  box-sizing: inherit;
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.os-resize-observer-host {
  padding: inherit;
  border: inherit;
  border-color: transparent;
  border-style: solid;
  box-sizing: border-box;
}

.os-resize-observer-host.observed {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.os-resize-observer-host > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer {
  height: 200%;
  width: 200%;
  padding: inherit;
  border: inherit;
  margin: 0;
  display: block;
  box-sizing: content-box;
}

.os-resize-observer-host.observed > .os-resize-observer,
.os-resize-observer-host.observed > .os-resize-observer:before {
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  box-sizing: border-box;
}

.os-resize-observer-host.observed > .os-resize-observer:before {
  content: "";
  box-sizing: content-box;
  padding: inherit;
  border: inherit;
  margin: 0;
}

.os-size-auto-observer {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.os-size-auto-observer > .os-resize-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

.os-resize-observer-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0;
  direction: ltr !important;
  flex: none !important;
}

.os-resize-observer-item-final {
  position: absolute;
  left: 0;
  top: 0;
  transition: none !important;
  flex: none !important;
}

.os-resize-observer {
  animation-duration: 0.001s;
  animation-name: os-resize-observer-dummy-animation;
}

object.os-resize-observer {
  box-sizing: border-box !important;
}
@keyframes os-resize-observer-dummy-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
/*
CUSTOM SCROLLBARS AND CORNER CORE:
*/
.os-host-transition > .os-scrollbar,
.os-host-transition > .os-scrollbar-corner {
  transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

html.os-html > .os-host > .os-scrollbar {
  position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */
  z-index: 999999; /* highest z-index of the page */
}

.os-scrollbar,
.os-scrollbar-corner {
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
}

.os-scrollbar-corner {
  bottom: 0;
  right: 0;
}

.os-scrollbar {
  pointer-events: none;
}

.os-scrollbar-track {
  pointer-events: auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  pointer-events: auto;
  position: absolute;
  width: 100%;
  height: 100%;
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
  pointer-events: none;
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
  pointer-events: none !important;
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-host-rtl > .os-scrollbar-horizontal {
  right: 0;
}

.os-host-rtl > .os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-host-rtl > .os-scrollbar-corner {
  right: auto;
  left: 0;
}

.os-scrollbar-auto-hidden,
.os-padding + .os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,
.os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.os-scrollbar-corner-resize-both {
  cursor: nwse-resize;
}

.os-host-rtl > .os-scrollbar-corner-resize-both {
  cursor: nesw-resize;
}

.os-scrollbar-corner-resize-horizontal {
  cursor: ew-resize;
}

.os-scrollbar-corner-resize-vertical {
  cursor: ns-resize;
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
  cursor: default;
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
  top: 0;
  bottom: 0;
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
  right: 0;
  left: 0;
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
  opacity: 1 !important;
  visibility: visible !important;
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  pointer-events: auto !important;
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
  transform: scale(-1, 1);
}

.os-host-overflow {
  overflow: hidden !important;
}

/*
THEMES:
*/
/* NONE THEME: */
.os-theme-none > .os-scrollbar-horizontal,
.os-theme-none > .os-scrollbar-vertical,
.os-theme-none > .os-scrollbar-corner {
  display: none !important;
}

.os-theme-none > .os-scrollbar-corner-resize {
  display: block !important;
  min-width: 10px;
  min-height: 10px;
}

/* DARK & LIGHT THEME: */
.os-theme-dark > .os-scrollbar-horizontal,
.os-theme-light > .os-scrollbar-horizontal {
  right: 10px;
  height: 10px;
}

.os-theme-dark > .os-scrollbar-vertical,
.os-theme-light > .os-scrollbar-vertical {
  bottom: 10px;
  width: 10px;
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal,
.os-theme-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 10px;
  right: 0;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  height: 10px;
  width: 10px;
}

.os-theme-dark > .os-scrollbar-corner,
.os-theme-light > .os-scrollbar-corner {
  background-color: transparent;
}

.os-theme-dark > .os-scrollbar,
.os-theme-light > .os-scrollbar {
  padding: 2px;
  box-sizing: border-box;
  background: transparent;
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable,
.os-theme-light > .os-scrollbar.os-scrollbar-unusable {
  background: transparent;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 30px;
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 30px;
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  transition: background-color 0.3s;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar > .os-scrollbar-track,
.os-theme-light > .os-scrollbar > .os-scrollbar-track {
  border-radius: 10px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.4);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.4);
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(0, 0, 0, 0.7);
}

.os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: rgba(255, 255, 255, 0.7);
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
  display: none;
}

.os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: -6px;
  bottom: -2px;
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  left: -6px;
  right: -2px;
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before {
  right: -6px;
  left: -2px;
}

.mic-elevation-1 {
  box-shadow: 0 4px 8px 0 rgba(102, 102, 102, 0.12);
}

.mic-elevation-2 {
  box-shadow: 0 8px 16px 0 rgba(102, 102, 102, 0.16);
}

.mic-elevation-3 {
  box-shadow: 0 16px 32px 0 rgba(102, 102, 102, 0.2);
}

.mic-elevation-4 {
  box-shadow: 0 32px 64px 0 rgba(102, 102, 102, 0.32);
}

html,
body,
app-root {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}

* {
  font-family: "Noto Sans", sans-serif;
}

p,
textarea {
  line-height: 27px;
}

p {
  font-size: 18px;
}
@media (min-width: 641px) and (max-width: 979px) {
  p {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  p {
    line-height: 24px;
    font-size: 14px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1em 0 0 0;
}

h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 54px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 32px;
    line-height: 48px;
  }
}

h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 48px;
}
@media (max-width: 640px) {
  h2 {
    font-size: 30px;
    line-height: 48px;
  }
}

h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 42px;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
}

h5 {
  font-size: 22px;
  font-weight: normal;
  line-height: 33px;
}

h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: rgba(0, 0, 0, 0);
}

.mat-mdc-form-field-hint,
.mat-mdc-form-field-error {
  line-height: 1;
}

u {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

.clickable {
  cursor: pointer;
}

/**
 * The sr-only class is used to hide information 
 * that is intended only for screen readers from the layout of a rendered page.
 */
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/* Michelin Unit Titling Light */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 300;
  src: url('MichelinUnitTitling-Light.woff') format("woff");
}
/* Michelin Unit Titling Regular */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 400;
  src: url('MichelinUnitTitling-Regular.woff') format("woff");
}
/* Michelin Unit Titling Semi Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 600;
  src: url('MichelinUnitTitling-SemiBold.woff') format("woff");
}
/* Michelin Unit Titling Bold */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 700;
  src: url('MichelinUnitTitling-Bold.woff') format("woff");
}
/* Michelin Unit Titling Black */
@font-face {
  font-family: "Michelin Unit Titling";
  font-style: normal;
  font-weight: 900;
  src: url('MichelinUnitTitling-Black.woff') format("woff");
}
/* noto-sans-regular - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-regular.woff') format("woff"), url('noto-sans-v12-latin-regular.ttf') format("truetype");
}
/* noto-sans-italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url('noto-sans-v12-latin-italic.woff') format("woff"), url('noto-sans-v12-latin-italic.ttf') format("truetype");
}
/* noto-sans-700 - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700.woff') format("woff"), url('noto-sans-v12-latin-700.ttf') format("truetype");
}
/* noto-sans-700italic - latin */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  src: local(""), url('noto-sans-v12-latin-700italic.woff') format("woff"), url('noto-sans-v12-latin-700italic.ttf') format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-round.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-sharp.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-outlined.woff2') format("woff2");
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('material-icons-two-tone.woff2') format("woff2");
}
.material-icons-default, .material-icons,
.material-icons-filled, .material-icons-outlined, .material-icons-round, .material-icons-sharp, .material-icons-twotone {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons,
.material-icons-filled {
  font-family: "Material Icons";
}

.material-icons-outlined {
  font-family: "Material Icons Outlined";
}

.material-icons-round {
  font-family: "Material Icons Round";
}

.material-icons-sharp {
  font-family: "Material Icons Sharp";
}

.material-icons-twotone {
  font-family: "Material Icons Two Tone";
}

.mat-icon.mic-icon-link {
  vertical-align: sub;
  font-size: 18px;
  width: auto;
  height: auto;
}

@media print {
  body,
  body > *,
  .mic-sidebar-container {
    display: block !important;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible !important;
    overflow-y: visible !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  body ::-webkit-scrollbar,
  body > * ::-webkit-scrollbar,
  .mic-sidebar-container ::-webkit-scrollbar {
    display: none;
  }
  body > * {
    -webkit-print-color-adjust: exact;
  }
  .mic-sidebar,
  .mic-navbar {
    display: none !important;
  }
  .mat-sidenav-content {
    margin-left: 0px !important;
  }
  script {
    display: none !important;
  }
}
/**
 * @deprecated This has been deprecated and will be removed in future versions.
 * Use [alternative method/property] instead.
 */
h2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 15px;
}

.mat-mdc-progress-spinner {
  margin: 0 auto;
}

.sidebar-router-outlet {
  min-height: 90%;
  padding: 0 20px 20px 20px;
}

.kpi {
  width: 160px;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
}

.no-data {
  padding-bottom: 10px;
}

.mat-mdc-card.no-padding {
  padding: 0;
}

.hr {
  border-right: 1px solid;
}

mat-icon[svgicon] {
  width: 30px;
}
mat-icon[svgicon] svg {
  width: 30px;
}

.info {
  font-size: 30px;
  font-weight: bold;
}

.table-indicator {
  text-align: center;
  font-weight: bolder;
}

.table-wrap-line {
  white-space: pre;
}

/*
TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.
*/
.mat-tab-body-content {
  padding: 10px;
}

.text-center, .system-device-info .info-header, .system-device-info .info-line, .dark-mode .system-device-info .info-header, .dark-mode .system-device-info .info-line {
  text-align: center;
}

.main-svg {
  background-color: transparent !important;
}

/* Define color for column status */
.column-primary td:first-child {
  border-left: 2px solid #27509b;
}
.column-primary td:first-child mat-icon {
  color: #27509b;
}

.column-accent td:first-child {
  border-left: 2px solid #fce500;
}
.column-accent td:first-child mat-icon {
  color: #fce500;
}

.column-warn td:first-child {
  border-left: 2px solid #cc0033;
}
.column-warn td:first-child mat-icon {
  color: #cc0033;
}

.column-critical td:first-child {
  border-left: 2px solid #cc0033;
}
.column-critical td:first-child mat-icon {
  color: #cc0033;
}

.column-warning td:first-child {
  border-left: 2px solid #f9a825;
}
.column-warning td:first-child mat-icon {
  color: #f9a825;
}

.column-ok td:first-child {
  border-left: 2px solid #0c8a0a;
}
.column-ok td:first-child mat-icon {
  color: #0c8a0a;
}

.column-grey td:first-child {
  border-left: 2px solid #e0e0e0;
}
.column-grey td:first-child mat-icon {
  color: #e0e0e0;
}

.column-light-grey td:first-child {
  border-left: 2px solid #f5f5f5;
}
.column-light-grey td:first-child mat-icon {
  color: #f5f5f5;
}

.column-white td:first-child {
  border-left: 2px solid white;
}
.column-white td:first-child mat-icon {
  color: white;
}

/*
Fix for FF
*/
.mic-canvas canvas {
  width: 100%;
}

/* Fix multiline text in tooltips */
.white-space-pre-line {
  white-space: pre-line;
}

.mat-mdc-tooltip {
  white-space: pre-wrap;
  font-size: 0.75em;
}

.mat-mdc-dialog-actions {
  margin-bottom: 0 !important;
}

.sc-dialog-closer {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

/*# sourceMappingURL=styles.css.map*/