.legend{z-index:50;color:#00000080;letter-spacing:.2px;border-radius:6px 6px 0 0;flex-direction:column;width:54px;font-size:14px;font-weight:500;line-height:16px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:196px;left:0;overflow:hidden}.dark .legend{color:#fff9}@media (min-width:1024px){.legend{display:flex}}.legend:hover{width:220px}.legend:hover .link span{opacity:1}.link{color:#00000080;letter-spacing:.2px;white-space:nowrap;cursor:pointer;border-radius:4px;padding:6px 8px 6px 14px;font-size:14px;font-weight:500;line-height:16px;text-decoration:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:relative}.dark .link{color:#fff9}.link:hover{color:#000!important}.dark .link:hover{color:#fff!important}.link:hover:before{background-color:#000}.dark .link:hover:before{background-color:#fff}.link.active:before{background-color:#ff6363!important}.link span{letter-spacing:.2px;white-space:nowrap;opacity:0;margin-left:8px;font-size:14px;font-weight:500;line-height:16px;transition:opacity .15s cubic-bezier(.4,0,.2,1);display:block}.link:before{content:"";background-color:#00000026;border-radius:1px;width:12px;height:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.dark .link:before{background-color:#fff3}.hidden{pointer-events:none;opacity:0;transform:translate(-80px)}