@php
    /** @var \App\Support\DberpProductVersion $dberpProductVersion */
    $dberpProductVersion = app(\App\Support\DberpProductVersion::class);
@endphp
@once
<style>
    .dberp-sidebar-ver {
        padding: .5rem 1rem .75rem;
        display: flex;
        justify-content: center;
    }
    .dberp-sidebar-ver-tag {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 3px 9px;
        border-radius: 100px;
        border: 1px solid rgba(99,102,241,.15);
        background: rgba(99,102,241,.06);
        white-space: nowrap;
        user-select: none;
        cursor: default;
    }
    .dberp-sidebar-ver-label {
        font-size: 9px;
        font-weight: 500;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #9ca3af;
    }
    .dberp-sidebar-ver-num {
        font-family: ui-monospace, "Cascadia Code", Menlo, monospace;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: -.02em;
        color: #6366f1;
    }
    .dark .dberp-sidebar-ver-tag {
        border-color: rgba(99,102,241,.22);
        background: rgba(99,102,241,.1);
    }
    .dark .dberp-sidebar-ver-label { color: #6b7280; }
    .dark .dberp-sidebar-ver-num   { color: #818cf8; }
</style>
@endonce
<div class="dberp-sidebar-ver">
    <span class="dberp-sidebar-ver-tag" title="{{ $dberpProductVersion->publicProductName() }}">
        <span class="dberp-sidebar-ver-label">VER</span>
        <code class="dberp-sidebar-ver-num">{{ $dberpProductVersion->publicSemanticVersionLabel() }}</code>
    </span>
</div>
