/*
@font-face {
    font-family: 'Campton';
    src: url('../images/guides/campton-medium-webfont.woff2') format('woff2'),
         url('../images/guides/campton-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Campton';
    src: url('../images/guides/campton-semibold-webfont.woff2') format('woff2'),
         url('../images/guides/campton-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Campton';
    src: url('../images/guides/campton-bold-webfont.woff2') format('woff2'),
         url('../images/guides/campton-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Campton';
    src: url('../images/guides/campton-extrabold-webfont.woff2') format('woff2'),
         url('../images/guides/campton-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/chivo/v12/va9I4kzIxd1KFrBmQeNHkQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Chivo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/chivo/v12/va9I4kzIxd1KFrBoQeM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
:focus { outline:none; }
::-moz-focus-inner { border:0; }
img {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

body{
font-family: 'Chivo', sans-serif;
}

h1, h2, h3, h4{
	font-family: 'Campton',sans-serif;
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}
h2 { font-size: 30px; }

*/
.ojguide img {
	/*vertical-align: bottom;
	max-width: 100%;
	height: auto;*/
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.ojguide ul li {
	list-style: none;
	margin-bottom: 0;
}
.ojguide ul li span {
	color: #121212;
	border-radius: 5px;
	background: #f0f0f0;
	box-shadow: 0 2px 20px rgba(0,0,0,0.3);
	list-style: none;
	padding: 10px;
	display: block;
	margin-bottom: 15px;
	border: 2px solid transparent;
}
.ojguide li {
	cursor:pointer;
}
.ojguide li.desc {
	font-style: italic;
	cursor:default;
}
.ojguide ul li.desc {
	margin-bottom: 15px;
}
.ojguide .desc.header {
	font-weight: 600;
	font-style: normal;
	font-size: 130%;
}
.ojguide ul ul li {
	background: transparent;
	color: #FFF;
	box-shadow: none;
}

.ojguide li.desc span {
	background: rgba(0,0,0,0.3);
	color: #FFFF;
}
.ojguide li.desc span.solution {
	font-style: normal;
	cursor:pointer;
}

.ojguide li.desc span p {
	margin-top: 0.25em;
	margin-bottom: 1em;
}
.ojguide li.desc span p:last-child {
	margin-bottom: 0;
}

.ojguide a {
	color: #FFF;
}
.ojguide strong {
	letter-spacing: 0.03em;
}
.ojguide var {
	font-style: normal;
	font-family: inherit;
	background-color: transparent;
}

.bgcover,
.panelexplain {
	position:relative;
	color: #FFF;
	/*max-width: 1400px;*/
	margin: 0 auto;
	background-color: #0057A4;
	background-image: url(hero-sky.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 666;
}
.panelexplain {
	border: 2px solid #424242;
	border-radius: 5px;
	overflow:hidden;
	height: 80vh;
	min-height: 500px;
}
.bgcover {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	pointer-events: none;
}
.px-inner {
	display:flex;
	flex-direction: row;
	max-height: 100%;
	position: relative;
}
.px-inner .instructions-half {
	flex-basis: 50%;
	flex-shrink: 0;
	align-self: stretch;
	padding: calc(1.2vw + 20px) calc(1.2vw + 0px) 0 calc(1.2vw + 20px);
	margin-bottom: calc(1.2vw + 40px);
	display: flex;
	flex-direction: column;
}
.px-inner .visuals-half {
	flex-basis: 50%;
	text-align: center;
	padding: calc(1.2vw + 20px);
	padding-bottom: calc(1.2vw + 40px);
}
.chapters {
	flex: 1;
	padding-bottom: 20px;
	padding-left: 10px;
	overflow: hidden;
}
.chapters ul {
	padding-left: 0;
}
.chapters ul ul {
	padding-left: calc(20px + 2%);
}
.chapteslist {
	padding-right: 20px;
}
.visuals {
	height: 100%;
	visibility: hidden;
	position: relative;
	display: inline-block;
	/*transform-style: preserve-3d;*/
}
.visuals .panel {
	display: inline-block;
	backface-visibility: hidden;
}
.visuals .panel + .panel {
	position: absolute;
	top: 0;
	left: 0;
}
.visuals .panel:nth-child(2) { transform:  translateZ( calc(1 * -5px )); }
.visuals .panel:nth-child(3) { transform:  translateZ( calc(1 * -10px)); }
.visuals .panel:nth-child(4) { transform:  translateZ( calc(1 * -15px)); }
.visuals .panel:nth-child(5) { transform:  translateZ( calc(1 * -20px)); }
.visuals .panel:nth-child(6) { transform:  translateZ( calc(1 * -25px)); }
.visuals .panel:nth-child(7) { transform:  translateZ( calc(1 * -30px)); }
.visuals .panel:nth-child(8) { transform:  translateZ( calc(1 * -35px)); }
.visuals .panel:nth-child(9) { transform:  translateZ( calc(1 * -40px)); }
.visuals .panel:nth-child(10) { transform: translateZ( calc(1 * -45px)); }
.visuals .panel:nth-child(11) { transform: translateZ( calc(1 * -50px)); }
.visuals .panel:nth-child(12) { transform: translateZ( calc(1 * -55px)); }
.visuals .panel:nth-child(13) { transform: translateZ( calc(1 * -60px)); }
.visuals .panel:nth-child(14) { transform: translateZ( calc(1 * -65px)); }

.hotspot {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}
.hotspot svg > g {
	opacity: 0;
}
.hotspot svg {
	width: 100%;
	height: 100%;
}
.hotspot svg circle {
	fill: rgb(0, 87, 164);
}
.hotspot svg circle:last-child {
	fill: transparent;
	stroke: rgb(0, 87, 164);
}
.shine {
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 327px;
	height: 490px;
	width: 61%;
	height: 57%;
	margin-left: 2px;
	margin-top: 1px;
	transform: translate(-50%, -50%);
}
.shine .sweeper {
	background: linear-gradient(90deg, rgba(255,255,255,0) 33%, rgba(255,255,255,0.5) 38%, rgba(255,255,255,0.8) 65%, rgba(255,255,255,0) 66%);
	position: absolute;
	left: -100%;
	top: -100%;
	width:300%;
	height: 300%;
	opacity: 0.6;
}
.screens img {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	opacity: 0;
}
.ojscreen {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	opacity:0;
}
.redlight {
	position: absolute;
	top: 0;
	left: -2px;
	width: 100%;
	height: 100%;
	transform: translateX(50%);
	object-position: 0 0;
	pointer-events: none;
}

#devTools .time-scale {
	display: none;
}
#devTools .chapter {
	position: absolute;
	top: -6px;
	transform: translate(-50%,0);
	border-radius: 12px;
	width: 8px;
	height: 8px;
	border: 6px solid transparent;
	z-index: 1;
	box-shadow: 0 0 0px 2px inset rgb(255 255 255);
	font-size: 0;
	cursor: pointer;
}
#devTools .playhead {
	z-index: 2;
}

body .gs-dev-tools .progress-bar {
	background-color: #BFD730;
}
body .gs-dev-tools .playhead {
	border: 1px solid #b0c726;
	background-color: #BFD730;
}
body .gs-dev-tools.minimal .gs-top,
body .gs-dev-tools.minimal .gs-bottom {
	background-color: rgba(0,0,0,0.5);
}
.titleintro {
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display: flex;
	align-items: center;
}
.titleintro h2 {
	text-transform: uppercase;
	color: #FFF;
	margin: 0;
	line-height: 1;
	padding: calc(1.2vw + 20px);
	font-size: 200px;
}
.titleintro h2 span:not(.guide-title-small) {
	display: block;
	font-weight: 700;
	color: #BED630;
	line-height: 0.88;
}
.titleintro h2 span.guide-title-small {
	display: block;
	font-size: 40%;
	font-weight: 100;
}
#ctrl_slider_REMOVE {
	width: 100% !important;
}

#counter {
	display: none;
	left: auto !important;
	top: 30px !important;
}
.arrows .prev, .arrows .next {
	border: 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 40px;
	height: 30px;
	background-position: 50% 50%;
	transition: transform .2s;
	margin: 0;
	padding: 0;
	outline: 0;
	background-color: transparent;
	transition: background .2s ease-in-out;
	position: absolute;
	top: calc(50% - 15px);
	cursor: pointer;
	z-index: 666;
}
.arrows .prev {
	background-image: url(arrow-left.svg);
	order: 0;
	height: 30px;
	background-position: 0 50%;
	padding-left: 10px;
	left: 50%;
	transform: translateX(10%);
	visibility: hidden;
	opacity:0;
}
.arrows .next {
	background-image: url(arrow-right.svg);
	order: 2;
	background-position: 100% 50%;
	padding-right: 10px;
	right: 0;
	transform: translateX(-10%);
}
.arrows .prev:hover {
	background-position: 10% 50%;
}
.arrows .next:hover {
	background-position: 90% 50%;
}
.menuicon {
	transform: scale(1.75, 1.25);
	display: inline-block;
	padding: 0 0.2em;
}
.ojguide .squareicon {
	transform: scale(1.35, 1.35);
	display: inline-block;
	padding: 0 0.2em;
	position: relative;
	top: -0.1em;
}
@media screen and (max-width:1300px) {
	.titleintro h2 {
		font-size: 160px;
	}
	.visuals .panel:nth-child(2) { transform:  translateZ( calc(0.7 * -5px )); }
	.visuals .panel:nth-child(3) { transform:  translateZ( calc(0.7 * -10px)); }
	.visuals .panel:nth-child(4) { transform:  translateZ( calc(0.7 * -15px)); }
	.visuals .panel:nth-child(5) { transform:  translateZ( calc(0.7 * -20px)); }
	.visuals .panel:nth-child(6) { transform:  translateZ( calc(0.7 * -25px)); }
	.visuals .panel:nth-child(7) { transform:  translateZ( calc(0.7 * -30px)); }
	.visuals .panel:nth-child(8) { transform:  translateZ( calc(0.7 * -35px)); }
	.visuals .panel:nth-child(9) { transform:  translateZ( calc(0.7 * -40px)); }
	.visuals .panel:nth-child(10) { transform: translateZ( calc(0.7 * -45px)); }
	.visuals .panel:nth-child(11) { transform: translateZ( calc(0.7 * -50px)); }
	.visuals .panel:nth-child(12) { transform: translateZ( calc(0.7 * -55px)); }
	.visuals .panel:nth-child(13) { transform: translateZ( calc(0.7 * -60px)); }
	.visuals .panel:nth-child(14) { transform: translateZ( calc(0.7 * -65px)); }
}

@media screen and (max-width:1000px) {
	.titleintro h2 {
		font-size: 120px;
	}
	.visuals .panel:nth-child(2) { transform:  translateZ( calc(0.45 * -5px )); }
	.visuals .panel:nth-child(3) { transform:  translateZ( calc(0.45 * -10px)); }
	.visuals .panel:nth-child(4) { transform:  translateZ( calc(0.45 * -15px)); }
	.visuals .panel:nth-child(5) { transform:  translateZ( calc(0.45 * -20px)); }
	.visuals .panel:nth-child(6) { transform:  translateZ( calc(0.45 * -25px)); }
	.visuals .panel:nth-child(7) { transform:  translateZ( calc(0.45 * -30px)); }
	.visuals .panel:nth-child(8) { transform:  translateZ( calc(0.45 * -35px)); }
	.visuals .panel:nth-child(9) { transform:  translateZ( calc(0.45 * -40px)); }
	.visuals .panel:nth-child(10) { transform: translateZ( calc(0.45 * -45px)); }
	.visuals .panel:nth-child(11) { transform: translateZ( calc(0.45 * -50px)); }
	.visuals .panel:nth-child(12) { transform: translateZ( calc(0.45 * -55px)); }
	.visuals .panel:nth-child(13) { transform: translateZ( calc(0.45 * -60px)); }
	.visuals .panel:nth-child(14) { transform: translateZ( calc(0.45 * -65px)); }
}


@media screen and (max-width:800px) {
	body  {
		margin:0;
	}
	.hide-mobile {
		display: none; 
	}
	.panelexplain {
		height: auto;
	}
	.titleintro h2 {
		font-size: 80px;
	}
	.px-inner {
		flex-direction: column;
		height: calc(100vh - 130px);
		min-height: 500px;
	}
	.px-inner .instructions-half {
		order: 2;
		padding: 0px;
		margin-bottom: 0;
		height: 250px; /*calc( (100vh - 130px) * 0.4);*/
		flex-basis: 40%;
	}
	.px-inner .visuals-half {
		flex-basis: auto;
		position: relative;
		padding: 5px 0 0 0;
		height: 250px; /* calc( (100vh - 130px) * 0.6); */
		flex-basis: 60%;
	}
	.chapters {
		padding:15px 5px 15px 15px;
	}
	.arrows .prev {
		left: 0;
	}
	#devTools  {
		display: none;
	}
	#devTools .gs-dev-tools {
		top: calc(100vh - 42px) !important;
	}
	#devTools .chapter {
		display: none;
	}
	.visuals .panel:nth-child(2) { transform:  translateZ( calc(1 * -5px )); }
	.visuals .panel:nth-child(3) { transform:  translateZ( calc(1 * -10px)); }
	.visuals .panel:nth-child(4) { transform:  translateZ( calc(1 * -15px)); }
	.visuals .panel:nth-child(5) { transform:  translateZ( calc(1 * -20px)); }
	.visuals .panel:nth-child(6) { transform:  translateZ( calc(1 * -25px)); }
	.visuals .panel:nth-child(7) { transform:  translateZ( calc(1 * -30px)); }
	.visuals .panel:nth-child(8) { transform:  translateZ( calc(1 * -35px)); }
	.visuals .panel:nth-child(9) { transform:  translateZ( calc(1 * -40px)); }
	.visuals .panel:nth-child(10) { transform: translateZ( calc(1 * -45px)); }
	.visuals .panel:nth-child(11) { transform: translateZ( calc(1 * -50px)); }
	.visuals .panel:nth-child(12) { transform: translateZ( calc(1 * -55px)); }
	.visuals .panel:nth-child(13) { transform: translateZ( calc(1 * -60px)); }
	.visuals .panel:nth-child(14) { transform: translateZ( calc(1 * -65px)); }
}

@media screen and (max-width:600px) {
	.visuals .panel:nth-child(2) { transform:  translateZ( calc(0.45 * -5px )); }
	.visuals .panel:nth-child(3) { transform:  translateZ( calc(0.45 * -10px)); }
	.visuals .panel:nth-child(4) { transform:  translateZ( calc(0.45 * -15px)); }
	.visuals .panel:nth-child(5) { transform:  translateZ( calc(0.45 * -20px)); }
	.visuals .panel:nth-child(6) { transform:  translateZ( calc(0.45 * -25px)); }
	.visuals .panel:nth-child(7) { transform:  translateZ( calc(0.45 * -30px)); }
	.visuals .panel:nth-child(8) { transform:  translateZ( calc(0.45 * -35px)); }
	.visuals .panel:nth-child(9) { transform:  translateZ( calc(0.45 * -40px)); }
	.visuals .panel:nth-child(10) { transform: translateZ( calc(0.45 * -45px)); }
	.visuals .panel:nth-child(11) { transform: translateZ( calc(0.45 * -50px)); }
	.visuals .panel:nth-child(12) { transform: translateZ( calc(0.45 * -55px)); }
	.visuals .panel:nth-child(13) { transform: translateZ( calc(0.45 * -60px)); }
	.visuals .panel:nth-child(14) { transform: translateZ( calc(0.45 * -65px)); }
}


[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

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

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  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;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}


[data-simplebar] {
    height: 100%;
    position: relative;
    overflow-x: hidden;
}
.simplebar-track.simplebar-vertical {
	background: #4278A7;
	border-radius: 5px;
}
.simplebar-dragging .simplebar-scrollbar:before,
.simplebar-track.simplebar-vertical .simplebar-scrollbar.simplebar-hover:before {
    box-shadow: 0 0 1px 1px black;
}
.simplebar-scrollbar:before {
	background: #F0F0F0;
}
[data-simplebar].simplebar-dragging .simplebar-scrollbar.simplebar-visible:before,
.simplebar-scrollbar.simplebar-visible.simplebar-hover:before  {
	background: #BFD730;
}
.simplebar-scrollbar.simplebar-visible:before {
	opacity: 0.7;
}

.mcd3 {
	background-size: 100% 1em;
	background-repeat: no-repeat;
	color:transparent;
	background-position: 50%;
}
.mcd3.bullet {
	background-size: auto 1em;
	background-position: 0 50%;
	background-repeat: no-repeat;
	width: 2em;
	display: inline-block;
	height: 1em;
	float: left;
}
.mcd3.fixedwidth {
	background-size: auto 1em;
	background-position: 0 50%;
	background-repeat: no-repeat;
	width: 1em;
	display: inline-block;
	height: 1em;
	overflow: hidden;
}

.mcd3.digi_clc {
	background-image: url(mcd3_digital_clc.svg);
}
.mcd3.digi_sche {
	background-image: url(mcd3_digital_sche.svg);
}
.mcd3.digi_day {
	background-image: url(mcd3_digital_day.svg);
}
.mcd3.digi_day {
	background-image: url(mcd3_digital_day.svg);
}
.mcd3.digi_done {
	background-image: url(mcd3_digital_done.svg);
}
.mcd3.digi_1e2 {
	background-image: url(mcd3_digital_1e2.svg);
}
.mcd3.digi_1e4 {
	background-image: url(mcd3_digital_1e4.svg);
}
.mcd3.digi_5-2 {
	background-image: url(mcd3_digital_5-2.svg);
}
.mcd3.digi_6-1 {
	background-image: url(mcd3_digital_6-1.svg);
}
.mcd3.digi_7e4 {
	background-image: url(mcd3_digital_7e4.svg);
}
.mcd3.digi_off {
	background-image: url(mcd3_digital_off.svg);
}
.mcd3.digi_clock {
	background-image: url(mcd3_digital_clock.svg);
}
.mcd3.digi_hand {
	background-image: url(mcd3_digital_hand.svg);
}

.ojguide .desc .mcd3.digi_clc {
	background-image: url(mcd3_digital_clc_neg.svg);
}
.ojguide .desc .mcd3.digi_sche {
	background-image: url(mcd3_digital_sche_neg.svg);
}
.ojguide .desc .mcd3.digi_day {
	background-image: url(mcd3_digital_day_neg.svg);
}
.ojguide .desc .mcd3.digi_day {
	background-image: url(mcd3_digital_day_neg.svg);
}
.ojguide .desc .mcd3.digi_done {
	background-image: url(mcd3_digital_done_neg.svg);
}
.ojguide .desc .mcd3.digi_1e2 {
	background-image: url(mcd3_digital_1e2_neg.svg);
}
.ojguide .desc .mcd3.digi_1e4 {
	background-image: url(mcd3_digital_1e4_neg.svg);
}
.ojguide .desc .mcd3.digi_5-2 {
	background-image: url(mcd3_digital_5-2_neg.svg);
}
.ojguide .desc .mcd3.digi_6-1 {
	background-image: url(mcd3_digital_6-1_neg.svg);
}
.ojguide .desc .mcd3.digi_7e4 {
	background-image: url(mcd3_digital_7e4_neg.svg);
}
.ojguide .desc .mcd3.digi_off {
	background-image: url(mcd3_digital_off_neg.svg);
}
.ojguide .desc .mcd3.digi_clock {
	background-image: url(mcd3_digital_clock_neg.svg);
}
.ojguide .desc .mcd3.digi_hand {
	background-image: url(mcd3_digital_hand_neg.svg);
}

[aria-label][role~="tooltip"]{position:relative}[aria-label][role~="tooltip"]::before,[aria-label][role~="tooltip"]::after{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;opacity:0;pointer-events:none;transition:all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);position:absolute;box-sizing:border-box;z-index:10;transform-origin:top}[aria-label][role~="tooltip"]::before{background-size:100% auto!important;content:""}[aria-label][role~="tooltip"]::after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size,13px);font-weight:var(--microtip-font-weight,normal);text-transform:var(--microtip-text-transform,none);padding:.5em 1em;white-space:nowrap;box-sizing:content-box}[aria-label][role~="tooltip"]:hover::before,[aria-label][role~="tooltip"]:hover::after,[aria-label][role~="tooltip"]:focus::before,[aria-label][role~="tooltip"]:focus::after{opacity:1;pointer-events:auto}[role~="tooltip"][data-microtip-position|="top"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-bottom:5px}[role~="tooltip"][data-microtip-position|="top"]::after{margin-bottom:11px}[role~="tooltip"][data-microtip-position|="top"]::before{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~="tooltip"][data-microtip-position|="top"]:hover::before{transform:translate3d(-50%,-5px,0)}[role~="tooltip"][data-microtip-position|="top"]::after{transform:translate3d(-50%,0,0);bottom:100%;left:50%}[role~="tooltip"][data-microtip-position="top"]:hover::after{transform:translate3d(-50%,-5px,0)}[role~="tooltip"][data-microtip-position="top-left"]::after{transform:translate3d(calc(-100% + 16px),0,0);bottom:100%}[role~="tooltip"][data-microtip-position="top-left"]:hover::after{transform:translate3d(calc(-100% + 16px),-5px,0)}[role~="tooltip"][data-microtip-position="top-right"]::after{transform:translate3d(calc(0% + -16px),0,0);bottom:100%}[role~="tooltip"][data-microtip-position="top-right"]:hover::after{transform:translate3d(calc(0% + -16px),-5px,0)}[role~="tooltip"][data-microtip-position|="bottom"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}[role~="tooltip"][data-microtip-position|="bottom"]::after{margin-top:11px}[role~="tooltip"][data-microtip-position|="bottom"]::before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}[role~="tooltip"][data-microtip-position|="bottom"]:hover::before{transform:translate3d(-50%,0,0)}[role~="tooltip"][data-microtip-position|="bottom"]::after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}[role~="tooltip"][data-microtip-position="bottom"]:hover::after{transform:translate3d(-50%,0,0)}[role~="tooltip"][data-microtip-position="bottom-left"]::after{transform:translate3d(calc(-100% + 16px),-10px,0);top:100%}[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after{transform:translate3d(calc(-100% + 16px),0,0)}[role~="tooltip"][data-microtip-position="bottom-right"]::after{transform:translate3d(calc(0% + -16px),-10px,0);top:100%}[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after{transform:translate3d(calc(0% + -16px),0,0)}[role~="tooltip"][data-microtip-position="left"]::before,[role~="tooltip"][data-microtip-position="left"]::after{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}[role~="tooltip"][data-microtip-position="left"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-right:5px;margin-bottom:0}[role~="tooltip"][data-microtip-position="left"]::after{margin-right:11px}[role~="tooltip"][data-microtip-position="left"]:hover::before,[role~="tooltip"][data-microtip-position="left"]:hover::after{transform:translate3d(0,-50%,0)}[role~="tooltip"][data-microtip-position="right"]::before,[role~="tooltip"][data-microtip-position="right"]::after{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}[role~="tooltip"][data-microtip-position="right"]::before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;height:18px;width:6px;margin-bottom:0;margin-left:5px}[role~="tooltip"][data-microtip-position="right"]::after{margin-left:11px}[role~="tooltip"][data-microtip-position="right"]:hover::before,[role~="tooltip"][data-microtip-position="right"]:hover::after{transform:translate3d(0,-50%,0)}[role~="tooltip"][data-microtip-size="small"]::after{white-space:initial;width:80px}[role~="tooltip"][data-microtip-size="medium"]::after{white-space:initial;width:150px}[role~="tooltip"][data-microtip-size="large"]::after{white-space:initial;width:260px}