@import '_content/ReactorBlazorQRCodeScanner/ReactorBlazorQRCodeScanner.bundle.scp.css';

/* /Components/InjuryAnnotator.razor.rz.scp.css */
.injury-annotator .toolbar[b-aq0dt26r88] {
    display: flex;
    gap: .75rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

    .injury-annotator .toolbar .control[b-aq0dt26r88] {
        display: flex;
        align-items: center;
        gap: .35rem;
    }

    .injury-annotator .toolbar button.active[b-aq0dt26r88] {
        outline: 2px solid #333;
        border-radius: 6px;
    }

.injury-annotator .swatches[b-aq0dt26r88] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.injury-annotator .swatch[b-aq0dt26r88] {
    position: relative;
    padding: .35rem .5rem;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: var(--sw) !important;
    color: #000;
    mix-blend: normal;
}

    .injury-annotator .swatch span[b-aq0dt26r88] {
        background: transparent !important;
        padding: .1rem .35rem;
        border-radius: .4rem;
        font-size: .85rem;
        color: #000 !important;
    }

.injury-annotator .legend[b-aq0dt26r88] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin: .25rem 0 .5rem;
}

.injury-annotator .legend-item[b-aq0dt26r88] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

    .injury-annotator .legend-item .dot[b-aq0dt26r88] {
        width: .9rem;
        height: .9rem;
        border-radius: 999px;
        display: inline-block;
        border: 1px solid #aaa;
    }

.injury-annotator .stage[b-aq0dt26r88] {
    position: relative;
    display: inline-block;
    user-select: none;
}

    .injury-annotator .stage .bg[b-aq0dt26r88] {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .injury-annotator .stage .overlay[b-aq0dt26r88] {
        position: absolute;
        left: 0;
        top: 0;
        touch-action: none;
        cursor: crosshair;
    }