input::file-selector-button {width:2vw;cursor:pointer;}


::-webkit-scrollbar {
  display: none;
}

::-webkit-scrollbar-button {
  display: none;
}

body {
  -ms-overflow-style:none;
}


body {
user-drag: none;  
user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
}


canvas
{
width:30%;
}
div
{
position:absolute;
}
img
{
user-drag: none;  
user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
}
select {
width:5.5vw;
font-size:0.9vw;
background:rgb(40,40,40);
border:none;
}
input {
background:rgb(40,40,40);
color:white;
height:1.5vw;
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  border-bottom-style: hidden;
}


.P2resd {margin-left:2vw;margin-top:1.2vw;position:relative;display:inline-block;text-align:left;line-height:1.9vw;font-weight:500;}
.P2resdx {margin-left:1vw;margin-top:1.2vw;opacity:0.5;position:relative;display:inline-block;text-align:left;line-height:1.9vw;font-weight:500;}
.P2resd1 {opacity:1;position:relative;display:inline-block;font-size:2vw;color:white;text-transform:uppercase;}
.P2resd2 {position:relative;display:inline-block;padding-right:0.6vw;vertical-align:0.3vw;font-size:1vw;color:rgb(255,255,255);text-transform:uppercase;}
.P2resd3 {margin-left:2vw;position:relative;display:inline-block;padding-right:0.6vw;vertical-align:0.3vw;font-size:1.2vw;color:rgb(255,255,255);text-transform:uppercase;}

.barchart {position:relative;display:inline-block;height:1.8vw;background:linear-gradient(to right, #7fd4f0,#7489ff,#886bff);cursor:pointer;}
.barchart:hover {position:relative;display:inline-block;height:1.8vw;background:rgba(0,0,0,0.1);}


.reviewpanel {
cursor:pointer;
position:absolute;
width:30vw;
top:10vw;
box-shadow: 0px 0px 1vw rgba(0,0,0,0.3);
backdrop-filter:blur(0.5vw);
-webkit-backdrop-filter:blur(0.5vw);
font-size:1.6vw;
padding:2vw;
font-weight:400;
border-radius:1vw;
color:#ffffff;
background:rgba(0,0,0,0.8);
line-height:2.4vw;
}

.reddot {
position:relative;
display:none;
vertical-align:0.3vw;
margin-right:0.5vw;
background:rgb(255,0,150);
width:0.5vw;
height:0.5vw;
border-radius:0.25vw;;

}


.reddot2 {
position:relative;
display:none;
vertical-align:0.2vw;
margin-right:0.5vw;
background:rgb(255,0,150);
width:0.4vw;
height:0.4vw;
border-radius:0.2vw;;
}

.bar_outer {
position:relative;margin:0.5vw 0 0.5vw;width:75vw;text-align:left;
}

.bar_inner {
position:relative;display:inline-block;color:rgb(80,80,80);
font-size:1.0vw;width:12vw;text-align:right;padding:0 0.2vw 0;white-space:nowrap;
}

.bar_inner2 {
position:relative;display:inline-block;color:rgb(200,0,150);
font-size:1.0vw;width:12vw;text-align:right;padding:0 0.2vw 0;white-space:nowrap;
}

.bar_input {
position:relative;display:inline-block;color:white;text-align:center;
font-size:1.2vw;background:rgb(120,120,120);width:5vw;height:2vw;line-height:2vw;
font-weight:500;cursor:pointer;
}

.bar_extra {
position:relative;display:inline-block;width:56vw;height:2vw;
background:white;vertical-align:-0.61vw;
}

.control_icons {
max-height:1.4vw;opacity:0.2;cursor:pointer;
font-weight:500;
position:relative;
display:inline-block;
font-size:1.4vw;
}

.range {
  -webkit-appearance: none;
  height: 0.1vw;
  background: rgb(160,160,160);
  outline: none;
  border-radius: 8px;
}


/* for chrome/safari */
.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width:3vw;
  height: 0.6vw;
  background:white;
  border:1px solid rgb(160,160,160);
  cursor: pointer;
}

/* for firefox */
.range::-moz-range-thumb {
  width:3vw;
  height: 0.7vw;
  background:rgb(60,60,60);
  border:1px solid rgb(160,160,160);
  cursor: pointer;
  border:1px solid white;
}


.checkclass {
position:relative;
font-size:1.1vw;
}

.cornerdots {
background:rgb(120,120,120);
border:1px solid rgb(255,255,255);
width:0.4vw;
height:0.4vw;
cursor:pointer;
z-index:1000;
}

.cornerdots2 {
background:rgb(120,120,120);
border:1px solid rgb(255,255,255);
width:0.6vw;
height:0.6vw;
cursor:pointer;
z-index:1000;
}

.cornerdots25 {
background:white;
border:0.3vw solid #7489ff;
width:0.8vw;
height:0.8vw;
padding:0;
margin:0;
border-radius:1vw;
cursor:pointer;
z-index:1000;
}

.item_normal {
background:rgba(60,60,60,0.3);
border:2px double rgb(255,255,255);
vertical-align:middle;
text-align:center;
font-size:1.0vw;
font-weight:500;
color:rgb(255,255,255);
backdrop-filter:none;
text-shadow:unset;
}

.item_tagging {
background:rgba(60,60,60,0.2);
border:2px double rgb(255,0,255);
vertical-align:middle;
text-align:center;
font-size:1.0vw;
font-weight:500;
color:rgb(255,255,255);
backdrop-filter:none;
text-shadow:unset;
}

.item_map {
vertical-align:middle;
text-align:center;
font-size:1.2vw;
border:1px solid rgba(255,0,200,0.5);
backdrop-filter:blur(0.5vw);
-webkit-backdrop-filter:blur(0.5vw);
text-shadow:0 0 0.3vw rgb(0,0,0);
font-weight:500;
cursor:pointer;
color:rgb(255,255,255);
}


.item_map_big {
vertical-align:middle;
text-align:center;
font-size:5vw;
border:1px solid rgba(255,0,200,0.5);
backdrop-filter:blur(2.5vw);
-webkit-backdrop-filter:blur(2.5vw);
text-shadow:0 0 2vw rgb(0,0,0);
font-weight:500;
cursor:pointer;
color:rgb(255,255,255);
}

.item_map_big_2 {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,0,200,0.5);
backdrop-filter:blur(1vw);
-webkit-backdrop-filter:blur(1vw);
text-shadow:0 0 2vw rgb(0,0,0);
font-weight:500;
cursor:pointer;
color:rgb(255,255,255);
}

.item_map_big_3 {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,0,200,0.5);
backdrop-filter:blur(1vw);
-webkit-backdrop-filter:blur(1vw);
text-shadow:0 0 2vw rgb(0,0,0);
font-weight:500;
cursor:pointer;
color:rgb(255,255,255);
}

.item_map_big_4 {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,255,255,0.7);
background:rgba(0,0,0,0.4);
backdrop-filter:blur(0.5vw);
-webkit-backdrop-filter:blur(0.5vw);
font-weight:500;
box-shadow: 0px 0px 1.5vw rgb(0,255,255);
cursor:pointer;
color:rgb(255,255,255);
}

.item_map_big_4:hover {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,255,255,0.7);
background:rgba(0,0,0,0.3);
backdrop-filter:blur(0.1vw);
-webkit-backdrop-filter:blur(0.1vw);
font-weight:500;
box-shadow: 0px 0px 1.5vw rgb(0,255,255);
cursor:pointer;
color:rgb(255,255,255);
}

.item_map_big_5 {
vertical-align:middle;
text-align:center;
font-size:2.5vw;
border:1px solid rgba(0,200,220,1);
background:rgba(0,20,30,0.1);
backdrop-filter:blur(1vw);
-webkit-backdrop-filter:blur(1vw);
opacity:1;
font-weight:500;
box-shadow: 0px 0px 0.3vw rgb(255,255,255);
cursor:pointer;
color:rgb(255,255,255);
text-shadow:rgb(0,0,0) 0 0 1vw;
}

.item_map_big_5_hidden {
vertical-align:middle;
text-align:center;
font-size:2.5vw;
border:0px solid rgba(0,200,220,1);
background:rgba(0,20,30,0);
backdrop-filter:blur(0vw);
-webkit-backdrop-filter:blur(0vw);
opacity:1;
font-weight:500;
box-shadow: 0px 0px 0vw rgb(255,255,255);
cursor:pointer;
color:rgba(255,255,255,0);
}

.item_alone {
vertical-align:middle;
text-align:center;
font-size:2.5vw;
border:2px solid rgba(255,0,200,1);
background:none;
backdrop-filter:none;
-webkit-backdrop-filter:none;
opacity:1;
font-weight:500;
box-shadow:0 0 0 max(1000vh, 1000vw) rgba(0,0,0, .8);
}

.item_map_big_5:hover {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(0,200,220,1);
background:rgba(0,20,30,0.1);
backdrop-filter:blur(0.0vw);
-webkit-backdrop-filter:blur(0.0vw);
font-weight:500;
box-shadow: 0px 0px 0.3vw rgb(255,255,255);
cursor:pointer;
color:rgba(255,255,255,0);
text-shadow:0 0 0;
}

.item_map_big_5b {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,0,155,1);
background:rgba(255,0,155,0.2);
backdrop-filter:blur(0vw);
-webkit-backdrop-filter:blur(0vw);
opacity:1;
font-weight:500;
box-shadow: 0px 0px 0.5vw rgb(255,0,155);
cursor:pointer;
color:rgba(255,255,255,0);
text-shadow:0 0 0;
}


.item_map_big_4b_25 {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,0,255,0.1);
background:rgba(255,0,0,0.05);
backdrop-filter:blur(0vw);
-webkit-backdrop-filter:blur(0vw);
font-weight:500;
box-shadow: 0px 0px 1.5vw rgba(255,0,255,0.2);
cursor:pointer;
color:rgba(255,255,255,0.5);
text-shadow:0 0 2vw rgb(0,0,0);
}

.item_map_big_4b {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,0,255,0.7);
background:rgba(0,0,0,0.2);
backdrop-filter:blur(0.1vw);
-webkit-backdrop-filter:blur(0.1vw);
font-weight:500;
box-shadow: 0px 0px 1.5vw rgb(255,0,255);
cursor:pointer;
color:rgba(255,255,255,1);
text-shadow:0 0 2vw rgb(0,0,0);
}


.item_map_big_3b {
vertical-align:middle;
text-align:center;
font-size:2vw;
border:1px solid rgba(255,200,255,0.5);
backdrop-filter:blur(1vw);
-webkit-backdrop-filter:blur(1vw);
text-shadow:0 0 2vw rgb(0,0,0);
font-weight:500;
cursor:pointer;
color:rgb(255,255,255);
}

.item_map:hover {
backdrop-filter:none;
-webkit-backdrop-filter:none;
text-shadow:none;
font-weight:500;
color:rgba(255,255,255,0);
}

.item_map_big:hover {
backdrop-filter:none;
-webkit-backdrop-filter:none;
text-shadow:none;
font-weight:500;
color:rgba(255,255,255,0);
}

.item_map_big_2:hover {
backdrop-filter:none;
-webkit-backdrop-filter:none;
text-shadow:none;
font-weight:500;
color:rgba(255,255,255,0);
}

.item_load {
background:rgb(60,60,60);
opacity:0.9;
border:2px double rgb(255,255,255);
vertical-align:middle;
text-align:center;
}
.item_goodlight {
background:rgba(0,0,0,0.8);
border:2px double rgba(255,255,255,0.1);
vertical-align:middle;
text-align:center;
font-size:1.0vw;
font-weight:200;
color:rgb(255,255,255);
}

.item_selected{
background:rgba(60,60,60,0.2);
border:2px solid rgb(255,255,0);
vertical-align:middle;
text-align:center;
font-size:1.0vw;
font-weight:500;
color:rgba(255,255,255,1);
}


.item_selected_25 {
z-index:1000;
margin-left:-0.3vw;
margin-top:-0.3vw;
    border:0.6vw solid transparent;
    border-image: linear-gradient(to right, #7fd4f0,#7489ff,#82b3f9,#886bff);
border-image-slice: 1;
vertical-align:middle;
text-align:center;
font-size:2vw;
opacity:1;
font-weight:500;
backdrop-filter:blur(0vw);
-webkit-backdrop-filter:blur(0vw);
cursor:pointer;
background:rgba(255,255,255,0.1);
color:rgba(255,255,255,1);
text-shadow:0 0 0.5vw rgb(0,0,0);
}

.item_selected_25_hidden {
z-index:1000;
margin-left:-0.3vw;
margin-top:-0.3vw;
    border:0.6vw solid transparent;
    border-image: linear-gradient(to right, #7fd4f0,#7489ff,#82b3f9,#886bff);
border-image-slice: 1;
vertical-align:middle;
text-align:center;
font-size:0vw;
opacity:1;
font-weight:500;
backdrop-filter:blur(0vw);
-webkit-backdrop-filter:blur(0vw);
cursor:pointer;
background:rgba(255,255,255,0.1);
color:rgba(255,255,255,0);
text-shadow:0 0 0vw rgb(0,0,0);
}

.item_outline_25 {
z-index:90;
border-left:1.5vw solid rgba(255,255,255,0.6);
border-right:1.5vw solid rgba(255,255,255,0.6);
border-top:4vw solid rgba(255,255,255,0.6);
border-bottom:3vw solid rgba(255,255,255,0.6);
position:absolute;
background:none;
backdrop-filter:blur(0.05vw);
-webkit-backdrop-filter:blur(0.05vw);
border-radius:1vw;
opacity:1;
}

.item_below_25 {
z-index:100;
height:2vw;
width:20vw;
text-align:center;
position:absolute;
background:none;
opacity:1;
}

.item_orion_selected{
box-shadow:0 0 0 max(100vh,100vw) rgba(0,0,0,0.8);
-webkit-box-shadow:0 0 0 max(100vh,100vw) rgba(0,0,0,0.8);
border:2px solid rgba(255,255,255,1);
vertical-align:middle;
text-align:center;
opacity:1;
font-size:1.0vw;
font-weight:500;
color:rgba(255,255,255,1);
}

.item_selected_trans{
background:rgba(60,60,60,0);
border:2px solid rgb(255,255,0);
vertical-align:middle;
text-align:center;
font-size:1.0vw;
font-weight:500;
color:rgba(255,255,255,0);
}

.btx {
display:none;
position:absolute;
left:81.5vw;
top:1.75vw;
font-weight:500;
font-size:1.1vw;
text-align:center;
color:white;
border:none;
background:rgb(160,0,140);
width:17vw;
line-height:3vw;
height:3vw;
cursor:pointer;
}


.btx:hover {
background:rgb(200,0,170);
}

.resbox { 
position:relative;
display:block;
margin:0.5vw 0vw 0.5vw;
color:rgb(200,200,200); 
font-size:0.9vw;
padding-left:4vw;
width:16vw;
text-align:left;
}
.resbase { 
position:relative;
cursor:pointer;
display:inline-block;
color:white;
opacity:0.4;
font-size:1.5vw;
}
.resmain { 
position:relative;
color:rgb(200,130,255); 
display:inline;
font-size:1.6vw;
font-weight:500;
}

.resmain2 { 
position:relative;
color:rgb(200,255,255); 
display:inline;
font-size:1.6vw;
font-weight:100;
}

.resmaindelta { 
position:relative;
color:rgb(160,160,160); 
display:inline;
font-size:1.6vw;
font-weight:normal;
}


.play_3d_a
{
z-index:500;
position:absolute;
perspective:6vw;
opacity:0.2;
left:0vw;top:0vw;
transform-style: preserve-3d;
transform: rotateX(20deg) rotateY(12deg);  
}
.play_3d_b
{ 
position:absolute;
width:50vw;height:50vw;
transform: rotateY(-2deg);
}

.profile
{
position:relative;display:inline-block;cursor:pointer;
font-size:3vw;
width:14vw;
opacity:0.5;
line-height:3.2vw;
padding:1vw 1.2vw 1vw;
border:1px solid rgb(100,100,100);
}

.profileselected
{
position:relative;display:inline-block;cursor:pointer;
font-size:3vw;
width:14vw;
background:rgb(60,60,60);
line-height:3.2vw;
padding:1vw 1.2vw 1vw;
border:1px solid rgb(255,255,255);
}

.profileinfo
{
display:inline-block;position:relative;font-size:0.9vw;
line-height:1.2vw;color:rgb(160,160,160);text-align:justify;
}

.profile_slider {
position:relative;display:inline-block;float:center;width:20vw;padding:0.5vw;
text-align:center;
}

.profile_slider_num {
font-weight:500;position:relative;display:inline-block;
}

.legend {
display:none;padding:1vw;left:59.3vw;top:8.3vw;background:rgba(0,0,0,0.5);
font-size:1.2vw;color:rgb(200,200,200);margin:2vw 4vw 1vw;line-height:1.5vw;
cursor:pointer;
}

.persona_button {
position:absolute;width:6vw;top:5.2vw;
padding:0vw;line-height:1.7vw;
border:1px solid rgb(160,160,160);text-align:center;font-size:1vw;cursor:pointer;color:rgb(200,200,200);
}

.persona_button_selected {
position:absolute;width:6vw;top:5.2vw;
padding:0vw;line-height:1.7vw;
border:1px solid rgb(200,200,0);text-align:center;font-size:1vw;cursor:pointer;color:rgb(255,255,0);
}

.persona_button:hover {
position:absolute;width:6vw;top:5.2vw;
padding:0vw;line-height:1.7vw;
border:1px solid rgb(255,255,255);text-align:center;font-size:1vw;cursor:pointer;color:rgb(255,255,255);
}


.toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.5vw;
  height: 1.5vw;
  display: inline-block;
  position: relative;
  border-radius: 0.75vw;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #505050;
  transition: background-color ease 0.3s;
}

.toggle:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 2;
  width: 1.3vw;
  height: 1.3vw;
  background: #fff;
  left: 0.1vw;
  top: 0.1vw;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.toggle:checked {
  background-color: rgb(0,200,255);
}

.toggle:checked:before {
  left: 2vw;
}