.qy-session-key {
    position: relative;
    display: inline-flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    pointer-events: none;
}
.qy-session-key > img, .qy-session-key > svg:not(.qy-session-ring), .qy-session-key > i {
    width: 18px;
    height: 18px;
    flex: none;
}
.qy-session-key > svg.qy-session-ring { position: absolute; inset: 0; width: 32px; height: 32px; overflow: visible; }
.qy-session-ring circle { fill: none; stroke-width: 2; }
.qy-session-track { stroke: #d6e4e1; }
.qy-session-arc { stroke: #2f8f85; transform: rotate(-90deg); transform-origin: 16px 16px; }
.qy-session-infinity { position: absolute; right: -2px; bottom: -1px; display: none; padding: 0 1px; background: #f4f9f8; color: #246f67; font-size: 13px; font-weight: 700; line-height: 13px; }
[data-session-clock="permanent"] .qy-session-infinity { display: block; }
[data-session-clock="expiring"] .qy-session-arc { stroke: #ac6722; }
[data-session-clock="expired"] .qy-session-arc { stroke: #bf4d66; }
[data-session-clock="unknown"] .qy-session-track { stroke-dasharray: 2 3; }
.desktop-workspace #dw-qr-login { position: relative; overflow: visible; padding: 2px; }
#tab-menu-qr-login.qy-session-clock { border: 0; padding: 0; }
#tab-menu-qr-login .qy-session-key { flex: 0 0 100%; width: 100%; height: 100%; }
/* The painted circle covers 30 of the SVG's 32 units. */
#tab-menu-qr-login .qy-session-key > svg.qy-session-ring { width: 100%; height: 100%; transform: scale(1.066666667); transform-origin: 50% 50%; }
#tab-menu-qr-login .qy-session-infinity { right: 0; bottom: 0; }
.qy-session-tooltip { position: absolute; right: -12px; bottom: calc(100% + 8px); z-index: 20; display: none; width: max-content; max-width: 210px; padding: 7px 10px; background: #263d39; color: #fff; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; pointer-events: none; white-space: normal; box-shadow: 0 3px 10px #0002; }
#dw-qr-login:focus-visible .qy-session-tooltip { display: block; }
@media (hover: hover) { #dw-qr-login:hover .qy-session-tooltip { display: block; } }