svg {
	height: 700px;
	max-height: 86vh;
	max-width: 100%;
}

svg:not(#main) {
	cursor: pointer;
}

svg:not(#main) [id*="hover"] {
	display: block;
	opacity: 0;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

svg:not(#main) [id*="hover"]:hover {
	opacity: 1;
}

svg:not(#main) [id*="hover"]:hover [id*="hover"] {
	opacity: 1;
}

svg:not(#main) #illus,
svg:not(#main) [id^="illus_"],
svg:not(#main) [id^="cube-"]:not(#cube-logo) g[style*="opacity"],
svg:not(#main) [id^="cube-"]:not(#cube-logo) g[opacity],
svg:not(#main) [id="chips"],
svg:not(#main) [id*="Illustration"] {
	pointer-events: none;
}

svg:not(#main) #cube-logo[id^="cube-"] g[opacity] {
	pointer-events: auto;
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

svg:not(#main) #cube-logo[id^="cube-"] g[opacity]:hover {
	opacity: .71;
}

svg polygon, svg polyline, svg path {
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

svg #platine-bg, svg #outiline {
	pointer-events: none;
}

svg#main .link {
	pointer-events: none;
}

svg#main .link path, svg#main .link polyline {
	fill: transparent;
}

svg .link > polygon, svg .link > polyline {
	fill: transparent;
}

svg .link > polygon ~ :last-child path, svg .link > polygon ~ :last-child polyline, svg .link > polyline ~ :last-child path, svg .link > polyline ~ :last-child polyline {
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

svg .link > polygon:hover, svg .link > polyline:hover {
	fill: var(--color-accent-dark);
	cursor: pointer;
}

svg .link > polygon:hover ~ :last-child path, svg .link > polygon:hover ~ :last-child polyline, svg .link > polyline:hover ~ :last-child path, svg .link > polyline:hover ~ :last-child polyline {
	fill: #fff;
}

svg .link.is-active > polygon, svg .link.is-active > polyline {
	fill: var(--color-accent-dark);
	cursor: pointer;
}

svg .link.is-active > polygon ~ :last-child path, svg .link.is-active > polygon ~ :last-child polyline, svg .link.is-active > polyline ~ :last-child path, svg .link.is-active > polyline ~ :last-child polyline {
	fill: #fff;
}

svg .cube > polygon, svg .cube > polyline {
	fill: var(--color-highlight);
}

svg .cube-light > polygon, svg .cube-light > polyline {
	fill: var(--color-highlight-light);
}

svg .cube-action {
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

svg .cube-action[data-target] {
	cursor: pointer;
}

svg .cube-action.is-passive polygon, svg .cube-action.is-passive polyline, svg .cube-action.is-passive path {
	opacity: .31;
}

svg .cube-action.is-passive:not(.cube-less-action) {
	-ms-transform: translateX(0) translateY(140px);
	-webkit-transform: translateX(0) translateY(140px);
	transform: translateX(0) translateY(140px);
}