*::-webkit-scrollbar {
    width: 9px;
  }
 *::-webkit-scrollbar-track {
    background: transparent;
  }
  *::-webkit-scrollbar-thumb {
    background-color: rgba(155, 155, 155, 0.5);
    border-radius: 30px;
    border: transparent;
  }

/*
* {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}
*/


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

:root{
    --bodycolor: white;
    
    --activeColor:0 91% 71%;;
}

@media (prefers-color-scheme:dark){
    :root{
        --bodycolor:#E0E0E0
    }
}
@media (prefers-color-scheme:light){
    :root{
        --bodycolor:black;
    }
}
[data-theme=dark]{
    --bodycolor:#E0E0E0
}
[data-theme=synthwave]{
    --bodycolor:#E0E0E0
}
[data-theme=halloween]{
    --bodycolor:#E0E0E0
}
[data-theme=forest]{
    --bodycolor:#E0E0E0
}
[data-theme=aqua]{
    --bodycolor:#E0E0E0
}
[data-theme=black]{
    --bodycolor:#E0E0E0
}
[data-theme=luxury]{
    --bodycolor:#E0E0E0
}
[data-theme=dracula]{
    --bodycolor:#E0E0E0
}
[data-theme=business]{
    --bodycolor:#E0E0E0
}
[data-theme=night]{
    --bodycolor:#E0E0E0
}
[data-theme=coffee]{
    --bodycolor:#E0E0E0
}
[data-theme=light]{
    --bodycolor:black
}
[data-theme=cupcake]{
    --bodycolor:black
}
[data-theme=bumblebee]{
    --bodycolor:black
}
[data-theme=emerald]{
    --bodycolor:black
}
[data-theme=corporate]{
    --bodycolor:black
}
[data-theme=retro]{
    --bodycolor:black
}
[data-theme=cyberpunk]{
    --bodycolor:black
}
[data-theme=valentine]{
    --bodycolor:black
}
[data-theme=garden]{
    --bodycolor:black
}
[data-theme=lofi]{
    --bodycolor:black
}
[data-theme=pastel]{
    --bodycolor:black
}
[data-theme=fantasy]{
    --bodycolor:black
}
[data-theme=wireframe]{
    --bodycolor:black
}
[data-theme=cmyk]{
    --bodycolor:black
}
[data-theme=autumn]{
    --bodycolor:black
}
[data-theme=acid]{
    --bodycolor:black
}
[data-theme=lemonade]{
    --bodycolor:black
}
[data-theme=winter]{
    --bodycolor:black
}


.human-body {
    width: 207px;
    position: relative;
    padding-top: 240px;
    height: 260px;
    display: block;
    margin: 0px auto 40px auto;
}

.human-body-height{
    height:460px;
}

.human-body svg:hover {
    cursor: pointer;
}

.human-body svg:hover path {
    fill: #ff7d16;
}

.human-body svg path.active{
    fill:hsl(var(--activeColor)/1)
}



.human-body svg {
    position: absolute;
    left: 50%;
    
    fill: var(--bodycolor) !important;
}

.human-body svg.head {
    margin-left: -28.5px;
    top: -6px;
}

.human-body svg.left-shoulder {
    margin-left: -53.5px;
    top: 69px;
}

.human-body svg.right-shoulder {
    margin-left: 13.5px;
    top: 69px;
}

.human-body svg.left-arm {
    margin-left: -78px;
    top: 112px;
}

.human-body svg.right-arm {
    margin-left: 38px;
    top: 112px;
    z-index: 10001;
}

.human-body svg.chest {
    margin-left: -43.5px;
    top: 88px;
}

.human-body svg.stomach {
    margin-left: -37.5px;
    top: 130px;
}

.human-body svg.left-leg {
    margin-left: -46.5px;
    top: 205px;
    z-index: 9999;
}

.human-body svg.right-leg {
    margin-left: 1.5px;
    top: 205px;
    z-index: 9999;
}

.human-body svg.left-hand {
    margin-left: -102.5px;
    top: 224px;
}

.human-body svg.right-hand {
    margin-left: 66.5px;
    top: 224px;
    z-index: 10000;
}

.human-body svg.left-foot {
    margin-left: -35.5px;
    top: 455px;
}

.human-body svg.right-foot {
    margin-left: 5.5px;
    top: 455px;
}

.camHidden{
    background:transparent !important;
}

.camHidden:before{
    background-color:transparent !important;
}
.camHidden:after{
    background-color:transparent !important;
}