#edge-extendable-button {
/* display: none;*/
position: fixed;
top: 20vh;
left: 0;
width: 30px;
border-radius: 0 10px 10px 0;
z-index: 1000;
overflow: hidden;
}
#edge-extendable-button-horizontal {
/* display: none;*/
align-self: flex-start;
width: 30px;
margin-top: -18px;
z-index: 1000;
overflow: hidden;
}
.edge-button-grid {
display: grid;
grid-template-columns: 30px 200px;
grid-template-rows: auto;
grid-template-areas: 
  "header header"
  ". main";
grid-gap: 5px;
}

.item-left {
grid-area: 1 / 1 / 2 / 2;
opacity: 0.2;
}
.item-right {
grid-area: 1 / 2 / 3 / 3; 
background-color: #f6f9fc;
padding: 10px;
border-radius: 1rem;
box-shadow: 0px 4px 6px 0px rgba(209,200,200,0.75);
-webkit-box-shadow: 0px 4px 6px 0px rgba(209,200,200,0.75);
-moz-box-shadow: 0px 4px 6px 0px rgba(209,200,200,0.75);
}
#edge-extendable-button:hover {
overflow: visible;
}
#edge-extendable-button-horizontal:hover {
overflow: visible;
}

.framework {
flex-flow: column nowrap;
font-family: 'Open Sans',sans-serif;
font-size: 0.75rem;
line-height: 1;
text-align: center;
color: #8b90ae;
text-rendering: optimizeLegibility;
margin: 0.6rem 0;
}
.anatomy-views {
display: flex;
flex-flow: row nowrap;
font-family: 'Open Sans',sans-serif;
font-size: 0.75rem;
line-height: 1;
color: #8b90ae;
text-rendering: optimizeLegibility;
margin-bottom: 0.5rem;
}
.views {
width: 50%;
margin: 0 0.4rem;
}
.justify-content-start {
 justify-content: flex-start;
}
.justify-content-end {
 justify-content: flex-end;
}
.anatomy-plus {
flex-flow: column nowrap;
font-family: 'Open Sans',sans-serif;
font-size: 0.75rem;
line-height: 1;
text-align: center;
color: #8b90ae;
text-rendering:optimizeLegibility;
margin: 0.6rem 0;
}
.hand-icon {
display: flex;
justify-content: center;
width: 30px;
height: 17px;
z-index:10;
}

.edge-button-on-scroll {
display: none;
}

*,
*::before,
*::after {
box-sizing: border-box;
}