.pm-vector { display: block; flex: 0 0 auto; shape-rendering: geometricPrecision; }

.pm-vector--brand { overflow: visible; filter: drop-shadow(0 10px 18px rgba(23,70,176,.16)); }
.pm-vector--brand circle, .pm-vector--brand path { vector-effect: non-scaling-stroke; }
.pm-vector__brand-track { fill: rgba(255,255,255,.94); stroke: var(--pm-blue); stroke-width: 10; }
.pm-vector__brand-accent { fill: none; stroke: var(--pm-red); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 18 82; stroke-dashoffset: -9; transform: rotate(-90deg); transform-origin: 32px 32px; }
.pm-vector__brand-swing { fill: none; stroke: var(--pm-ink); stroke-width: 2.15; stroke-linecap: round; opacity: .9; }
.pm-vector__brand-ball { fill: var(--pm-red); stroke: white; stroke-width: 2; }

.pm-vector--provider { fill: currentColor; }
.pm-vector--telegram { transform: translateZ(0); }
.pm-vector--max { transform: translateZ(0); }
.pm-vector__max-accent { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; opacity: .55; }

.pm-vector--court { width: 100%; height: 100%; }
.pm-vector__court-surface { fill: #143d98; }
.pm-vector__court-lines { fill: none; stroke: rgba(255,255,255,.42); stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.pm-vector__court-pin path { fill: rgba(255,255,255,.95); filter: drop-shadow(0 5px 9px rgba(0,0,0,.2)); }
.pm-vector__court-pin circle { fill: var(--pm-blue); }

.pm-vector--progress { overflow: visible; }
.pm-vector__ring-track, .pm-vector__ring-value { fill: none; stroke-width: 6; }
.pm-vector__ring-track { stroke: rgba(255,255,255,.12); }
.pm-vector__ring-value { stroke: #8eafff; stroke-linecap: round; stroke-dasharray: var(--pm-vector-progress) calc(100 - var(--pm-vector-progress)); transform: rotate(-90deg); transform-origin: 32px 32px; }
.pm-vector--progress text { fill: white; font-family: var(--pm-font); font-size: 15px; font-weight: 820; }
.pm-vector--progress .pm-vector__ring-unit { font-size: 7px; }

.pm-vector--impact { overflow: visible; }
.pm-vector--impact circle { fill: none; stroke-width: 11; transform: rotate(-90deg); transform-origin: 50px 50px; }
.pm-vector__impact-track { stroke: #eef1f6; }
.pm-vector__impact-blue { stroke: var(--pm-blue); stroke-dasharray: 78 22; }
.pm-vector__impact-amber { stroke: #e9ad45; stroke-dasharray: 18 82; stroke-dashoffset: -78; }
.pm-vector__impact-red { stroke: var(--pm-red); stroke-dasharray: 4 96; stroke-dashoffset: -96; }
.pm-vector--impact text { fill: var(--pm-ink); font-family: var(--pm-font); }
.pm-vector__impact-value { font-size: 13px; font-weight: 820; }
.pm-vector__impact-label { fill: var(--pm-muted); font-size: 7px; font-weight: 650; }

.pm-vector--qr { width: 100%; height: 100%; }
.pm-vector__qr-paper { fill: white; stroke: rgba(7,19,39,.07); stroke-width: 2; }
.pm-vector__qr-ink { fill: var(--pm-ink); }

.pm-vector--barcode { width: 100%; height: 46px; }
.pm-vector__barcode-ink { fill: var(--pm-ink); }

.pm-demo-signature__mark { filter: drop-shadow(0 5px 8px rgba(23,70,176,.16)); }