.comp-badge-wrapper{position:relative}.comp-badge-badge{z-index:10000;color:#fff;pointer-events:none;border-radius:0 0 4px;padding:4px 8px;font-family:monospace;font-size:10px;font-weight:700;display:none;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0003}.comp-badge-badge--client{background:#4caf50;border:2px solid #4caf50}.comp-badge-badge--server{background:#2196f3;border:2px solid #2196f3}body.show-comp-badges .comp-badge-wrapper--client{outline-offset:-2px;outline:2px solid #4caf50}body.show-comp-badges .comp-badge-wrapper--server{outline-offset:-2px;outline:2px solid #2196f3}body.show-comp-badges .comp-badge-badge{display:block}.comp-badge{outline-offset:-2px;transition:outline .2s;position:relative}body.show-comp-badges .comp-badge--client{background-color:#4caf500d;outline:2px solid #4caf50}body.show-comp-badges .comp-badge--server{background-color:#2196f30d;outline:2px solid #2196f3}body.show-comp-badges .comp-badge__label{color:#fff;z-index:10000;pointer-events:none;white-space:nowrap;border-radius:0 0 3px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700;position:absolute;top:0;left:0;box-shadow:0 1px 3px #0003}body.show-comp-badges .comp-badge__label--server{background-color:#2196f3}body.show-comp-badges .comp-badge__label--client{background-color:#4caf50}body.show-comp-badges .comp-badge:hover{outline-width:3px}body.show-comp-badges .comp-badge:hover .comp-badge__label{padding:3px 8px;font-size:11px}body:not(.show-comp-badges) .comp-badge__label{display:none}.comp-badge-toggle{font-family:system-ui,-apple-system,sans-serif;transition:all .2s}.comp-badge-toggle:hover{transform:scale(1.05);box-shadow:0 4px 12px #0006}.comp-badge-toggle:active{transform:scale(.98)}