.canary{cursor:pointer;z-index:9;background-color:#191e2a;border:1px solid #353a5a;border-radius:100%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;position:relative;overflow:visible}@media only screen and (width<=900px){.canary{width:44px;height:44px}}.canary .v-popper{width:100%;height:100%}.canary .canary__content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.canary .canary__content *{pointer-events:none}.canary:has(.--spin){pointer-events:none}.canary:hover{background-color:#353a5a}.canary__icon{color:#fff;width:20px;height:20px}.canary__badge{pointer-events:none;border-radius:50%;width:20px;height:20px;padding:0;position:absolute;top:0;right:0;transform:translate(30%,-30%);border-radius:100px!important}.canary__badge .badge__content{justify-content:center;align-items:center;display:flex}.canary-enter-active,.canary-leave-active{transition:opacity .3s,transform .3s}.canary-enter-from,.canary-leave-to{opacity:0;transform:translate(100%)}