.annotation{background-color:rgba(255,255,255,0.8);position: absolute;transform: translate(10px, 10px);
	border-radius: 10px;padding: 5px;white-space: nowrap;font-weight:normal;width: 250px;height: 2em;overflow: hidden;text-overflow: ellipsis;text-align:left}
.annotation a {white-space: nowrap;}
.button{display:block;width:8px;height:8px;border-radius:8px;border:none;background-color:red;z-index:100;padding:0px;}
:not(:defined) > * {display: none;}
.part_row{font-weight:normal;display: inline-block; white-space: nowrap;display: table-row;}
.part_row label{font-weight:normal;width: 250px;overflow: hidden;text-overflow: ellipsis;height: 1.2em; white-space: nowrap;}
.part_row input{height: 1.2em;}
div#container{background: linear-gradient(#FFF, #999); overflow-x: hidden;height:100%;}
img#fullScreen{width:30px;cursor:pointer;position:absolute;top:10px;right:80px;z-index:100;z-index:200}
.menu-btn-1{ position:fixed;z-index:100;top:10px;right:0px;cursor: pointer;transition: all .6s ease-in-out; z-index:200}
.menu-btn-1 div{width: 33px;height: 4px;background-color: black;display: block;margin: 5px 28px;transition: all .6s ease-in-out;}
.menu-btn-1 div &:nth-child(1){margin-top: 20px;}
.menu-btn-2{ position:fixed;z-index:100;top:10px;left:0px;cursor: pointer;transition: all .6s ease-in-out; z-index:200}
.menu-btn-2 div{width: 33px;height: 4px;background-color: black;display: block;margin: 5px 28px;transition: all .6s ease-in-out;}
.menu-btn-2 div &:nth-child(1){margin-top: 20px;}
div#title{border-radius:10px;padding-left:10px;padding-right:10px;color:#666;position:absolute;text-align:center;font-size:3em;top:10px;left:50%;transform:translateX(-50%);z-index:100;background-color:rgba(255,255,255,0.9);}
div#title a{overflow:hidden;text-overflow:ellipsis;height:1.3em;line-height:1.3em;width:800px;display: block;padding:0 5px;white-space:nowrap}
div#logo{position:fixed;bottom:15px;left:15px;z-index:100;}
div.item_info{padding-top:5px;padding-bottom:5px;text-align:left;width: 250px;}
div.item_info a{font-weight:normal;width: 180px;overflow: hidden;text-overflow: ellipsis;height: 1.2em; white-space: nowrap;}
div.item_list{padding-top:5px;padding-bottom:5px;height:10.0em;text-align:left;width:100%;overflow-x:hidden;overflow-y:auto;}
button.item_info{background-color: #f0f4f7; border-color: #EBEFF2;border-radius: 10px;}
div.legend{overflow-y:hidden;overflow-x:hidden;position:absolute;z-index:100;border-radius: 10px;padding:10px;background-color:rgba(255,255,255,0.9);}
div.menu{overflow-y:hidden;overflow-x:hidden;border-radius: 10px;padding:10px;background-color:rgba(255,255,255,0.9);}
div.active{transition: all 600ms ease-in-out;}
.active #two{opacity: 0;transition: .4s ease;}
.active #one{transform: translateY(9px) rotate(-135deg);transition: all .6s ease-in-out;background-color: red;}
.active #three{transform: translateY(-9px) rotate(-45deg);transition: all .6s ease-in-out;background-color: red;}
label{cursor:pointer}
.blink{animation:blink 700ms infinite alternate;} @keyframes blink { from { background-color:red;width:12px;height:12px;border-radius:12px;} to { background-color:blue;width:3px;height:3px;border-radius:3px;}}
div.item{width:250px;overflow:hidden;}
div.item a{font-weight:normal;width:200px;overflow:hidden;text-overflow:ellipsis;height:1.2em;white-space:nowrap;}
.offside{background-color:#FFF;}
hr.part_info{margin-top:5px;margin-bottom:5px;}

@media screen and (max-width:480px) { div#title{font-size:12pt;top:60px;width:100%;white-space:nowrap;line-height: 1.2em;height:1.2em;overflow: hidden;text-overflow: ellipsis;} div#title a{width:100%;}}

#controls {position: absolute;bottom: 16px;left: 16px;max-width: unset;transform: unset;pointer-events: auto;}
.dot{display: block;width: 8px;height: 8px;border-radius: 50%;border: none;box-sizing: border-box;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);background: #fff;pointer-events: none;--min-hotspot-opacity: 0;}
.dim{background: #fff;border-radius: 4px;border: none;box-sizing: border-box;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);color: rgba(0, 0, 0, 0.8);display: block;font-family: Futura, Helvetica Neue, sans-serif;font-size: 12px;
font-weight: 700;max-width: 128px;overflow-wrap: break-word;padding: 0.5em 1em;position: absolute;width: max-content;height: max-content;transform: translate3d(-50%, -50%, 0);pointer-events: none;--min-hotspot-opacity: 0;}

.dimensionLineContainer{pointer-events: none;position: fixed;display: block;width: 100%;height: 100%;}
.dimensionLine{stroke: #00722c;stroke-width: 1;stroke-dasharray: 5}
.show{--min-hotspot-opacity: 1;}
.hide{display: none;}

:not(:defined) > * {display: none;}