/* 1. Use a more-intuitive box-sizing model */*,*::before,*::after{box-sizing:border-box;}/*2.Removedefaultmargin*/*{margin:0;}/*3.Enablekeywordanimations*/@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;}}body{/*4.Addaccessibleline-height*/line-height:1.5;/*5.Improvetextrendering*/-webkit-font-smoothing:antialiased;}/*6.Improvemediadefaults*/img,picture,video,canvas,svg{display:block;max-width:100%;}/*7.Inheritfontsforformcontrols*/input,button,textarea,select{font:inherit;}/*8.Avoidtextoverflows*/p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}/*9.Improvelinewrapping*/p{text-wrap:pretty;}h1,h2,h3,h4,h5,h6{text-wrap:balance;}/*10.Createarootstackingcontext*/#root,#__next{isolation:isolate;}
body{
    
    color: white;
}
        
canvas {
    display: block;
}

.label {
    z-index: 1;
    position: absolute;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    pointer-events: auto;
    transform: translate(-50%, -100%);
    white-space: nowrap;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.1s ease;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.label:hover {
    background: rgba(255, 255, 255, 0.8);
    color : black;
    transition: all 0.1s ease;
}

.label.hidden {
    display: none;
}