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