/*view区与data区*/
.imgviewer .viewerZone{
    display: flex;
    /*总是占满*/
    flex: 1;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    align-items: center;
    min-width: 400px;
    transition: width 0.5s;
}
.imgviewer .dataZone{
    display: flex;
    flex-shrink:0 ;
    position: relative;
    width: 0px;
    height: 100%;
    outline: 0.5px solid #777;
    /*transition: width 0.5s;*/
    /*animation: expandWidth 0.5s ease forwards;*/
}
/*通过animation来跳转评论区打开效果，果然最丝滑，交给不同的浏览器自己去优化*/
.imgviewer .collapsed{
    /*width: 510px;*/
    animation: collapseWidth 0.5s ease forwards;
    -webkit-animation: collapseWidth 0.5s ease forwards;
    -o-animation: collapseWidth 0.5s ease forwards;
    -moz-animation: collapseWidth 0.5s ease forwards;
}
.imgviewer .expanded{
    /*width: 510px;*/
    animation: expandWidth 0.5s ease forwards;
    -webkit-animation: expandWidth 0.5s ease forwards;
    -o-animation: expandWidth 0.5s ease forwards;
    -moz-animation: expandWidth 0.5s ease forwards;
}
@keyframes expandWidth {
    from {
        width: 0;
    }
    to {
        width: 510px; /* Width when expanded */
    }
}
@keyframes collapseWidth {
    from {
        width: 510px;
    }
    to {
        width: 0;
    }
}

.imgviewer .toolbar, .imgviewer .gallery_detail {
    display: flex;
    flex-direction: column;
    color: white;
    position: absolute;
    /*margin-top: 10px;*/
}
.imgviewer .toolbar{
    transition: opacity 0.5s;
}
.imgviewer .gallery_detail {
    width: 450px;
    height: 100%;
    /*min-height: 150px;*/
    /*max-height: 550px;*/
    /*top: 25px;*/
    right: -510px;
    justify-content: left;
    padding: 0 30px ;
    /*border-radius: 5px;*/
    background-color: rgb(15, 15, 15);
    /*margin: 5px 0;*/
    text-align: left;
    font-size: 14px;
    color: #8a8a8a;
    display: flex;
    transition:transform 0.5s;
    z-index: 1;
}
/*.gallery_detail:hover{*/
/*    background-color: rgba(0, 0, 0, 0.9);*/
/*    transition: background-color  0.5s;*/
/*}*/
.gallery_detail .socialData .title {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #5b5b5b;
    /*opacity: 0.5;*/
    margin: 5px 0;
}
.socialData .metadata .title{
    display: flex;
    justify-content: space-between;
}
.gallery_detail .addComment{
    position: absolute;
    /*right: 30px;*/
    bottom: 0;
    /*padding-bottom: 20px;*/
    width: 450px;
    height: 220px;    /*高度与comments_detail的padding-bottom联动调整*/
    background: rgb(15,15,15);
    flex-shrink: 0;
}
.gallery_detail .addComment textarea{
    color: lightgray;
    background-color: black;
    border: none;
    border-bottom: 1px solid #282828;
    border-top: 1px solid #282828;
    width: 100%;
    height: 60px;
    resize: none;
    margin-top: 15px;
    font-size: 13px;
}
.gallery_detail .addComment .buttons{
    margin-top: 7px;
}
.gallery_detail .addComment .submit{
    background: rgba(255, 91, 41, 0.8);
    /*background: #1177e3;*/
    padding: 3px 10px;
    border-radius: 12px;
    border: none;
    margin-left: 10px;
    color: lightgray;
    cursor: pointer;
    font-size: 13px;
}
.gallery_detail .addComment .submit:hover{
    background-color: #a74017;
}
.imgviewer .toolbar {
    right: 30px;
    /*隐藏光标blinking cursor*/
    caret-color: transparent;
}

.imgviewer .top.close, .imgviewer .toolbar .info, .imgviewer .bottom.annotate {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 6px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 5px 0;
    text-align: center;
}
.annotate.bottom.active{
    opacity: 1;
    background-color:rgba(255, 91, 41, 0.8);
}
.toolbar .more{
    display: none;
    flex-direction: column;
    position: absolute;
    top:-30px;
    right: 45px;
    /*width: 40px;*/
    text-align: center;
    /*opacity: 0;*/
}

.annotate .annotateMore,.annotate .scrawlMore{
    padding: 2px 0px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 5px 0;
}

.annotate.active .annotateIcon{
    opacity: 1;
}
.annotate.active .more{
    display: flex;
}
/*colorPicker*/
.scrawlMore .penPicker{
    display: none;
}
.statics.top .active .icon,.annotate .icon.active{
    opacity: 1;
}

.toolbar .collect, .toolbar .point, .toolbar .comment,.toolbar .material,.toolbar .annotate {
    display: flex;
    align-items: center;
}

.toolbar .icon, .gallery_detail .icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.5;
}

.toolbar .data {
    display: none;
    position: absolute;
    left: 40px;
    padding: 0 6px;
    text-align: right;
    font-family: "sans-serif thinner";
    font-size: 10px;
    opacity: 0.5;
    cursor: pointer;
    background-color: white;
    color: black;
    border-radius: 12px;
}

.toolbar .data:hover {
    opacity: 1;
    /*color: white;*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

.toolbar .icon:hover, .gallery_detail .icon:hover {
    opacity: 1;
    cursor: pointer;
}

.toolbar .statics .icon{
    margin: 5px 0;
}
.toolbar .annotateMore .icon,.toolbar .scrawlMore .icon {
    margin: 2px 0;
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -o-transform: scale(0.55);
}
.gallery_detail .icon.closebtn {
    position: absolute;
    left: -60px;
    top: 40px;
    caret-color: transparent;
    transition: left;
}
/*.gallery_detail.active .closebtn.icon{*/
/*    width: 50px;*/
/*    height: 50px;*/
/*}*/
.gallery_detail .closebtn{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgNzQuNjY2NjY3QzI3MC45MzMzMzMgNzQuNjY2NjY3IDc0LjY2NjY2NyAyNzAuOTMzMzMzIDc0LjY2NjY2NyA1MTJTMjcwLjkzMzMzMyA5NDkuMzMzMzMzIDUxMiA5NDkuMzMzMzMzIDk0OS4zMzMzMzMgNzUzLjA2NjY2NyA5NDkuMzMzMzMzIDUxMiA3NTMuMDY2NjY3IDc0LjY2NjY2NyA1MTIgNzQuNjY2NjY3eiBtMCA4MTAuNjY2NjY2Yy0yMDQuOCAwLTM3My4zMzMzMzMtMTY4LjUzMzMzMy0zNzMuMzMzMzMzLTM3My4zMzMzMzNTMzA3LjIgMTM4LjY2NjY2NyA1MTIgMTM4LjY2NjY2NyA4ODUuMzMzMzMzIDMwNy4yIDg4NS4zMzMzMzMgNTEyIDcxNi44IDg4NS4zMzMzMzMgNTEyIDg4NS4zMzMzMzN6IiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik01MTIgNTEybS00Mi42NjY2NjcgMGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwIDg1LjMzMzMzNCAwIDQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDAtODUuMzMzMzM0IDBaIiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik0zNDEuMzMzMzMzIDUxMm0tNDIuNjY2NjY2IDBhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMCA4NS4zMzMzMzMgMCA0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTg1LjMzMzMzMyAwWiIgZmlsbD0iI2ZmZmZmZiIgLz48cGF0aCBkPSJNNjgyLjY2NjY2NyA1MTJtLTQyLjY2NjY2NyAwYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDAgODUuMzMzMzMzIDAgNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC04NS4zMzMzMzMgMFoiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+");
}
.gallery_detail.active .closebtn{
    background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMzkuNDMyIDYzLjU5NEg5OS45NDRjLTE5Ljg1MSAwLTM2IDE2LjE0OS0zNiAzNnYyMzkuNDg4YzAgMTcuNjczIDE0LjMyNyAzMiAzMiAzMnMzMi0xNC4zMjcgMzItMzJWMTI3LjU5NGgyMTEuNDg3YzE3LjY3MyAwIDMyLTE0LjMyNyAzMi0zMiAwLjAwMS0xNy42NzMtMTQuMzI2LTMyLTMxLjk5OS0zMnpNMzM5LjQzMiA4OTUuNTAzSDEyNy45NDRWNjg0LjAxNmMwLTE3LjY3My0xNC4zMjctMzItMzItMzJzLTMyIDE0LjMyNy0zMiAzMnYyMzkuNDg3YzAgMTkuODUxIDE2LjE0OSAzNiAzNiAzNmgyMzkuNDg3YzE3LjY3MyAwIDMyLTE0LjMyNyAzMi0zMnMtMTQuMzI2LTMyLTMxLjk5OS0zMnpNOTI4IDY1MS45MTVjLTE3LjY3MyAwLTMyIDE0LjMyNy0zMiAzMnYyMTEuNDg3SDY4NC41MTNjLTE3LjY3MyAwLTMyIDE0LjMyNy0zMiAzMnMxNC4zMjcgMzIgMzIgMzJIOTI0YzE5Ljg1MSAwIDM2LTE2LjE0OSAzNi0zNlY2ODMuOTE1YzAtMTcuNjczLTE0LjMyNy0zMi0zMi0zMnpNOTI0IDY0LjE1MUg2ODQuNTEzYy0xNy42NzMgMC0zMiAxNC4zMjctMzIgMzJzMTQuMzI3IDMyIDMyIDMySDg5NnYyMTEuNDg4YzAgMTcuNjczIDE0LjMyNyAzMiAzMiAzMnMzMi0xNC4zMjcgMzItMzJWMTAwLjE1MWMwLTE5Ljg1MS0xNi4xNDktMzYtMzYtMzZ6IiBmaWxsPSIjZmZmZmZmIiAvPjwvc3ZnPg==") ;
}
.toolbar .closebtn{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MDcuMTY4IDQ3My4yMzJMNzE2LjQ4IDI2My45MzZhMTYgMTYgMCAwIDEgMjIuNjI0IDBsMTEuMzEyIDExLjMxMmExNiAxNiAwIDAgMSAwIDIyLjYyNEw1NDEuMTIgNTA3LjE2OCA3NTAuNCA3MTYuNDhhMTYgMTYgMCAwIDEgMCAyMi42MjRsLTExLjMxMiAxMS4zMTJhMTYgMTYgMCAwIDEtMjIuNjI0IDBMNTA3LjE2OCA1NDEuMTIgMjk3Ljg3MiA3NTAuNGExNiAxNiAwIDAgMS0yMi42MjQgMGwtMTEuMzEyLTExLjMxMmExNiAxNiAwIDAgMSAwLTIyLjYyNGwyMDkuMjk2LTIwOS4zMTItMjA5LjI5Ni0yMDkuMjk2YTE2IDE2IDAgMCAxIDAtMjIuNjI0bDExLjMxMi0xMS4zMTJhMTYgMTYgMCAwIDEgMjIuNjI0IDBsMjA5LjI5NiAyMDkuMjk2eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}
.gallery_detail .detail_count{
    position: absolute;
    left: -30px;
    top: 30px;
    background: #EA472A;
    border-radius:5px ;
    width: 10px;
    height: 10px;
}
.gallery_detail.active .detail_count{
    background: none;
}
.gallery_detail .switchType{
    display: flex;
}

.gallery_detail .switchType .count,.gallery_detail .switchType .copyright{
    position: absolute;
    left: 37px;
    top: -2px;
    background: #EA472A;
    border-radius:5px ;
    width: 7px;
    height: 7px;
}
/*.gallery_detail .icon.closebtn.hidetoggle{*/
/*    left: 380px;*/
/*    top: 0;*/
/*    width: 30px;*/
/*    height: 100%;*/
/*    background: none;*/
/*    cursor: pointer;*/
/*}*/


.toolbar .annotateIcon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjYuMjgzMDEyIDU3LjI4MzM2QTE5NC42MDA1MTYgMTk0LjYwMDUxNiAwIDAgMCA4MjguMTQ0NDI1IDAuMDAwMjAzYy00OS45MzI2NjMgMC0xMDAuMTE4NzkyIDE5LjAwOTg5Ny0xMzguMTM4NTg2IDU3LjI4MzE1N2wtNjY3LjEyMDY2IDY2Ny4xMjA2Ni0yMi44MTE4NzcgMjc2Ljc4NDEwM2MtMS4wMTM4NjEgMTIuMTY2MzM0IDguNjE3ODIgMjIuMzA0OTQ2IDIwLjUzMDY4OSAyMi4zMDQ5NDZoMS43NzQyNTdsMjc2Ljc4NDEwNC0yMi44MTE4NzYgNjY3LjEyMDY2LTY2Ny4xMjA2NmM3Ni4yOTMwNTQtNzYuMjkzMDU0IDc2LjI5MzA1NC0xOTkuOTg0MTE5IDAtMjc2LjI3NzE3M3pNMjcxLjUzNDYzNSA5NDEuMTE2ODQ4bC0yMDUuODEzODIxIDE2LjcyODcxTDgyLjcwMjk4OSA3NTEuNzc4MjcybDU0Ny4yMzE1NzUtNTQ3LjIzMTU3NSAxODkuMDg1MTExIDE4OS4wODUxMTEtNTQ3LjQ4NTA0IDU0Ny40ODUwNHpNOTIyLjY4Njk4MSAyODkuOTY0NTAybC02MC4wNzEyNzUgNjAuMDcxMjc1LTE4OS4wODUxMTEtMTg5LjA4NTExMSA2MC4wNzEyNzUtNjAuMDcxMjc1YzI1LjM0NjUzLTI1LjM0NjUzIDU4LjgwMzk0OS0zOS4wMzM2NTYgOTQuNTQyNTU1LTM5LjAzMzY1NiAzNS43Mzg2MDcgMCA2OS4xOTYwMjYgMTMuOTQwNTkxIDk0LjU0MjU1NiAzOS4wMzM2NTYgNTIuMjEzODUxIDUyLjIxMzg1MSA1Mi4yMTM4NTEgMTM2Ljg3MTI2IDAgMTg5LjA4NTExMXoiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+");
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
}

/*.toolbar .annotate.active .annotateIcon{*/
/*    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00MjcuOTA0IDc5NC41NmE2LjQgNi40IDAgMCAxLTkuMDU2IDBsLTI4OC45Ni0yODkuMDI0YTYuNCA2LjQgMCAwIDEgMC05LjA1NmwzNi4xNi0zNi4xNmE2LjQgNi40IDAgMCAxIDkuMDg4IDBsMjQ4LjIyNCAyNDguMjI0TDg3NS45MzYgMjU2bDQ1LjI0OCA0NS4yNDhMNDI3LjkwNCA3OTQuNTZ6IiBmaWxsPSIjZmZmZmZmIiAvPjwvc3ZnPg==");*/
/*    transform: scale(1);*/
/*    -webkit-transform: scale(1);*/
/*    -moz-transform: scale(1);*/
/*    -o-transform: scale(1);*/
/*}*/
.slidewrapper.prev, .slidewrapper.next {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04MjEuNCA0OTRIMjQ0LjhsMjQzLTI1My4zYzYuMS02LjQgNS45LTE2LjUtMC41LTIyLjYtNi40LTYuMS0xNi41LTUuOS0yMi42IDAuNUwxOTIgNTAyLjljLTUuOSA2LjEtNS45IDE1LjgtMC4xIDIybDI2Ni40IDI4Mi44YzMuMSAzLjMgNy40IDUgMTEuNyA1IDMuOSAwIDcuOS0xLjQgMTEtNC40IDYuNC02LjEgNi43LTE2LjIgMC43LTIyLjZMMjM2LjggNTI2aDU4NC42YzguOCAwIDE2LTcuMiAxNi0xNnMtNy4xLTE2LTE2LTE2eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}

.slidePage {
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03MTEuMSA5NTNjLTQuMSAwLTguMi0xLjYtMTEuMy00LjdsLTQwMS00MDEuOWMtMTguOS0xOS0xOC45LTQ5LjggMC02OC44bDQwMS00MDEuOWM2LjItNi4zIDE2LjQtNi4zIDIyLjYgMCA2LjMgNi4yIDYuMyAxNi40IDAgMjIuNmwtNDAxIDQwMS45Yy02LjUgNi41LTYuNSAxNy4xIDAgMjMuNmw0MDEgNDAxLjljNi4yIDYuMyA2LjIgMTYuNCAwIDIyLjYtMy4xIDMuMS03LjIgNC43LTExLjMgNC43eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
    opacity: 0.3;
    cursor: pointer;
    background-size: cover;
}

.slidePage.prev {
    left: 0;
}

.slidePage.next {
    right: 0;
}

.slidePage:hover {
    opacity: 0.8;
}

.slidewrapper.next, .slidePage.next {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.toolbar  .comment .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgODA3LjY2MzYxNmw4My4zMzIwOTYtMTI0Ljk5NzYzMmgzMTQuODkwMjR2LTUxMkgxMTMuNzc2NjR2NTEyaDMxNC44OTAyNEw1MTIgODA3LjY2MzYxNnogbTQ3LjMzNDQgMzEuNTU1NTg0YTU2Ljg4OTM0NCA1Ni44ODkzNDQgMCAwIDEtMTUuNzc3NzkyIDE1Ljc3ODgxNmMtMjYuMTQyNzIgMTcuNDI4NDgtNjEuNDYyNTI4IDEwLjM2Mjg4LTc4Ljg5MTAwOC0xNS43Nzg4MTZsLTY2LjQ0MzI2NC05OS42NjQ4OTZIMTEzLjc3NjY0Yy0zMS40MTgzNjggMC01Ni44ODgzMi0yNS40Njk5NTItNTYuODg4MzItNTYuODg4MzJ2LTUxMmMwLTMxLjQxOTM5MiAyNS40Njk5NTItNTYuODg5MzQ0IDU2Ljg4ODMyLTU2Ljg4OTM0NEg5MTAuMjIzMzZjMzEuNDE4MzY4IDAgNTYuODg4MzIgMjUuNDY5OTUyIDU2Ljg4ODMyIDU2Ljg4OTM0NHY1MTJjMCAzMS40MTgzNjgtMjUuNDY5OTUyIDU2Ljg4ODMyLTU2Ljg4ODMyIDU2Ljg4ODMySDYyNS43NzY2NGwtNjYuNDQzMjY0IDk5LjY2NTkyeiIgZmlsbD0iI2ZmZmZmZiIgLz48cGF0aCBkPSJNMzEyLjg4OTM0NCAyODQuNDQzNjQ4aDM5OC4yMjEzMTJjMTUuNzEwMjA4IDAgMjguNDQ0NjcyIDEyLjczNDQ2NCAyOC40NDQ2NzIgMjguNDQzNjQ4IDAgMTUuNzEwMjA4LTEyLjczNDQ2NCAyOC40NDQ2NzItMjguNDQ0NjcyIDI4LjQ0NDY3MkgzMTIuODg5MzQ0Yy0xNS43MTAyMDggMC0yOC40NDQ2NzItMTIuNzM0NDY0LTI4LjQ0NDY3Mi0yOC40NDQ2NzIgMC0xNS43MDgxNiAxMi43MzQ0NjQtMjguNDQzNjQ4IDI4LjQ0NDY3Mi0yOC40NDM2NDh6TTMxMi44ODkzNDQgNDU1LjEwOTYzMmgzOTguMjIxMzEyYzE1LjcxMDIwOCAwIDI4LjQ0NDY3MiAxMi43MzU0ODggMjguNDQ0NjcyIDI4LjQ0NDY3MlM3MjYuODIwODY0IDUxMiA3MTEuMTEwNjU2IDUxMkgzMTIuODg5MzQ0Yy0xNS43MTAyMDggMC0yOC40NDQ2NzItMTIuNzM1NDg4LTI4LjQ0NDY3Mi0yOC40NDQ2NzJzMTIuNzM0NDY0LTI4LjQ0NDY3MiAyOC40NDQ2NzItMjguNDQ0NjcyeiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}

.toolbar .collect .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNTYgMTI4djY5OS4wMDhsMTk2LjAxMDY2Ny0xNTcuMDEzMzMzYzE4LjAwNTMzMy0xMy45NTIgMzcuOTczMzMzLTIwLjk5MiA1OS45ODkzMzMtMjAuOTkyIDIxLjk3MzMzMyAwIDQxLjk4NCA3LjA0IDU5Ljk4OTMzMyAyMC45OTJMNzY4IDgyNy4wNTA2NjdWMTI4SDI1NnogbS0zMi02NGg1NzZhMzEuMTQ2NjY3IDMxLjE0NjY2NyAwIDAgMSAyMy4wNCA4Ljk2YzUuOTczMzMzIDYuMDE2IDguOTYgMTMuNjk2IDguOTYgMjMuMDR2Nzk3LjAxMzMzM2MtMC42NCAxMy4zMTItNi44MjY2NjcgMjIuODI2NjY3LTE4LjQ3NDY2NyAyOC41MDEzMzQtMTEuNjkwNjY3IDUuNjc0NjY3LTIyLjg2OTMzMyA0LjQ4LTMzLjUzNi0zLjQ5ODY2N2wtMjQ3Ljk3ODY2Ni0xOTguMDE2YTMxLjc0NCAzMS43NDQgMCAwIDAtMjAuMDEwNjY3LTYuOTk3MzMzIDMxLjc0NCAzMS43NDQgMCAwIDAtMjAuMDEwNjY3IDYuOTk3MzMzTDI0NC4wNTMzMzMgOTE4LjAxNmMtMTAuNjY2NjY3IDguMDIxMzMzLTIxLjg0NTMzMyA5LjE3MzMzMy0zMy40OTMzMzMgMy40OTg2NjctMTEuNjkwNjY3LTUuNjc0NjY3LTE3LjgzNDY2Ny0xNS4xODkzMzMtMTguNTE3MzMzLTI4LjUwMTMzNFY5NmEzMS4xNDY2NjcgMzEuMTQ2NjY3IDAgMCAxIDguOTYtMjMuMDQgMzEuMTQ2NjY3IDMxLjE0NjY2NyAwIDAgMSAyMy4wNC04Ljk2eiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIuOTYiIC8+PC9zdmc+");
}

.toolbar .collect.collected .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yNTYgMTI4djY5OS4wMDhsMTk2LjAxMDY2Ny0xNTcuMDEzMzMzYzE4LjAwNTMzMy0xMy45NTIgMzcuOTczMzMzLTIwLjk5MiA1OS45ODkzMzMtMjAuOTkyIDIxLjk3MzMzMyAwIDQxLjk4NCA3LjA0IDU5Ljk4OTMzMyAyMC45OTJMNzY4IDgyNy4wNTA2NjdWMTI4SDI1NnogbS0zMi02NGg1NzZhMzEuMTQ2NjY3IDMxLjE0NjY2NyAwIDAgMSAyMy4wNCA4Ljk2YzUuOTczMzMzIDYuMDE2IDguOTYgMTMuNjk2IDguOTYgMjMuMDR2Nzk3LjAxMzMzM2MtMC42NCAxMy4zMTItNi44MjY2NjcgMjIuODI2NjY3LTE4LjQ3NDY2NyAyOC41MDEzMzQtMTEuNjkwNjY3IDUuNjc0NjY3LTIyLjg2OTMzMyA0LjQ4LTMzLjUzNi0zLjQ5ODY2N2wtMjQ3Ljk3ODY2Ni0xOTguMDE2YTMxLjc0NCAzMS43NDQgMCAwIDAtMjAuMDEwNjY3LTYuOTk3MzMzIDMxLjc0NCAzMS43NDQgMCAwIDAtMjAuMDEwNjY3IDYuOTk3MzMzTDI0NC4wNTMzMzMgOTE4LjAxNmMtMTAuNjY2NjY3IDguMDIxMzMzLTIxLjg0NTMzMyA5LjE3MzMzMy0zMy40OTMzMzMgMy40OTg2NjctMTEuNjkwNjY3LTUuNjc0NjY3LTE3LjgzNDY2Ny0xNS4xODkzMzMtMTguNTE3MzMzLTI4LjUwMTMzNFY5NmEzMS4xNDY2NjcgMzEuMTQ2NjY3IDAgMCAxIDguOTYtMjMuMDQgMzEuMTQ2NjY3IDMxLjE0NjY2NyAwIDAgMSAyMy4wNC04Ljk2eiIgZmlsbD0iIzAwOWJmMiIgZmlsbC1vcGFjaXR5PSIuOTYiIC8+PC9zdmc+");
    opacity: 1;
}

.toolbar .watch .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMjAgODMySDE5MnYtMTI4YzcxLjA0IDAgMTI4IDU2Ljk2IDEyOCAxMjh6TTE5MiAxOTJ2NjRhNTc2IDU3NiAwIDAgMSA1NzYgNTc2aDY0QzgzMiA0NzguNzIgNTQ1LjI4IDE5MiAxOTIgMTkyeiBtMCAyNTZ2NjRjMTc2IDAgMzIwIDE0NCAzMjAgMzIwaDY0YzAtMjExLjg0LTE3Mi4xNi0zODQtMzg0LTM4NHoiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+");
}

.toolbar .watch.watching .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMjAgODMySDE5MnYtMTI4YzcxLjA0IDAgMTI4IDU2Ljk2IDEyOCAxMjh6TTE5MiAxOTJ2NjRhNTc2IDU3NiAwIDAgMSA1NzYgNTc2aDY0QzgzMiA0NzguNzIgNTQ1LjI4IDE5MiAxOTIgMTkyeiBtMCAyNTZ2NjRjMTc2IDAgMzIwIDE0NCAzMjAgMzIwaDY0YzAtMjExLjg0LTE3Mi4xNi0zODQtMzg0LTM4NHoiIGZpbGw9IiMwMDliZjIiIC8+PC9zdmc+");
}
.toolbar .point .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgOTYzYy05LjMgMC0xOC42LTAuMy0yNy44LTAuOGwzLTQ5LjljOC4yIDAuNSAxNi41IDAuNyAyNC43IDAuN2gwLjFjNi44IDAgMTMuNy0wLjIgMjAuNC0wLjVsMi41IDQ5LjljLTcuNSAwLjQtMTUuMiAwLjYtMjIuOSAwLjZ6IG04Ni04LjFsLTkuNS00OS4xYzE0LjctMi44IDI5LjUtNi42IDQzLjgtMTFsMTUgNDcuN2MtMTYuMiA1LTMyLjcgOS4yLTQ5LjMgMTIuNHogbS0xNzYuNi0xYy0xNi42LTMuNC0zMy4xLTcuNy00OS4xLTEzbDE1LjUtNDcuNWMxNC4zIDQuNiAyOC45IDguNSA0My43IDExLjVsLTEwLjEgNDl6IG0yODQuOS0zNC43bC0yMS42LTQ1LjFjMTMuNS02LjUgMjYuOC0xMy44IDM5LjYtMjEuN2wyNi41IDQyLjRjLTE0LjMgOC45LTI5LjMgMTcuMS00NC41IDI0LjR6IG0tMzkyLjktMi4xYy0xNS4xLTcuNC0zMC0xNS44LTQ0LjMtMjQuOWwyNi45LTQyLjFjMTIuNyA4LjEgMjUuOSAxNS41IDM5LjMgMjIuMmwtMjEuOSA0NC44eiBtNDg4LjctNTkuN2wtMzIuMi0zOC4zYzExLjUtOS43IDIyLjYtMjAuMSAzMi45LTMwLjlsMzYuMiAzNC41Yy0xMS42IDEyLjItMjQgMjMuOS0zNi45IDM0Ljd6IG0tNTgzLjktMy4xYy0xMi44LTExLTI1LjEtMjIuOC0zNi42LTM1LjJsMzYuNi0zNC4xYzEwLjIgMTEgMjEuMiAyMS41IDMyLjYgMzEuM2wtMzIuNiAzOHogbTY2MS4zLTgwLjVsLTQwLjctMjkuMWM4LjctMTIuMiAxNi44LTI1LjEgMjQuMS0zOC4ybDQzLjcgMjQuM2MtOC4yIDE0LjgtMTcuMyAyOS4yLTI3LjEgNDN6IG0tNzM3LjctNGMtOS43LTEzLjgtMTguNi0yOC40LTI2LjctNDMuMmw0NC0yMy44YzcuMSAxMy4yIDE1LjEgMjYuMSAyMy43IDM4LjRsLTQxIDI4LjZ6IG03OTEuNy05Ni41bC00Ni43LTE3LjljNS40LTE0IDEwLTI4LjUgMTMuNy00M2w0OC40IDEyLjVjLTQuMiAxNi4zLTkuNCAzMi42LTE1LjQgNDguNHogbS04NDQuNi00LjRDODMgNjUzIDc4IDYzNi43IDczLjkgNjIwLjNsNDguNS0xMmMzLjYgMTQuNiA4LjEgMjkuMSAxMy4zIDQzLjFsLTQ2LjggMTcuNXogbTg3MS41LTEwNi40bC00OS43LTUuNmMxLjctMTQuOSAyLjUtMzAgMi41LTQ1LjFoNTBjMCAxNi45LTAuOSAzNC0yLjggNTAuN3ogbS04OTcuMy00LjdjLTEuNS0xNS4yLTIuMy0zMC42LTIuMy00NnYtNC43bDUwIDAuNXY0LjJjMCAxMy43IDAuNyAyNy40IDIuMSA0MC45bC00OS44IDUuMXogbTg0OC41LTgyLjdjLTEuNC0xNS0zLjYtMzAtNi42LTQ0LjdsNDktMTAuMWMzLjQgMTYuNSA1LjkgMzMuNCA3LjQgNTAuMmwtNDkuOCA0LjZ6IG0tNzk2LjMtMjMuN2wtNDkuNC03LjVjMi41LTE2LjcgNi0zMy40IDEwLjQtNDkuN2w0OC4zIDEzYy0zLjkgMTQuNS03LjEgMjkuMy05LjMgNDQuMnogbTc3NC40LTc1LjNjLTUuMS0xNC4xLTExLTI4LjEtMTcuNi00MS41bDQ0LjgtMjIuMWM3LjUgMTUuMSAxNC4xIDMwLjkgMTkuOSA0Ni44bC00Ny4xIDE2Ljh6TTE0MyAzNTMuOWwtNDYtMTkuN2M2LjYtMTUuNSAxNC4zLTMwLjggMjIuNi00NS41bDQzLjQgMjQuOGMtNy4zIDEzLTE0IDI2LjYtMjAgNDAuNHogbTcwMC42LTY4Yy04LjUtMTIuNC0xNy43LTI0LjQtMjcuNS0zNS44bDM3LjktMzIuNmMxMSAxMi44IDIxLjQgMjYuMyAzMC45IDQwLjNsLTQxLjMgMjguMXogbS02NDkuMS0xOS40TDE1NSAyMzUuOWE0NDcuNyA0NDcuNyAwIDAgMSAzMy4zLTM4LjNsMzUuOSAzNC44Yy0xMC42IDEwLjgtMjAuNSAyMi4yLTI5LjcgMzQuMXpNNzc2LjQgMjEwYy0xMS4zLTkuOS0yMy4zLTE5LjMtMzUuNi0yNy44bDI4LjUtNDFjMTMuOCA5LjYgMjcuMyAyMC4yIDQwIDMxLjNMNzc2LjQgMjEweiBtLTUxMC4zLTE1LjNsLTMwLjctMzkuNWMxMy4zLTEwLjQgMjcuNC0yMC4xIDQxLjgtMjguOGwyNi4xIDQyLjdjLTEyLjggNy44LTI1LjMgMTYuNC0zNy4yIDI1LjZ6IG00MjYuMi00MS40Yy0xMy40LTYuOC0yNy4zLTEyLjgtNDEuNC0xOGwxNy4zLTQ2LjljMTUuOCA1LjggMzEuNSAxMi43IDQ2LjYgMjAuM2wtMjIuNSA0NC42eiBtLTMzOS0xMC4xbC0xOS44LTQ1LjljMTUuNS02LjcgMzEuNi0xMi41IDQ3LjctMTcuNGwxNC41IDQ3LjljLTE0LjMgNC4yLTI4LjYgOS40LTQyLjQgMTUuNHogbTI0My40LTIzLjdjLTE0LjYtMy4xLTI5LjYtNS41LTQ0LjYtN2w0LjktNDkuOGMxNi44IDEuNyAzMy43IDQuMyA1MC4yIDcuOGwtMTAuNSA0OXogbS0xNDYtNC4zbC03LjYtNDkuNGMxNi42LTIuNSAzMy42LTQuMiA1MC41LTQuOWwyIDUwYy0xNC45IDAuNi0zMC4xIDIuMS00NC45IDQuM3oiIGZpbGw9IiNmZmZmZmYiIC8+PHBhdGggZD0iTTUxMiA1MTJtLTE4Ny40IDBhMTg3LjQgMTg3LjQgMCAxIDAgMzc0LjggMCAxODcuNCAxODcuNCAwIDEgMC0zNzQuOCAwWiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}
.toolbar .material .icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04NTMuMzI5OTIgMTAyLjM4OTc2SDU2OS41ODk3NmMtMTguNzY5OTIgMC00NS4wMDQ4IDEwLjg2NDY0LTU4LjI2NTYgMjQuMTI1NDRMMTIyLjMxNjggNTE1LjU2MzUyYy0yNi41NjI1NiAyNi41NDIwOC0yNi41NjI1NiA3MC4wMDA2NCAwIDk2LjU0MjcybDI4OS42NDg2NCAyODkuNjA3NjhjMjYuNTAxMTIgMjYuNTMxODQgNjkuOTU5NjggMjYuNTMxODQgOTYuNTAxNzYgMGwzODkuMDA3MzYtMzg4Ljk0NTkyQzkxMC43MjUxMiA0OTkuNDk2OTYgOTIxLjYgNDczLjIzMTM2IDkyMS42IDQ1NC41MDI0VjE3MC42NTk4NGMwLTM3LjQ5ODg4LTMwLjczMDI0LTY4LjI3MDA4LTY4LjI3MDA4LTY4LjI3MDA4eiBtMCAzNTcuOTM5MmwtMzkzLjEzNDA4IDM5My4xMTM2LTI4OS42MDc2OC0yODkuNjA3NjggMjA2LjU3MTUyLTIwNi42MDIyNEM0NzQuMzI3MDQgMjYwLjA5NiA1MjkuODE3NiAyMDQuNTk1MiA1NjEuNTIwNjQgMTcwLjY1OTg0aDI5MS44MDkyOHYyODkuNjY5MTJ6IiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik03ODUuMDcwMDggMzA3LjIyMDQ4YzAgMzcuNjcyOTYtMzAuNTc2NjQgNjguMjcwMDgtNjguMjgwMzIgNjguMjcwMDhzLTY4LjI3MDA4LTMwLjU5NzEyLTY4LjI3MDA4LTY4LjI3MDA4YzAtMzcuNzM0NCAzMC41NjY0LTY4LjI3MDA4IDY4LjI3MDA4LTY4LjI3MDA4czY4LjI4MDMyIDMwLjU0NTkyIDY4LjI4MDMyIDY4LjI3MDA4eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}
.toolbar .watch .icon {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
}
.toolbar .share .icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05MjguMDcwNjcyIDUxNy40ODM4OThjLTE2LjczMDAzMyAwLTMwLjI2NTMwNCAxMy41MDU1OTUtMzAuMjY1MzA0IDMwLjE3MzIwN2wwIDI4NS4xNjk4NTVjMCAzNi42MDQ2ODYtMjkuOTA1MSA2Ni4zNzg4MDMtNjYuNjI5NTEzIDY2LjM3ODgwM0wxOTIuMjE0MjU1IDg5OS4yMDU3NjJjLTM2LjczNDY0NiAwLTY2LjYyMTMyNy0yOS43NzUxNC02Ni42MjEzMjctNjYuMzc4ODAzTDEyNS41OTI5MjggMjM0LjAwMTQ3NWMwLTM2LjU5OTU2OSAyOS44ODc3MDQtNjYuMzczNjg3IDY2LjYyMTMyNy02Ni4zNzM2ODdMNDAwLjQ3NDQ2MiAxNjcuNjI3Nzg4YzE2LjczMDAzMyAwIDMwLjI4MzcyNC0xMy41MDY2MTkgMzAuMjgzNzI0LTMwLjE2OTExMyAwLTE2LjY0OTE5Mi0xMy41NTM2OTEtMzAuMTU0Nzg3LTMwLjI4MzcyNC0zMC4xNTQ3ODdMMTkyLjIxNDI1NSAxMDcuMzAzODg4Yy03MC4xMjQxMDQgMC0xMjcuMTc5NTY0IDU2LjgzNDQyNi0xMjcuMTc5NTY0IDEyNi42OTg2MWwwIDU5OC44MjU0ODRjMCA2OS44NjgyNzcgNTcuMDU1NDYgMTI2LjY5ODYxIDEyNy4xNzk1NjQgMTI2LjY5ODYxbDYzOC45NjA1NzcgMGM3MC4xMzIyOSAwIDEyNy4xNzg1NDEtNTYuODMwMzMzIDEyNy4xNzg1NDEtMTI2LjY5ODYxTDk1OC4zNTMzNzIgNTQ3LjY1NzEwNEM5NTguMzUzMzcyIDUzMC45ODk0OTMgOTQ0LjgwMDcwNSA1MTcuNDgzODk4IDkyOC4wNzA2NzIgNTE3LjQ4Mzg5OEw5MjguMDcwNjcyIDUxNy40ODM4OTggOTI4LjA3MDY3MiA1MTcuNDgzODk4ek0yOTIuNjQ4Njg4IDY5NC4yNTc5OTdjLTMuMDA5NTQ0IDE2LjM3ODAxNiA3Ljg4NTU5OCAzMi4wODg4MzYgMjQuMzM0MjIxIDM1LjA5NjMzMyAxLjgzODg4MSAwLjM0MTc4NCAzLjY2OTU3NiAwLjQ5OTM3MyA1LjQ4Mjg3NSAwLjQ5OTM3MyAxNC4zMzY1MiAwIDI3LjA4ODk2Mi0xMC4xODgwMzcgMjkuNzQ2NDg4LTI0LjczMzMxMSAwLjIzNzQwNy0xLjI3OTEzMyAyNC4yNTU0MjctMTI4LjEzNjM1NiAxMDcuODgwMDA5LTI1NC4yNTk4NjggNDguNjUwMDIzLTczLjQwNTg0NyAxMDcuNjE0OTczLTEzMS43NzExMzkgMTc1LjI0MDE2My0xNzMuNDg2MjE2IDY0LjU2MjQzNS0zOS44MTc4NjcgMTM3LjUxMTg4Ny02NC42MDMzNjcgMjE3LjYzMzY5Mi03NC4wNjI4MDlsLTk4LjU3NzEzMyAxMDEuMzI1NzMzYy0xMS42MzM5NjggMTEuOTU4MzU2LTExLjMzNTE2MyAzMS4wNTQyNzMgMC42NjgyMTkgNDIuNjQ5MzU2IDUuODc4ODk0IDUuNjg1NDg5IDEzLjQ3Mzg3MyA4LjUxMjg4NCAyMS4wNjk4NzUgOC41MTI4ODQgNy44OTM3ODQgMCAxNS44MDU5ODgtMy4wNzgxMDUgMjEuNzM3MDctOS4xNzQ5NjNsMTUyLjYxMzg0LTE1Ni44NjY3YzAuMTIzODItMC4xMDk0OTQgMC4yMjAwMTEtMC4yMzYzODQgMC4zMzQ2MjEtMC4zNDY5MDEgMC4xNTc1ODktMC4xNTc1ODkgMC4yOTg4MDUtMC4zMzI1NzUgMC40NTc0MTgtMC41MDM0NjcgMC4xNzYwMDktMC4xNzQ5ODUgMC4zMzQ2MjEtMC4zNjMyNzQgMC41MTA2My0wLjU1NjY3OSAwLjAwODE4Ni0wLjAzMDY5OSAwLjAyNTU4My0wLjA2MTM5OCAwLjA2MTM5OC0wLjA3ODc5NSAwLjE1ODYxMi0wLjE4ODI4OCAwLjI5OTgyOS0wLjM2MDIwNCAwLjQ0MTA0NS0wLjU1MjU4NSAwLjE1NzU4OS0wLjE4ODI4OCAwLjMzMzU5OC0wLjM5NDk5NiAwLjQ3NDgxNC0wLjYwMDY4MSAwLjE1ODYxMi0wLjE4ODI4OCAwLjI5MDYxOS0wLjM3NjU3NyAwLjQ0ODIwOC0wLjU2NTg4OCAwLjE1ODYxMi0wLjIzNjM4NCAwLjMxNzIyNS0wLjQ1OTQ2NCAwLjQ5MzIzNC0wLjY5Njg3MiAwLjEwNTQwMS0wLjE1NzU4OSAwLjIwMTU5MS0wLjMxNjIwMiAwLjMxNzIyNS0wLjQ3Mzc5MSAwLjEwNTQwMS0wLjE1NzU4OSAwLjIwMTU5MS0wLjMxNjIwMiAwLjI5ODgwNS0wLjQ3Mjc2NyAwLjA0NDAwMi0wLjA0ODA5NSAwLjA3ODc5NS0wLjEwOTQ5NCAwLjEyMjc5Ny0wLjE3NDk4NSAwLjAxODQyLTAuMDMwNjk5IDAuMDUzMjEyLTAuMDc4Nzk1IDAuMDYyNDIyLTAuMTI3OTEzIDAuMDk3MjE0LTAuMTU3NTg5IDAuMTkzNDA1LTAuMzE2MjAyIDAuMjkwNjE5LTAuNDU2Mzk1IDAuMTU3NTg5LTAuMjg0NDc5IDAuMzE3MjI1LTAuNTM4MjU5IDAuNDc0ODE0LTAuODA2MzY1IDAuMDc4Nzk1LTAuMTU3NTg5IDAuMTU4NjEyLTAuMzE2MjAyIDAuMjM3NDA3LTAuNDU2Mzk1IDAuMDM0NzkyLTAuMDY1NDkyIDAuMDYyNDIyLTAuMTI2ODkgMC4wOTcyMTQtMC4xNzQ5ODUgMC4xMDY0MjQtMC4yMTg5ODggMC4yMjAwMTEtMC40NDMwOTIgMC4zMzM1OTgtMC42NjIwNzkgMC4wODgwMDQtMC4xNzQ5ODUgMC4xNjc4MjItMC4zNjMyNzQgMC4yNDY2MTctMC41NTI1ODUgMC4xMzIwMDYtMC4yNTQ4MDMgMC4yNTQ4MDMtMC40OTExODcgMC4zNTIwMTctMC43NTgyNyAwLjA5NzIxNC0wLjIwNTY4NSAwLjE3NjAwOS0wLjQxMjM5MiAwLjI1NTgyNy0wLjYxODA3NyAwLjEwNTQwMS0wLjI1NDgwMyAwLjIwMTU5MS0wLjQ3Mjc2NyAwLjI4MDM4Ni0wLjcxMDE3NSAwLjA5NzIxNC0wLjIzNjM4NCAwLjE5MzQwNS0wLjQ3Mjc2NyAwLjI3NDI0Ni0wLjcwOTE1MSAwLjA3ODc5NS0wLjIyNDEwNCAwLjE0MDE5My0wLjQ0MzA5MiAwLjIwMTU5MS0wLjY0ODc3NiAwLjA5NzIxNC0wLjI2NzA4MyAwLjE3NjAwOS0wLjUyMTg4NiAwLjI1NDgwMy0wLjc4ODk2OSAwLjA2MjQyMi0wLjIwNjcwOCAwLjExNDYxLTAuNDEyMzkyIDAuMTU4NjEyLTAuNjE4MDc3IDAuMDk3MjE0LTAuMjY3MDgzIDAuMTU3NTg5LTAuNTUxNTYyIDAuMjIwMDExLTAuODE5NjY4IDAuMDM0NzkyLTAuMTc0OTg1IDAuMDc4Nzk1LTAuMzMzNTk4IDAuMTMyMDA2LTAuNTAzNDY3IDAtMC4wNDgwOTUgMC0wLjA5NzIxNCAwLjAyNjYwNi0wLjE0NTMwOSAwLjA1MzIxMi0wLjI0OTY4NyAwLjA5NzIxNC0wLjUyMTg4NiAwLjE1NzU4OS0wLjc4ODk2OSAwLjAxODQyLTAuMTQwMTkzIDAuMDUzMjEyLTAuMjk4ODA1IDAuMDc4Nzk1LTAuNDU2Mzk1IDAuMDE4NDItMC4xMTM1ODcgMC4wMzU4MTYtMC4yMzYzODQgMC4wNTMyMTItMC4zNTA5OTQgMC4wMjY2MDYtMC4yMDE1OTEgMC4wNjI0MjItMC40MDcyNzYgMC4wOTcyMTQtMC42MTM5ODQgMC4wMjY2MDYtMC4xNDQyODYgMC4wNDQwMDItMC4yODQ0NzkgMC4wNjI0MjItMC40MTEzNjkgMC4wMjU1ODMtMC4yMDY3MDggMC4wNDQwMDItMC4zOTQ5OTYgMC4wNjEzOTgtMC41ODMyODUgMC4wMTg0Mi0wLjEyNjg5IDAuMDM1ODE2LTAuMjM2Mzg0IDAuMDM1ODE2LTAuMzQ1ODc3IDAuMDA5MjEtMC4wOTcyMTQgMC4wMjU1ODMtMC4xOTM0MDUgMC4wMjU1ODMtMC4zMDI4OTkgMC0wLjA2MTM5OCAwLjAxODQyLTAuMTI3OTEzIDAuMDM0NzkyLTAuMTc0OTg1IDAtMC4yNjgxMDYgMC4wMjY2MDYtMC41MTc3OTMgMC4wMjY2MDYtMC43ODg5NjkgMC0wLjA0NzA3MiAwLTAuMDc4Nzk1IDAuMDE3Mzk2LTAuMTI2ODkgMC0wLjE1NzU4OSAwLjAxODQyLTAuMzE1MTc4IDAuMDE4NDItMC40NzI3NjdsMC0wLjAxMzMwM2MwLjAxODQyLTAuMzMzNTk4IDAuMDE4NDItMC42NDg3NzYgMC4wMTg0Mi0wLjk2NDk3OGwwLTAuMDE3Mzk2IDAtMC4wMTMzMDNjMC0wLjUwODU4My0wLjAxODQyLTAuOTk1Njc3LTAuMDM1ODE2LTEuNDg1ODQxLTAuMDE3Mzk2LTAuMDQ4MDk1LTAuMDE3Mzk2LTAuMDc5ODE4LTAuMDE3Mzk2LTAuMTI2ODkgMC0wLjA5MzEyMSAwLTAuMTcwODkyIDAtMC4yNjgxMDZsMC0wLjAxNzM5NmMtMC4wMjY2MDYtMC4zNTkxOC0wLjA2MjQyMi0wLjY5Mjc3OC0wLjA4ODAwNC0xLjAzODY1Ni0wLjAxODQyLTAuMDk3MjE0LTAuMDM1ODE2LTAuMjA2NzA4LTAuMDM1ODE2LTAuMzAyODk5bDAgMGMwLTAuMDYxMzk4IDAtMC4xMDk0OTQtMC4wMTczOTYtMC4xNTc1ODktMC4wNDQwMDItMC4zMTUxNzgtMC4wNzg3OTUtMC42MTM5ODQtMC4xMjI3OTctMC45MzQyNzktMC4wMTg0Mi0wLjEzOTE3LTAuMDM1ODE2LTAuMjY3MDgzLTAuMDUzMjEyLTAuNDA3Mjc2LTAuMDA5MjEtMC4wNDgwOTUtMC4wMjY2MDYtMC4xMDk0OTQtMC4wMjY2MDYtMC4xNTc1ODktMC4wNTMyMTItMC4yNjcwODMtMC4wOTcyMTQtMC41MjE4ODYtMC4xNDEyMTYtMC43ODg5NjktMC4wNTIxODktMC4xNzQ5ODUtMC4wNzg3OTUtMC4zNTA5OTQtMC4xMTM1ODctMC41MDk2MDYgMC0wLjAyOTY3NiAwLTAuMDYxMzk4LTAuMDE4NDItMC4wNzg3OTUtMC4wMTczOTYtMC4wNjEzOTgtMC4wMTczOTYtMC4xMDk0OTQtMC4wMjU1ODMtMC4xNTc1ODktMC4wNTMyMTItMC4xODgyODgtMC4wNzg3OTUtMC4zOTQ5OTYtMC4xNDk0MDMtMC41ODIyNjEtMC4wNjI0MjItMC4zMTYyMDItMC4xNTc1ODktMC42MzEzOC0wLjIzNzQwNy0wLjk0NzU4Mi0wLjAyNTU4My0wLjEyNjg5LTAuMDYxMzk4LTAuMjM2Mzg0LTAuMTA1NDAxLTAuMzYzMjc0LTAuMDk3MjE0LTAuMzYzMjc0LTAuMjExODI0LTAuNzI3NTcxLTAuMzM0NjIxLTEuMDkwODQ0LTAuMDE4NDItMC4wNzg3OTUtMC4wNDQwMDItMC4xNDAxOTMtMC4wNjI0MjItMC4yMTg5ODgtMC4wNzg3OTUtMC4yNTQ4MDMtMC4xNzYwMDktMC41MDg1ODMtMC4yNzMyMjMtMC43NzU2NjYgMC0wLjAxMzMwMy0wLjAzNDc5Mi0wLjA0ODA5NS0wLjAzNDc5Mi0wLjA3ODc5NS0wLjAyNTU4My0wLjEwOTQ5NC0wLjA4ODAwNC0wLjIxODk4OC0wLjEyMjc5Ny0wLjMyODQ4MS0wLjAxODQyLTAuMDQ4MDk1LTAuMDM0NzkyLTAuMDc4Nzk1LTAuMDYyNDIyLTAuMTI2ODktMC4wOTcyMTQtMC4yNzIxOTktMC4xOTIzODItMC41MzkyODItMC4zMTcyMjUtMC44MDYzNjUtMC4wNjI0MjItMC4xNDAxOTMtMC4xMzIwMDYtMC4zMDI4OTktMC4xOTM0MDUtMC40NDMwOTIgMC0wLjAxNzM5Ni0wLjAxNzM5Ni0wLjAzMDY5OS0wLjAxNzM5Ni0wLjAzMDY5OS0wLjEyMjc5Ny0wLjI2NzA4My0wLjIzNzQwNy0wLjU1MTU2Mi0wLjM2MTIyNy0wLjgyMzc2MSAwIDAtMC4wMTg0MiAwLTAuMDE4NDItMC4wMTMzMDMtMC4yODE0MDktMC41ODMyODUtMC41ODAyMTUtMS4xNTIyNDMtMC45MTU4NTktMS43MzU1MjdsMCAwYy0wLjIzNzQwNy0wLjQxMjM5Mi0wLjQ3NDgxNC0wLjgwNzM4OS0wLjcxMjIyMS0xLjIxODc1OC0wLjAzNDc5Mi0wLjAzMDY5OS0wLjA3MDYwOC0wLjA3ODc5NS0wLjA5NzIxNC0wLjEwOTQ5NC0wLjEzMjAwNi0wLjIzNjM4NC0wLjI5MDYxOS0wLjQ1OTQ2NC0wLjQ0ODIwOC0wLjY3OTQ3NWwtMC4wMjY2MDYtMC4wNDgwOTVjLTAuMDYxMzk4LTAuMTEwNTE3LTAuMTMyMDA2LTAuMjIwMDExLTAuMjIwMDExLTAuMzMzNTk4LTAuMDc4Nzk1LTAuMTA5NDk0LTAuMTU3NTg5LTAuMjM2Mzg0LTAuMjU0ODAzLTAuMzU5MTgtMC4wNzA2MDgtMC4wNzg3OTUtMC4xMzIwMDYtMC4xNzQ5ODUtMC4xOTM0MDUtMC4yNTQ4MDMtMC4wNjEzOTgtMC4wOTYxOTEtMC4xMjI3OTctMC4xNzQ5ODUtMC4xOTM0MDUtMC4yNTM3OC0wLjA2MTM5OC0wLjA5MjA5OC0wLjEyMjc5Ny0wLjE3MDg5Mi0wLjE4NTIxOC0wLjI2ODEwNi0wLjE1NzU4OS0wLjIwNjcwOC0wLjMxNzIyNS0wLjQxMjM5Mi0wLjQ5MjIxLTAuNjE4MDc3LTAuMDc4Nzk1LTAuMDkyMDk4LTAuMTc2MDA5LTAuMjAxNTkxLTAuMjU0ODAzLTAuMjk3NzgyLTAuMDQ0MDAyLTAuMDYyNDIyLTAuMDk3MjE0LTAuMTI3OTEzLTAuMTQxMjE2LTAuMTg5MzEyLTAuMjAyNjE1LTAuMjM2Mzg0LTAuNDEzNDE2LTAuNDcyNzY3LTAuNjMzNDI3LTAuNzEwMTc1LTAuMDUzMjEyLTAuMDY1NDkyLTAuMDk3MjE0LTAuMTI2ODktMC4xNTg2MTItMC4xOTIzODItMC4yODk1OTYtMC4zMTYyMDItMC42MDY4MjEtMC42MTM5ODQtMC44ODgyMy0wLjkyOTE2Mi0wLjAzNDc5Mi0wLjAzMDY5OS0wLjA2MjQyMi0wLjA0ODA5NS0wLjA5NzIxNC0wLjA3ODc5NS0wLjMxNzIyNS0wLjMxNjIwMi0wLjY1MTg0Ni0wLjY0ODc3Ni0wLjk4NTQ0NC0wLjk0NjU1OC0wLjAyNjYwNi0wLjAxNzM5Ni0wLjAyNjYwNi0wLjAxNzM5Ni0wLjA0NDAwMi0wLjAzNDc5Mi0wLjM1MzA0MS0wLjMxNjIwMi0wLjY3NzQyOS0wLjYxMzk4NC0xLjA2NTI2Mi0wLjg5ODQ2MyAwLTAuMDE3Mzk2LTAuMDI1NTgzLTAuMDQ4MDk1LTAuMDQ0MDAyLTAuMDYxMzk4LTAuMzM0NjIxLTAuMjcyMTk5LTAuNjg2NjM4LTAuNTU1NjU1LTEuMDQ2ODQyLTAuODA2MzY1LTAuMDQ0MDAyLTAuMDMwNjk5LTAuMDc4Nzk1LTAuMDc4Nzk1LTAuMTQxMjE2LTAuMTA5NDk0LTAuMzE3MjI1LTAuMjM2Mzg0LTAuNjMzNDI3LTAuNDU5NDY0LTAuOTY4MDQ4LTAuNjc5NDc1LTAuMDk2MTkxLTAuMDc4Nzk1LTAuMTkyMzgyLTAuMTQ0Mjg2LTAuMjgwMzg2LTAuMjA1Njg1LTAuMTY3ODIyLTAuMTA5NDk0LTAuMzI1NDExLTAuMjIzMDgxLTAuNDkzMjM0LTAuMzE2MjAyLTAuMTMyMDA2LTAuMDk2MTkxLTAuMjU0ODAzLTAuMTU3NTg5LTAuMzg2ODEtMC4yNTM3OC0wLjE1ODYxMi0wLjA3ODc5NS0wLjMxNzIyNS0wLjE3NDk4NS0wLjQ0MDAyMi0wLjI2ODEwNi0wLjE0MTIxNi0wLjA3ODc5NS0wLjI3NDI0Ni0wLjE1NzU4OS0wLjQxMzQxNi0wLjIzNjM4NC0wLjE0MTIxNi0wLjA3ODc5NS0wLjI4MTQwOS0wLjE0NTMwOS0wLjQzMTgzNS0wLjIzNjM4NC0wLjE2Njc5OS0wLjA5NjE5MS0wLjM0MjgwOC0wLjE4ODI4OC0wLjUxOTg0LTAuMjcyMTk5LTAuMjU0ODAzLTAuMTQwMTkzLTAuNTA5NjA2LTAuMjY3MDgzLTAuNzU2MjIzLTAuMzk0OTk2LTAuMTkzNDA1LTAuMTA5NDk0LTAuMzk2MDE5LTAuMTg4Mjg4LTAuNjA3ODQ0LTAuMjgwMzg2LTAuMjIwMDExLTAuMTEzNTg3LTAuNDc0ODE0LTAuMjIzMDgxLTAuNzEyMjIxLTAuMzIwMjk1LTAuMjIwMDExLTAuMTA5NDk0LTAuNDU3NDE4LTAuMTg5MzEyLTAuNjc3NDI5LTAuMjgwMzg2LTAuMjEwODAxLTAuMDk2MTkxLTAuNDQ4MjA4LTAuMTkyMzgyLTAuNjY4MjE5LTAuMjcyMTk5LTAuMjU1ODI3LTAuMDkxMDc0LTAuNDkyMjEtMC4xNzA4OTItMC43NjY0NTYtMC4yNjcwODMtMC4xODQxOTUtMC4wNzg3OTUtMC4zOTYwMTktMC4xNDAxOTMtMC41OTc2MTEtMC4yMDY3MDgtMC4xMjM4Mi0wLjA0ODA5NS0wLjI1NTgyNy0wLjA3ODc5NS0wLjM5NzA0My0wLjEyNjg5bC0yMjIuMjYyMTA2LTczLjQwMDczYy0xNS44NzY1OTYtNS4yNjA4MTctMzMuMDI5MjU0IDMuMzE4NTgyLTM4LjI3MzY5OCAxOS4xMzA3MDktNS4yNzIwNzQgMTUuODEyMTI3IDMuMzQ0MTY1IDMyLjg4NzAxNSAxOS4xOTQxNTQgMzguMTI5NDEybDg5LjQxNTQ3MiAyOS41MjAzMzdjLTY1LjcyMzg4NyAxNC4xNTUzOTUtMTI2LjY4NjMzMSAzOC40NjE5ODctMTgyLjI5NzkwNiA3Mi43NTcwNzEtNzUuMTQ5NTYxIDQ2LjM1NzgxNy0xNDAuMzgwMjE0IDExMC43OTAyOTItMTkzLjkxNTUwMSAxOTEuNTE5OTQxQzMxOS4xOTEyMDQgNTUzLjg5MTA4NiAyOTMuNjg3MzQ0IDY4OC41ODU4MTEgMjkyLjY0ODY4OCA2OTQuMjU3OTk3TDI5Mi42NDg2ODggNjk0LjI1Nzk5NyAyOTIuNjQ4Njg4IDY5NC4yNTc5OTd6TTI5Mi42NDg2ODggNjk0LjI1Nzk5NyIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
    transform: scale(0.72);
    -webkit-transform: scale(0.72);
    -moz-transform: scale(0.72);
    -o-transform: scale(0.72);
}
/*.toolbar .metadata .icon {*/
/*    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00NDQuOTI4IDI0Mi4yMTI1NzFjMCAzNC4yODU3MTQgMjcuNDI4NTcxIDYxLjcxNDI4NiA2MS43MTQyODYgNjEuNzE0Mjg2IDM0LjcwNjI4NiAwIDYxLjcxNDI4Ni0yNy40Mjg1NzEgNjEuMjkzNzE0LTYxLjcxNDI4NiAwLTM0LjcwNjI4Ni0yNi41ODc0MjktNjIuMTM0ODU3LTYxLjI5MzcxNC02Mi4xMzQ4NTctMzQuMjg1NzE0IDAtNjEuNzE0Mjg2IDI3LjQyODU3MS02MS43MTQyODYgNjIuMTM0ODU3eiBtLTEwNi4yOTQ4NTcgNTY2LjU4Mjg1OGMwIDIwLjk5MiAxNC45OTQyODYgMzUuMTI2ODU3IDM3LjcyMzQyOCAzNS4xMjY4NTdoMjcxLjI4Njg1OGMyMi43MTA4NTcgMCAzNy43MjM0MjktMTQuMTM0ODU3IDM3LjcyMzQyOC0zNS4xNDUxNDMgMC0yMC41NTMxNDMtMTQuOTk0Mjg2LTM0LjcwNjI4Ni0zNy43MjM0MjgtMzQuNzA2Mjg2aC04Ni4xNDRWNDQ3LjA2NzQyOWMwLTIzLjEzMTQyOS0xNC45OTQyODYtMzguNTgyODU3LTM3LjI4NDU3Mi0zOC41ODI4NThoLTEzNS44NjI4NTdjLTIyLjI3MiAwLTM3LjI4NDU3MSAxMy43MTQyODYtMzcuMjg0NTcxIDM0LjMwNCAwIDIxLjQzMDg1NyAxNC45OTQyODYgMzUuNTY1NzE0IDM3LjMwMjg1NyAzNS41NjU3MTVoOTMuODQyMjg1djI5NS43MTY1NzFoLTEwNS44NTZjLTIyLjcxMDg1NyAwLTM3LjcyMzQyOSAxNC4xMzQ4NTctMzcuNzIzNDI4IDM0LjcwNjI4NnoiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+");*/
/*}*/

.toolbar .comment .icon, .toolbar .collect .icon, .toolbar .collect.collected .icon, .toolbar .metadata .icon,.point .icon,.material .icon {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}

.toolbar .back.icon,.toolbar .forward.icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01NTguMDggNDI4LjM5MDRoLTM2MC42NTI4bDIwMi4wMzUyLTIwMi4wMzUyYTM1LjgyOTc2IDM1LjgyOTc2IDAgMSAwLTUwLjY3Nzc2LTUwLjY3Nzc2bC0yNzUuMTU5MDQgMjc1LjEzODU2Yy0xLjc0MDggMS43NjEyOC0zLjI3NjggMy42MzUyLTQuNTc3MjggNS42MjE3NmEzMy43OTIgMzMuNzkyIDAgMCAwLTIuNjMxNjggNC45OTcxMmMtMC4xOTQ1NiAwLjQxOTg0LTAuNDgxMjggMC44MDg5Ni0wLjY0NTEyIDEuMjM5MDQtMS40OTUwNCAzLjY4NjQtMi4yMjIwOCA3LjU5ODA4LTIuNDM3MTIgMTEuNTItMC4wNDA5NiAwLjY1NTM2LTAuMTk0NTYgMS4zMDA0OC0wLjE5NDU2IDEuOTU1ODQgMCAwLjMxNzQ0IDAuMDgxOTIgMC42MzQ4OCAwLjA5MjE2IDAuOTQyMDhhMzUuNTczNzYgMzUuNTczNzYgMCAwIDAgMTAuNDAzODQgMjQuNDEyMTZsMjc1LjE1OTA0IDI3NS4xMzg1NmEzNS44NCAzNS44NCAwIDAgMCA1MC42Nzc3Ni01MC42Nzc3NmwtMjI1Ljg5NDQtMjI1Ljg5NDRoMzg0LjUwMTc2YzE4Ni4zMjcwNCAwIDMzNy45MiAxNTEuNTkyOTYgMzM3LjkyIDMzNy45MnYzLjQwOTkyYTM1Ljg0IDM1Ljg0IDAgMSAwIDcxLjY4IDB2LTMuNDA5OTJjMC0yMjYuMjIyMDgtMTgzLjM4ODE2LTQwOS42LTQwOS42LTQwOS42eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}
.toolbar .forward.icon{
    transform: scaleX(-1) scale(0.5);
    -webkit-transform: scaleX(-1) scale(0.5);
    -moz-transform: scaleX(-1) scale(0.5);
    -o-transform: scaleX(-1) scale(0.5);
    filter: flipH();
}
.toolbar .clear.icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04OTkuMSA4NjkuNmwtNTMtMzA1LjZIODY0YzE0LjQgMCAyNi0xMS42IDI2LTI2VjM0NmMwLTE0LjQtMTEuNi0yNi0yNi0yNkg2MThWMTM4YzAtMTQuNC0xMS42LTI2LTI2LTI2SDQzMmMtMTQuNCAwLTI2IDExLjYtMjYgMjZ2MTgySDE2MGMtMTQuNCAwLTI2IDExLjYtMjYgMjZ2MTkyYzAgMTQuNCAxMS42IDI2IDI2IDI2aDE3LjlsLTUzIDMwNS42Yy0wLjMgMS41LTAuNCAzLTAuNCA0LjQgMCAxNC40IDExLjYgMjYgMjYgMjZoNzIzYzEuNSAwIDMtMC4xIDQuNC0wLjQgMTQuMi0yLjQgMjMuNy0xNS45IDIxLjItMzB6TTIwNCAzOTBoMjcyVjE4Mmg3MnYyMDhoMjcydjEwNEgyMDRWMzkweiBtNDY4IDQ0MFY2NzRjMC00LjQtMy42LTgtOC04aC00OGMtNC40IDAtOCAzLjYtOCA4djE1Nkg0MTZWNjc0YzAtNC40LTMuNi04LTgtOGgtNDhjLTQuNCAwLTggMy42LTggOHYxNTZIMjAyLjhsNDUuMS0yNjBINzc2bDQ1LjEgMjYwSDY3MnoiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+");
    transform: scale(0.65);
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -o-transform: scale(0.65);
}
.toolbar .fillColor.icon,.toolbar .strokeColor.icon{
    width: 25px;
    height: 25px;
    border-radius: 13px;
}
.toolbar .fillColor.icon{
    background-color: #ffb700;
    outline:2px solid white;
    outline-offset:  -2px;
}
.toolbar .strokeColor.icon{
    outline: 5px solid red;
    outline-offset: -5px;
}
.toolbar .eraser.icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NTkuMzMgNDk5LjE0TDU5Mi4xNyAxMzIuNjIgNjQuNjcgNjU5LjE5IDMxMS4yIDg5MS4zOGg1MjguMDZ2LTY3LjgzSDYzNC4zNXogbS05NS44MyAwTDYwNC42OSA3NTcuNSAzMzMuMzUgNDg2LjY0bDI1OC44Mi0yNTguMzZ6TTMzNy45NCA4MjMuNTVsLTE3Ni0xNjUuNzggMTIzLjUyLTEyMy4zIDI3MS4zMSAyNzAuODYtMTguMjUgMTguMjJ6IiBmaWxsPSIjZmZmZmZmIiAvPjwvc3ZnPg==");
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
}
.toolbar .lineWidth.icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMTMuNTg5MzMzIDIxMy41NDY2NjdhODUuMzMzMzMzIDg1LjMzMzMzMyAwIDEgMCAwIDE3MC42NjY2NjZoNTk3LjMzMzMzNGE4NS4zMzMzMzMgODUuMzMzMzMzIDAgMSAwIDAtMTcwLjY2NjY2NmgtNTk3LjMzMzMzNHogbS0yMS4zMzMzMzMgMjU2YTY0IDY0IDAgMCAwIDAgMTI4aDY0MGE2NCA2NCAwIDAgMCAwLTEyOGgtNjQweiBtLTIxLjMzMzMzMyAyNTZhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMCAwIDg1LjMzMzMzM2g2ODIuNjY2NjY2YTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAwIDAgMC04NS4zMzMzMzNoLTY4Mi42NjY2NjZ6IiBmaWxsPSIjZmZmZmZmIiAvPjwvc3ZnPg==");
}
.toolbar .line.icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGc+CgkJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjcuMSIgeTE9IjI0LjkiIHgyPSIyNC45IiB5Mj0iNy4xIi8+CgkJPGc+CgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik05LjYsMjcuMmMtMS4zLDEuMy0zLjUsMS4zLTQuOCwwcy0xLjMtMy41LDAtNC44YzEuMy0xLjMsMy41LTEuMyw0LjgsMEMxMC45LDIzLjcsMTAuOSwyNS45LDkuNiwyNy4yeiIvPgoJCTwvZz4KCQk8Zz4KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI3LjIsOS42YzEuMy0xLjMsMS4zLTMuNSwwLTQuOHMtMy41LTEuMy00LjgsMGMtMS4zLDEuMy0xLjMsMy41LDAsNC44QzIzLjcsMTAuOSwyNS45LDEwLjksMjcuMiw5LjZ6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPgo=");
    transform: scale(0.55);
    -webkit-transform: scale(0.55);
    -moz-transform: scale(0.55);
    -o-transform: scale(0.55);
}

.toolbar .rect.icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMiAzMmgxMjh2MTI4SDMyek04NjQgMzJoMTI4djEyOGgtMTI4ek04NjQgODY0aDEyOHYxMjhoLTEyOHpNMzIgODY0aDEyOHYxMjhIMzJ6IiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik05OTIgMTkyYTMyIDMyIDAgMCAwIDMyLTMyVjMyYTMyIDMyIDAgMCAwLTMyLTMyaC0xMjhhMzIgMzIgMCAwIDAtMzIgMzJ2MzJIMTkyVjMyYTMyIDMyIDAgMCAwLTMyLTMySDMyYTMyIDMyIDAgMCAwLTMyIDMydjEyOGEzMiAzMiAwIDAgMCAzMiAzMmgzMnY2NDBIMzJhMzIgMzIgMCAwIDAtMzIgMzJ2MTI4YTMyIDMyIDAgMCAwIDMyIDMyaDEyOGEzMiAzMiAwIDAgMCAzMi0zMnYtMzJoNjQwdjMyYTMyIDMyIDAgMCAwIDMyIDMyaDEyOGEzMiAzMiAwIDAgMCAzMi0zMnYtMTI4YTMyIDMyIDAgMCAwLTMyLTMyaC0zMlYxOTJoMzJ6TTY0IDY0aDY0djY0SDY0VjY0eiBtNjQgODk2SDY0di02NGg2NHY2NHogbTcwNC05NnYzMkgxOTJ2LTMyYTMyIDMyIDAgMCAwLTMyLTMySDEyOFYxOTJoMzJhMzIgMzIgMCAwIDAgMzItMzJWMTI4aDY0MHYzMmEzMiAzMiAwIDAgMCAzMiAzMmgzMnY2NDBoLTMyYTMyIDMyIDAgMCAwLTMyIDMyeiBtMTI4IDk2aC02NHYtNjRoNjR2NjR6TTg5NiAxMjhWNjRoNjR2NjRoLTY0eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
    transform: scale(0.45);
    -webkit-transform: scale(0.45);
    -moz-transform: scale(0.45);
    -o-transform: scale(0.45);
}
.toolbar .polygon.icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05MTUuNDIgNzEyLjg4NXYtMjk5LjM3YzI5LjM0OS05Ljg2MiA1MC41NTctMzcuNjEgNTAuNTU3LTcwLjI0IDAtNDAuODU2LTMzLjIzOC03NC4wOTUtNzQuMDk0LTc0LjA5NS0zMi42MjkgMC02MC4zNzggMjEuMjEtNzAuMjQgNTAuNTU5bC02MTkuMjg4LTIwNC44Yy05Ljg2MS0yOS4zNS0zNy42MS01MC41NTktNzAuMjQtNTAuNTU5LTQwLjg1NSAwLTc0LjA5MyAzMy4yMzgtNzQuMDkzIDc0LjA5NSAwIDMyLjYzIDIxLjIwOSA2MC4zNzggNTAuNTU3IDcwLjI0bDEwMi40IDYwNi41N2MtMjkuMzQ4IDkuODYyLTUwLjU1NyAzNy42MTItNTAuNTU3IDcwLjI0IDAgNDAuODU3IDMzLjIzOCA3NC4wOTUgNzQuMDkzIDc0LjA5NSAzMi42MjkgMCA2MC4zNzktMjEuMjEgNzAuMjQtNTAuNTU4bDUxNi44OS0xMDIuNGM5Ljg2MSAyOS4zNSAzNy42MTEgNTAuNTU4IDcwLjI0IDUwLjU1OCA0MC44NTUgMCA3NC4wOTMtMzMuMjM4IDc0LjA5My03NC4wOTUtMC4wMDEtMzIuNjI4LTIxLjIwOS02MC4zOC01MC41NTgtNzAuMjR6IG0tOTMuNzc1IDQ2LjcwNGwtNTE2Ljg5IDEwMi40Yy03LjM3NC0yMS45NDktMjQuNzU0LTM5LjMzLTQ2LjcwMy00Ni43MDVsLTEwMi40LTYwNi41N2MyMS45NDgtNy4zNzQgMzkuMzI4LTI0Ljc1NCA0Ni43MDMtNDYuNzAzbDYxOS4yOSAyMDQuOGM3LjM3NSAyMS45NDkgMjQuNzU1IDM5LjMyOSA0Ni43MDMgNDYuNzA0djI5OS4zN2MtMjEuOTUgNy4zNzUtMzkuMzMgMjQuNzU1LTQ2LjcwMyA0Ni43MDR6IiBmaWxsPSIjZmZmZmZmIiAvPjwvc3ZnPg==");
    transform: scale(0.5) rotate(135deg);
    -webkit-transform: scale(0.5) rotate(135deg);
    -moz-transform: scale(0.5) rotate(135deg);
    -o-transform: scale(0.5) rotate(135deg);
}
.toolbar .scrawl.icon {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03MjYuNCAxNzZjLTE1OC4yNzItOS4yMTYtMjczLjIxNi0zLjg0LTM0NS41MzYgMTYuNjA4LTkzLjQ0IDI2LjM2OC0xNDMuMjY0IDEwNy44NC0xMjIuOTQ0IDE5MC4xNzYgMjEuMzc2IDg2LjU2IDExMS4zNiAxNDUuMjE2IDI0My4yMzIgMTQ1LjIxNiAyMjUuMTUyIDAgMzMwLjMzNiAxNjYuOTEyIDE5Mi40OCAyODQuMDMyLTQzLjcxMiAzNy4xMi0xNjMuMDQgNDkuNzYtMzU1LjA3MiAzNS4wNzJsLTIuNDMyIDMxLjkwNGMyMDAuNTEyIDE1LjM2IDMyNS42IDIuMTEyIDM3OC4yNC00Mi41OTJDODc4LjgxNiA2OTYuNzA0IDc1Mi4zMiA0OTYgNTAxLjEyIDQ5NmMtMjM1LjcxMiAwLTI5MC41MjgtMjIyLjA4LTExMS42MTYtMjcyLjYwOCA2OC4xMjgtMTkuMiAxODAtMjQuNDggMzM0Ljk3Ni0xNS40MjRsMS44NTYtMzEuOTM2eiIgZmlsbD0iI2ZmZmZmZiIgLz48cGF0aCBkPSJNNzg0IDI4OGE4MCA4MCAwIDEgMSAwLTE2MCA4MCA4MCAwIDAgMSAwIDE2MHogbS01MTIgNjQwYTgwIDgwIDAgMSAxIDAtMTYwIDgwIDgwIDAgMCAxIDAgMTYweiIgZmlsbD0iI2ZmZmZmZiIgLz48cGF0aCBkPSJNNzg0IDMwNGE5NiA5NiAwIDEgMCAwLTE5MiA5NiA5NiAwIDAgMCAwIDE5MnogbTAtMzJhNjQgNjQgMCAxIDEgMC0xMjggNjQgNjQgMCAwIDEgMCAxMjh6IiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik0yNzIgOTQ0YTk2IDk2IDAgMSAwIDAtMTkyIDk2IDk2IDAgMCAwIDAgMTkyeiBtMC0zMmE2NCA2NCAwIDEgMSAwLTEyOCA2NCA2NCAwIDAgMSAwIDEyOHoiIGZpbGw9IiNmZmZmZmYiIC8+PC9zdmc+");
}

.toolbar .icon.active {
    opacity: 1;
}


.imgviewer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    justify-content: space-between;
    display: none;
    justify-self: center;
    align-items: center;
    z-index: 1000;
    background-color: rgba(20, 20, 20, 0.9);
/*    适配chrome无法全屏*/
    width: 100%;
}

.zoomTip {
    opacity: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    width: 40px;
    margin-left: -30px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 3px 10px 1px 10px;
    border-radius: 12px;
    z-index: -1;
}

.toolbar .top {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*margin-bottom: 50px;*/
    /*z-index: 1001;*/
}

.imgviewer .img_wrapper {
    display: inline-block;
    opacity: 100%;
    margin: 0 auto;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.2s;
    animation-name: zoom;
    animation-duration: 0.2s;
    -moz-animation-name: zoom;
    -moz-animation-duration: 0.2s;
    -o-animation-name: zoom;
    -o-animation-duration: 0.2s;
    /* max-width: 500px; */
}

.img_wrapper img {
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
}

.imgviewer .imgList {
    display: flex;
    position: absolute;
    align-items: center;
    bottom: 6px;
    /*border: 1px solid red;*/
    width: 950px;
    height: 50px;
    left: 50%;
    margin-left: -475px;
    justify-content: center;
    overflow: hidden;
    transition: opacity 0.5s;
}

.imgviewer .imgList .collageWrapper {
    max-width: 850px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

@-webkit-keyframes zoom { /*自定义动画*/
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom { /*自定义动画*/
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

/*canvas相关*/
.mycanvas {
    background: none;
    /*outline: 1px solid red;*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    /*width: 20px;*/
    /*height: 20px;*/
}

.mycanvas canvas,.mycanvas .lc-drawing{
    position: absolute;
    background: transparent;
    width: 100% !important;
    height: 100% !important;
}
/*annotations相关*/
.annotations{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*outline: 1px solid yellow;*/
    display: flex;
}
.annotations .pointXY, .annotations .materialXY{
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: rgba(255, 45, 3, 0.85);
    opacity: 0.5;
    /*left:-2.5px;*/
    /*top: -2.5px;*/
    /*background-color: red;*/
    /*border-radius: 2.5px;*/
    /*似乎怎么调整都无法让鼠标居于中心未位置*/
    -webkit-transform: translate(-6px, -6px);
    -moz-transform: translate(-6px, -6px);
    -ms-transform: translate(-6px, -6px);
    -o-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
}
.annotations .adding{
    opacity: 1;
}
.annotations .added{
    cursor: pointer;
    caret-color: transparent;
}
.annotations .added:hover,.annotations .added.hover{
    opacity: 1;
}
/*.annotations .materialXY{*/
/*    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04NTMuMzI5OTIgMTAyLjM4OTc2SDU2OS41ODk3NmMtMTguNzY5OTIgMC00NS4wMDQ4IDEwLjg2NDY0LTU4LjI2NTYgMjQuMTI1NDRMMTIyLjMxNjggNTE1LjU2MzUyYy0yNi41NjI1NiAyNi41NDIwOC0yNi41NjI1NiA3MC4wMDA2NCAwIDk2LjU0MjcybDI4OS42NDg2NCAyODkuNjA3NjhjMjYuNTAxMTIgMjYuNTMxODQgNjkuOTU5NjggMjYuNTMxODQgOTYuNTAxNzYgMGwzODkuMDA3MzYtMzg4Ljk0NTkyQzkxMC43MjUxMiA0OTkuNDk2OTYgOTIxLjYgNDczLjIzMTM2IDkyMS42IDQ1NC41MDI0VjE3MC42NTk4NGMwLTM3LjQ5ODg4LTMwLjczMDI0LTY4LjI3MDA4LTY4LjI3MDA4LTY4LjI3MDA4eiBtMCAzNTcuOTM5MmwtMzkzLjEzNDA4IDM5My4xMTM2LTI4OS42MDc2OC0yODkuNjA3NjggMjA2LjU3MTUyLTIwNi42MDIyNEM0NzQuMzI3MDQgMjYwLjA5NiA1MjkuODE3NiAyMDQuNTk1MiA1NjEuNTIwNjQgMTcwLjY1OTg0aDI5MS44MDkyOHYyODkuNjY5MTJ6IiBmaWxsPSIjZmQ1MTNiIiAvPjxwYXRoIGQ9Ik03ODUuMDcwMDggMzA3LjIyMDQ4YzAgMzcuNjcyOTYtMzAuNTc2NjQgNjguMjcwMDgtNjguMjgwMzIgNjguMjcwMDhzLTY4LjI3MDA4LTMwLjU5NzEyLTY4LjI3MDA4LTY4LjI3MDA4YzAtMzcuNzM0NCAzMC41NjY0LTY4LjI3MDA4IDY4LjI3MDA4LTY4LjI3MDA4czY4LjI4MDMyIDMwLjU0NTkyIDY4LjI4MDMyIDY4LjI3MDA4eiIgZmlsbD0iI2ZkNTEzYiIgLz48L3N2Zz4=");*/
/*}*/
/*.annotations .pointXY{*/
/*    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzIuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgOTYzYy05LjMgMC0xOC42LTAuMy0yNy44LTAuOGwzLTQ5LjljOC4yIDAuNSAxNi41IDAuNyAyNC43IDAuN2gwLjFjNi44IDAgMTMuNy0wLjIgMjAuNC0wLjVsMi41IDQ5LjljLTcuNSAwLjQtMTUuMiAwLjYtMjIuOSAwLjZ6IG04Ni04LjFsLTkuNS00OS4xYzE0LjctMi44IDI5LjUtNi42IDQzLjgtMTFsMTUgNDcuN2MtMTYuMiA1LTMyLjcgOS4yLTQ5LjMgMTIuNHogbS0xNzYuNi0xYy0xNi42LTMuNC0zMy4xLTcuNy00OS4xLTEzbDE1LjUtNDcuNWMxNC4zIDQuNiAyOC45IDguNSA0My43IDExLjVsLTEwLjEgNDl6IG0yODQuOS0zNC43bC0yMS42LTQ1LjFjMTMuNS02LjUgMjYuOC0xMy44IDM5LjYtMjEuN2wyNi41IDQyLjRjLTE0LjMgOC45LTI5LjMgMTcuMS00NC41IDI0LjR6IG0tMzkyLjktMi4xYy0xNS4xLTcuNC0zMC0xNS44LTQ0LjMtMjQuOWwyNi45LTQyLjFjMTIuNyA4LjEgMjUuOSAxNS41IDM5LjMgMjIuMmwtMjEuOSA0NC44eiBtNDg4LjctNTkuN2wtMzIuMi0zOC4zYzExLjUtOS43IDIyLjYtMjAuMSAzMi45LTMwLjlsMzYuMiAzNC41Yy0xMS42IDEyLjItMjQgMjMuOS0zNi45IDM0Ljd6IG0tNTgzLjktMy4xYy0xMi44LTExLTI1LjEtMjIuOC0zNi42LTM1LjJsMzYuNi0zNC4xYzEwLjIgMTEgMjEuMiAyMS41IDMyLjYgMzEuM2wtMzIuNiAzOHogbTY2MS4zLTgwLjVsLTQwLjctMjkuMWM4LjctMTIuMiAxNi44LTI1LjEgMjQuMS0zOC4ybDQzLjcgMjQuM2MtOC4yIDE0LjgtMTcuMyAyOS4yLTI3LjEgNDN6IG0tNzM3LjctNGMtOS43LTEzLjgtMTguNi0yOC40LTI2LjctNDMuMmw0NC0yMy44YzcuMSAxMy4yIDE1LjEgMjYuMSAyMy43IDM4LjRsLTQxIDI4LjZ6IG03OTEuNy05Ni41bC00Ni43LTE3LjljNS40LTE0IDEwLTI4LjUgMTMuNy00M2w0OC40IDEyLjVjLTQuMiAxNi4zLTkuNCAzMi42LTE1LjQgNDguNHogbS04NDQuNi00LjRDODMgNjUzIDc4IDYzNi43IDczLjkgNjIwLjNsNDguNS0xMmMzLjYgMTQuNiA4LjEgMjkuMSAxMy4zIDQzLjFsLTQ2LjggMTcuNXogbTg3MS41LTEwNi40bC00OS43LTUuNmMxLjctMTQuOSAyLjUtMzAgMi41LTQ1LjFoNTBjMCAxNi45LTAuOSAzNC0yLjggNTAuN3ogbS04OTcuMy00LjdjLTEuNS0xNS4yLTIuMy0zMC42LTIuMy00NnYtNC43bDUwIDAuNXY0LjJjMCAxMy43IDAuNyAyNy40IDIuMSA0MC45bC00OS44IDUuMXogbTg0OC41LTgyLjdjLTEuNC0xNS0zLjYtMzAtNi42LTQ0LjdsNDktMTAuMWMzLjQgMTYuNSA1LjkgMzMuNCA3LjQgNTAuMmwtNDkuOCA0LjZ6IG0tNzk2LjMtMjMuN2wtNDkuNC03LjVjMi41LTE2LjcgNi0zMy40IDEwLjQtNDkuN2w0OC4zIDEzYy0zLjkgMTQuNS03LjEgMjkuMy05LjMgNDQuMnogbTc3NC40LTc1LjNjLTUuMS0xNC4xLTExLTI4LjEtMTcuNi00MS41bDQ0LjgtMjIuMWM3LjUgMTUuMSAxNC4xIDMwLjkgMTkuOSA0Ni44bC00Ny4xIDE2Ljh6TTE0MyAzNTMuOWwtNDYtMTkuN2M2LjYtMTUuNSAxNC4zLTMwLjggMjIuNi00NS41bDQzLjQgMjQuOGMtNy4zIDEzLTE0IDI2LjYtMjAgNDAuNHogbTcwMC42LTY4Yy04LjUtMTIuNC0xNy43LTI0LjQtMjcuNS0zNS44bDM3LjktMzIuNmMxMSAxMi44IDIxLjQgMjYuMyAzMC45IDQwLjNsLTQxLjMgMjguMXogbS02NDkuMS0xOS40TDE1NSAyMzUuOWE0NDcuNyA0NDcuNyAwIDAgMSAzMy4zLTM4LjNsMzUuOSAzNC44Yy0xMC42IDEwLjgtMjAuNSAyMi4yLTI5LjcgMzQuMXpNNzc2LjQgMjEwYy0xMS4zLTkuOS0yMy4zLTE5LjMtMzUuNi0yNy44bDI4LjUtNDFjMTMuOCA5LjYgMjcuMyAyMC4yIDQwIDMxLjNMNzc2LjQgMjEweiBtLTUxMC4zLTE1LjNsLTMwLjctMzkuNWMxMy4zLTEwLjQgMjcuNC0yMC4xIDQxLjgtMjguOGwyNi4xIDQyLjdjLTEyLjggNy44LTI1LjMgMTYuNC0zNy4yIDI1LjZ6IG00MjYuMi00MS40Yy0xMy40LTYuOC0yNy4zLTEyLjgtNDEuNC0xOGwxNy4zLTQ2LjljMTUuOCA1LjggMzEuNSAxMi43IDQ2LjYgMjAuM2wtMjIuNSA0NC42eiBtLTMzOS0xMC4xbC0xOS44LTQ1LjljMTUuNS02LjcgMzEuNi0xMi41IDQ3LjctMTcuNGwxNC41IDQ3LjljLTE0LjMgNC4yLTI4LjYgOS40LTQyLjQgMTUuNHogbTI0My40LTIzLjdjLTE0LjYtMy4xLTI5LjYtNS41LTQ0LjYtN2w0LjktNDkuOGMxNi44IDEuNyAzMy43IDQuMyA1MC4yIDcuOGwtMTAuNSA0OXogbS0xNDYtNC4zbC03LjYtNDkuNGMxNi42LTIuNSAzMy42LTQuMiA1MC41LTQuOWwyIDUwYy0xNC45IDAuNi0zMC4xIDIuMS00NC45IDQuM3oiIGZpbGw9IiNmZDUxM2IiIC8+PHBhdGggZD0iTTUxMiA1MTJtLTE4Ny40IDBhMTg3LjQgMTg3LjQgMCAxIDAgMzc0LjggMCAxODcuNCAxODcuNCAwIDEgMC0zNzQuOCAwWiIgZmlsbD0iI2ZkNTEzYiIgLz48L3N2Zz4=");*/
/*}*/
.annotations .pointXY{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MTIgOTYzYy05LjMgMC0xOC42LTAuMy0yNy44LTAuOGwzLTQ5LjljOC4yIDAuNSAxNi41IDAuNyAyNC43IDAuN2gwLjFjNi44IDAgMTMuNy0wLjIgMjAuNC0wLjVsMi41IDQ5LjljLTcuNSAwLjQtMTUuMiAwLjYtMjIuOSAwLjZ6IG04Ni04LjFsLTkuNS00OS4xYzE0LjctMi44IDI5LjUtNi42IDQzLjgtMTFsMTUgNDcuN2MtMTYuMiA1LTMyLjcgOS4yLTQ5LjMgMTIuNHogbS0xNzYuNi0xYy0xNi42LTMuNC0zMy4xLTcuNy00OS4xLTEzbDE1LjUtNDcuNWMxNC4zIDQuNiAyOC45IDguNSA0My43IDExLjVsLTEwLjEgNDl6IG0yODQuOS0zNC43bC0yMS42LTQ1LjFjMTMuNS02LjUgMjYuOC0xMy44IDM5LjYtMjEuN2wyNi41IDQyLjRjLTE0LjMgOC45LTI5LjMgMTcuMS00NC41IDI0LjR6IG0tMzkyLjktMi4xYy0xNS4xLTcuNC0zMC0xNS44LTQ0LjMtMjQuOWwyNi45LTQyLjFjMTIuNyA4LjEgMjUuOSAxNS41IDM5LjMgMjIuMmwtMjEuOSA0NC44eiBtNDg4LjctNTkuN2wtMzIuMi0zOC4zYzExLjUtOS43IDIyLjYtMjAuMSAzMi45LTMwLjlsMzYuMiAzNC41Yy0xMS42IDEyLjItMjQgMjMuOS0zNi45IDM0Ljd6IG0tNTgzLjktMy4xYy0xMi44LTExLTI1LjEtMjIuOC0zNi42LTM1LjJsMzYuNi0zNC4xYzEwLjIgMTEgMjEuMiAyMS41IDMyLjYgMzEuM2wtMzIuNiAzOHogbTY2MS4zLTgwLjVsLTQwLjctMjkuMWM4LjctMTIuMiAxNi44LTI1LjEgMjQuMS0zOC4ybDQzLjcgMjQuM2MtOC4yIDE0LjgtMTcuMyAyOS4yLTI3LjEgNDN6IG0tNzM3LjctNGMtOS43LTEzLjgtMTguNi0yOC40LTI2LjctNDMuMmw0NC0yMy44YzcuMSAxMy4yIDE1LjEgMjYuMSAyMy43IDM4LjRsLTQxIDI4LjZ6IG03OTEuNy05Ni41bC00Ni43LTE3LjljNS40LTE0IDEwLTI4LjUgMTMuNy00M2w0OC40IDEyLjVjLTQuMiAxNi4zLTkuNCAzMi42LTE1LjQgNDguNHogbS04NDQuNi00LjRDODMgNjUzIDc4IDYzNi43IDczLjkgNjIwLjNsNDguNS0xMmMzLjYgMTQuNiA4LjEgMjkuMSAxMy4zIDQzLjFsLTQ2LjggMTcuNXogbTg3MS41LTEwNi40bC00OS43LTUuNmMxLjctMTQuOSAyLjUtMzAgMi41LTQ1LjFoNTBjMCAxNi45LTAuOSAzNC0yLjggNTAuN3ogbS04OTcuMy00LjdjLTEuNS0xNS4yLTIuMy0zMC42LTIuMy00NnYtNC43bDUwIDAuNXY0LjJjMCAxMy43IDAuNyAyNy40IDIuMSA0MC45bC00OS44IDUuMXogbTg0OC41LTgyLjdjLTEuNC0xNS0zLjYtMzAtNi42LTQ0LjdsNDktMTAuMWMzLjQgMTYuNSA1LjkgMzMuNCA3LjQgNTAuMmwtNDkuOCA0LjZ6IG0tNzk2LjMtMjMuN2wtNDkuNC03LjVjMi41LTE2LjcgNi0zMy40IDEwLjQtNDkuN2w0OC4zIDEzYy0zLjkgMTQuNS03LjEgMjkuMy05LjMgNDQuMnogbTc3NC40LTc1LjNjLTUuMS0xNC4xLTExLTI4LjEtMTcuNi00MS41bDQ0LjgtMjIuMWM3LjUgMTUuMSAxNC4xIDMwLjkgMTkuOSA0Ni44bC00Ny4xIDE2Ljh6TTE0MyAzNTMuOWwtNDYtMTkuN2M2LjYtMTUuNSAxNC4zLTMwLjggMjIuNi00NS41bDQzLjQgMjQuOGMtNy4zIDEzLTE0IDI2LjYtMjAgNDAuNHogbTcwMC42LTY4Yy04LjUtMTIuNC0xNy43LTI0LjQtMjcuNS0zNS44bDM3LjktMzIuNmMxMSAxMi44IDIxLjQgMjYuMyAzMC45IDQwLjNsLTQxLjMgMjguMXogbS02NDkuMS0xOS40TDE1NSAyMzUuOWE0NDcuNyA0NDcuNyAwIDAgMSAzMy4zLTM4LjNsMzUuOSAzNC44Yy0xMC42IDEwLjgtMjAuNSAyMi4yLTI5LjcgMzQuMXpNNzc2LjQgMjEwYy0xMS4zLTkuOS0yMy4zLTE5LjMtMzUuNi0yNy44bDI4LjUtNDFjMTMuOCA5LjYgMjcuMyAyMC4yIDQwIDMxLjNMNzc2LjQgMjEweiBtLTUxMC4zLTE1LjNsLTMwLjctMzkuNWMxMy4zLTEwLjQgMjcuNC0yMC4xIDQxLjgtMjguOGwyNi4xIDQyLjdjLTEyLjggNy44LTI1LjMgMTYuNC0zNy4yIDI1LjZ6IG00MjYuMi00MS40Yy0xMy40LTYuOC0yNy4zLTEyLjgtNDEuNC0xOGwxNy4zLTQ2LjljMTUuOCA1LjggMzEuNSAxMi43IDQ2LjYgMjAuM2wtMjIuNSA0NC42eiBtLTMzOS0xMC4xbC0xOS44LTQ1LjljMTUuNS02LjcgMzEuNi0xMi41IDQ3LjctMTcuNGwxNC41IDQ3LjljLTE0LjMgNC4yLTI4LjYgOS40LTQyLjQgMTUuNHogbTI0My40LTIzLjdjLTE0LjYtMy4xLTI5LjYtNS41LTQ0LjYtN2w0LjktNDkuOGMxNi44IDEuNyAzMy43IDQuMyA1MC4yIDcuOGwtMTAuNSA0OXogbS0xNDYtNC4zbC03LjYtNDkuNGMxNi42LTIuNSAzMy42LTQuMiA1MC41LTQuOWwyIDUwYy0xNC45IDAuNi0zMC4xIDIuMS00NC45IDQuM3oiIGZpbGw9IiNmZmZmZmYiIC8+PHBhdGggZD0iTTUxMiA1MTJtLTE4Ny40IDBhMTg3LjQgMTg3LjQgMCAxIDAgMzc0LjggMCAxODcuNCAxODcuNCAwIDEgMC0zNzQuOCAwWiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}
.annotations .materialXY{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04NTMuMzI5OTIgMTAyLjM4OTc2SDU2OS41ODk3NmMtMTguNzY5OTIgMC00NS4wMDQ4IDEwLjg2NDY0LTU4LjI2NTYgMjQuMTI1NDRMMTIyLjMxNjggNTE1LjU2MzUyYy0yNi41NjI1NiAyNi41NDIwOC0yNi41NjI1NiA3MC4wMDA2NCAwIDk2LjU0MjcybDI4OS42NDg2NCAyODkuNjA3NjhjMjYuNTAxMTIgMjYuNTMxODQgNjkuOTU5NjggMjYuNTMxODQgOTYuNTAxNzYgMGwzODkuMDA3MzYtMzg4Ljk0NTkyQzkxMC43MjUxMiA0OTkuNDk2OTYgOTIxLjYgNDczLjIzMTM2IDkyMS42IDQ1NC41MDI0VjE3MC42NTk4NGMwLTM3LjQ5ODg4LTMwLjczMDI0LTY4LjI3MDA4LTY4LjI3MDA4LTY4LjI3MDA4eiBtMCAzNTcuOTM5MmwtMzkzLjEzNDA4IDM5My4xMTM2LTI4OS42MDc2OC0yODkuNjA3NjggMjA2LjU3MTUyLTIwNi42MDIyNEM0NzQuMzI3MDQgMjYwLjA5NiA1MjkuODE3NiAyMDQuNTk1MiA1NjEuNTIwNjQgMTcwLjY1OTg0aDI5MS44MDkyOHYyODkuNjY5MTJ6IiBmaWxsPSIjZmZmZmZmIiAvPjxwYXRoIGQ9Ik03ODUuMDcwMDggMzA3LjIyMDQ4YzAgMzcuNjcyOTYtMzAuNTc2NjQgNjguMjcwMDgtNjguMjgwMzIgNjguMjcwMDhzLTY4LjI3MDA4LTMwLjU5NzEyLTY4LjI3MDA4LTY4LjI3MDA4YzAtMzcuNzM0NCAzMC41NjY0LTY4LjI3MDA4IDY4LjI3MDA4LTY4LjI3MDA4czY4LjI4MDMyIDMwLjU0NTkyIDY4LjI4MDMyIDY4LjI3MDA4eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
}
.annotations .scrawl.added{
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    display: none;
    opacity: 0.7;
}
.annotations .scrawl.hover{
    display: inline-block;
}
/*scrawl添加后进行回显*/
.annotations .scrawl.added.echoing{
    display: inline-block;
    animation: echoing 3s 0.5s 1;
}
@keyframes echoing {
    0%{
        opacity: 1;
    }100%{
        opacity: 0;
         }
}
.viewerZone .form{
    position: absolute;
    top: -110px;
    left: 50%;
    /*margin: 0 auto;*/
    width: 70%;
    max-width: 600px;
    height: 90px;
    border-radius: 5px;
    overflow: hidden;
    padding: 10px 15px;
    background: rgb(20,20,20);
    align-items: center;
    font-family: "sans-serif thinner";
    /*color: white;*/
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    transition: top 0.5s;
}
.viewerZone .form .cancel,.socialData .cancelSubmit{
    color: #8a8a8a;
}
.viewerZone .form .cancel:hover,.socialData .cancelSubmit:hover{
    background: none;
    color: lightgrey;
}
.viewerZone .form .navbar{
    display: flex;
    /*width: 100%;*/
    /*padding: 0 10px;*/
    height: 30px;
    justify-content: space-between;
    border-bottom: 0.5px solid #5b5b5b;
    font-size: 14px;
    color: gray;
}

.viewerZone .form .form_data{
    /*width: 100%;*/
    height: 50px;
    padding: 5px 0;
    /*margin: 30px 0;*/
    border: none;
    background: rgba(0,0,0,0.4);
    resize: none;
    color: #d3d3d3;
    font-size: 13px;
}
.viewerZone .form .point,.viewerZone .form .material,.viewerZone .form .scrawl{
    display: none;
}
.viewerZone .form .active.clicked,.viewerZone .form .active.scrawl{
    display: flex;
    flex-direction: column;
}

.viewerZone .form .submit{
    background: rgba(255,91,41,0.8);
    width: 50px;
    margin-left: 5px;
    padding: 2px 6px;
    text-align: center;
    color: #d3d3d3;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}
.viewerZone .form .submit:hover{
    background: #a74017;
}
.imgList.hide {
    opacity: 0;
}
.imgviewer .toolbar.right.hide{
    opacity: 0;
}
.imgviewer .toolbar.right.hide.isActive{
    opacity: 1;
}
.imgList .collage {
    display: flex;
    position: relative;
    align-items: center;
    transition: padding 0.5s;
    background: rgb(50, 50, 50);
}

.imgList .thumb {
    /*width: 50px;*/
    height: 46px;
}

.imgList .thumb img {
    width: 46px;
    height: 46px;
    margin: 0 2px;
    opacity: 0.2;
    object-fit: cover;
}

.imgList .thumb:first-child img {
    margin-left: 0;
}

.imgList .thumb:last-child img {
    margin-right: 0;
}

.imgList .thumb img:hover {
    opacity: 1;
    cursor: pointer;
}

.imgList .thumb.onSelect img {
    opacity: 1;
}

/*social区*/
.gallery_detail{
    font-family: "sans-serif thinner";
}
.gallery_detail .switchType{
    text-align: left;
    font-size: 18px;
    margin: 40px 0 20px 0;
    caret-color: transparent;
    color: #8a8a8a;
}
.gallery_detail .switchType li{
    position: relative;
    margin-right: 25px;
    cursor: pointer;
}
.gallery_detail .switchType li:hover{
    color: lightgray;
}
.gallery_detail .switchType li.active{
    color: lightgray;
}
.gallery_detail .subtype{
    display: none;
}
.gallery_detail .subtype.active{
    display: flex;
    flex-direction: column;
    height: 100%;
    /*justify-content: space-between;*/
    position: absolute;
    width: 450px;
    padding-right: 30px;
}
/*metadata相关*/
/*.socialData .metadata span{*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*.socialData .metadata .info{*/
/*    display: flex;*/
/*    width: 100%;*/
/*}*/
.socialData .metadata span{
    margin-right: 10px;
}
.socialData .metadata .right,.socialData .metadata .edit{
    margin-right: 5px;
}
.socialData .metadata div,.socialData .metadata span, .socialData .metadata li{
    caret-color: transparent;
}
.socialData .metadata .update{
    display: flex;
}
.socialData .metadata .update .tip{
    flex-shrink: 0;
    margin-left: 20px;
}
.socialData textarea{
    height: 18px;
    line-height: 21px;
    border: none;
    resize: none;
    border-bottom: 0.5px solid #555;
    width: 100%;
    caret-color: #8a8a8a;
    color: #8a8a8a;
    background-color: #181818;
    font-size: 13px;
    font-family: "sans-serif thinner";
}
.socialData .metadata .title .hiddenEdit{
    display: flex;
    line-height: 12px;
}
.socialData .metadata .hiddenEdit span{
    margin: 0;
}
.socialData .metadata .right .edit{
    opacity: 0.6;
    caret-color: transparent;
    cursor: pointer;
}
/*.socialData .metadata .right .edit::before{*/
/*    content: "编辑";*/
/*}*/
.socialData .metadata .right .edit:hover{
    opacity: 1;
}
/*.socialData .metadata .right .submitEdit{*/
/*    opacity: 1;*/
/*}*/
.socialData .metadata .right .cancelEdit,.socialData .metadata .right .submitEdit{
    opacity: 1;
    cursor: pointer;
}
.socialData .metadata .title .split{
    border-right:  4px solid #EA472A;
    margin: 0 10px;
}
.socialData .metadata .right .cancelEdit:hover,.socialData .metadata .right .submitEdit:hover{
    opacity: 0.6;
}
/*feedback区域*/
.error .tip{
    margin-left:0 !important;
}
#ErrorGroup{
    background: #2c2c2c;
    width: 100%;
    color: #8a8a8a;
    border:none;
    outline: none;
    cursor: pointer;
}
.metadata .errorContent{
    height: 100px;
}
/*.socialData .metadata .right .edit.submit::before{*/
/*    content: "提交";*/
/*}*/
/*color-picker*/
.scrawlMore input{
    position: absolute;
    transform: rotate(-180deg);
    width: 150px;
    left: -180px;
    background: transparent;
}
/*slider样式*/
.scrawlMore input {
    -webkit-appearance: none;
}
.scrawlMore input:focus {
    outline: none;
}
.scrawlMore input::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #030303;
    border-radius: 1px;
    border: 0px solid #000000;
}
.scrawlMore input::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #030303;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: white;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
}
.scrawlMore input:focus::-webkit-slider-runnable-track {
    background: #030303;
}
.scrawlMore input::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #030303;
    border-radius: 1px;
    border: 0px solid #000000;
}
.scrawlMore input::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #030303;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: white;
    cursor: pointer;
}
.scrawlMore input::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
.scrawlMore input::-ms-fill-lower {
    background: #030303;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}
.scrawlMore input::-ms-fill-upper {
    background: #030303;
    border: 0px solid #000000;
    border-radius: 2px;
    box-shadow: 0px 0px 0px #000000;
}
.scrawlMore input::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 1px solid #030303;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: white;
    cursor: pointer;
}
.scrawlMore input:focus::-ms-fill-lower {
    background: #030303;
}
.scrawlMore input:focus::-ms-fill-upper {
    background: #030303;
}

/*评论区*/
.comments_detail{
    position: relative;
    /*max-height: 400px;*/
    overflow: auto;
    /*这个padding是跟addComment的高度匹配的，放置scroll到底无法显示内容*/
    padding-bottom:220px ;
}
.comments_detail .comment{
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #282828;
    padding: 5px 0;
}
.comments_detail .comment.isReply{
    margin-left: 15px;
}
.comments_detail .comment.twinkle{
    animation: twinkle 2s  alternate;
}
@keyframes twinkle {
    0%{
       background: #515151;
    }100%{background: #0f0f0f;
         }
}
.comments_detail .comment .info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #555;
}
.comments_detail .commentType{
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 3.5px;
    /*cursor: pointer;*/
    /*opacity: 0.5;*/
    caret-color: transparent;
}
/*.comments_detail .commentType:hover{*/
/*    opacity: 1;*/
/*}*/
/*.comments_detail .comment.reply .commentType{*/
/*    background: #0d4b7b;*/
/*}*/
/*.comments_detail .comment.point .commentType{*/
/*    background: #164c76;*/

/*}*/
.comments_detail .comment.scrawl .commentType,.comments_detail .comment.point .commentType{
    /*background: #0e6323;*/
    background: rgba(210, 58, 12, 0.8);
;
}
.comments_detail .info .left{
    display: flex;
    align-items: center;
}
.comments_detail .info .say{
    margin: 0 5px;
}
/*.comments_detail .info .say::after{*/
/*    content: "：";*/
/*}*/
.comments_detail .comment .content{
    display: inline;
/*    段落*/
    white-space: pre-wrap;
}
.comments_detail .comment .irrelevant,.comments_detail .comment .up_count{
    background: none;
    width: auto;
    height: auto;
    opacity: 1;
}
.comments_detail .comment .up_count.approved::before,.comments_detail .comment .irrelevant.approved::before{
    content: "已";
}
/*.comments_detail .interact.right{*/
/*    visibility: hidden;*/
/*}*/
/*.comments_detail .interact.right a{*/
/*    color: #555;*/
/*}*/
/*.comments_detail .comment:hover .interact.right,.comments_detail .comment:hover .irrelevant{*/
/*    visibility: visible;*/
/*}*/
.comments_detail .comment .delete,.comments_detail .comment .irrelevant{
    visibility: hidden;
}
.comments_detail .interact.right a{
    color: #555;
}
.comments_detail .comment:hover .delete,.comments_detail .comment:hover .irrelevant{
    visibility: visible;
}
.gallery_detail .time,.comments_detail .comment .replyTo{
    display: inline-block;
    font-size: 10px;
    color: #555;
}
.comments_detail .comment .replyTo{
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.comments_detail .comment .interact{
    display: flex;
    align-items: center;
}
.comments_detail  .interact a ,.comments_detail  .interact span{
    margin-left: 5px;
}
.comments_detail .comment a,.addComment .userInfo a,.collected_detail a,.socialData .metadata a{
    color: #6983a4;
}
.comments_detail .comment a:hover,.addComment .userInfo a:hover,.collected_detail a:hover,.socialData .metadata a:hover{
    color: #a4ccff;
    background: none;
}
.socialData .count::before{
    content: "共";
}
.socialData .count::after{
    content: "条";
}
.addComment .interact.bottom{
    display: flex;
    justify-content: space-between;
}
/*收藏相关*/
.collected_detail li{
    padding: 5px 0;
    border-bottom: 1px solid #282828;
}
.relatedGallery{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.relatedGallery li{
    margin:0 10px 10px 0;
    height: 50px;
}
.relatedGallery li:nth-child(6n){
    margin-right: 0px;
}
.relatedGallery img{
    display: inline-block;
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.relatedGallery a:hover{
    display: inline-block;
    background: none;
}
/*tooltip相关*/
.tooltip_content{
    visibility: hidden;
}
.tooltipster-content .tooltip_content{
    visibility: visible !important;
}
/*.tooltip_templates { display: none; }*/
.tooltip_content .pickerDelete{
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-left: 5px;
    /*color:#6c6c6c;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.5;
    cursor: pointer;
    caret-color: transparent;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjQuMDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01MDcuMTY4IDQ3My4yMzJMNzE2LjQ4IDI2My45MzZhMTYgMTYgMCAwIDEgMjIuNjI0IDBsMTEuMzEyIDExLjMxMmExNiAxNiAwIDAgMSAwIDIyLjYyNEw1NDEuMTIgNTA3LjE2OCA3NTAuNCA3MTYuNDhhMTYgMTYgMCAwIDEgMCAyMi42MjRsLTExLjMxMiAxMS4zMTJhMTYgMTYgMCAwIDEtMjIuNjI0IDBMNTA3LjE2OCA1NDEuMTIgMjk3Ljg3MiA3NTAuNGExNiAxNiAwIDAgMS0yMi42MjQgMGwtMTEuMzEyLTExLjMxMmExNiAxNiAwIDAgMSAwLTIyLjYyNGwyMDkuMjk2LTIwOS4zMTItMjA5LjI5Ni0yMDkuMjk2YTE2IDE2IDAgMCAxIDAtMjIuNjI0bDExLjMxMi0xMS4zMTJhMTYgMTYgMCAwIDEgMjIuNjI0IDBsMjA5LjI5NiAyMDkuMjk2eiIgZmlsbD0iI2ZmZmZmZiIgLz48L3N2Zz4=");
    text-align: center;
}
.tooltip_content .pickerDelete:hover{
    opacity: 1;
}