/* ==========================================================
   VORIK CLIENT — REAL-TIME VTC TRIP TRACKER
   ========================================================== */

.vorik-trip-tracker {
    position: fixed;
    inset: 0;

    z-index: 99990;

    display: block;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(3, 18, 39, 0.16),
            rgba(3, 18, 39, 0.36)
        );

    pointer-events: none;
}


.vorik-trip-tracker[hidden] {
    display: none !important;
}


.vorik-trip-tracker-map-shade {
    min-height: 0;
}


.vorik-trip-tracker-sheet {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    width: min(
        100%,
        640px
    );

    max-height:
        min(
            76vh,
            720px
        );

    margin-inline: auto;

    overflow-y: auto;
    overscroll-behavior: contain;

    padding:
        9px
        18px
        calc(
            22px
            + env(safe-area-inset-bottom)
        );

    border-radius:
        28px
        28px
        0
        0;

    background:
        rgba(
            255,
            255,
            255,
            0.98
        );

    box-shadow:
        0 -18px 52px
        rgba(3, 18, 39, 0.20);

    pointer-events: auto;
}


.vorik-trip-tracker-handle {
    width: 44px;
    height: 5px;

    margin:
        0 auto
        18px;

    border-radius: 999px;

    background: #d4dce7;
}


.vorik-trip-state {
    animation:
        vorikTripStateEnter
        220ms
        ease-out;
}


@keyframes vorikTripStateEnter {
    from {
        opacity: 0;

        transform:
            translateY(10px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }
}


.vorik-trip-state-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 16px;
}


.vorik-trip-state-eyebrow {
    display: block;

    margin-bottom: 5px;

    color: #0d72df;

    font-size: 10px;
    font-weight: 950;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}


.vorik-trip-state-title {
    margin: 0;

    color: #062b55;

    font-size:
        clamp(
            22px,
            6vw,
            29px
        );

    font-weight: 950;

    letter-spacing: -0.045em;
    line-height: 1.08;
}


.vorik-trip-state-description {
    margin:
        7px
        0
        0;

    color: #65748a;

    font-size: 13px;
    font-weight: 650;

    line-height: 1.5;
}


.vorik-trip-live-dot {
    position: relative;

    flex: 0 0 14px;

    width: 14px;
    height: 14px;

    margin-top: 7px;

    border-radius: 50%;

    background: #16a34a;

    box-shadow:
        0 0 0 7px
        rgba(22, 163, 74, 0.10);
}


.vorik-trip-live-dot::after {
    content: "";

    position: absolute;
    inset: -7px;

    border:
        2px solid
        rgba(22, 163, 74, 0.34);

    border-radius: 50%;

    animation:
        vorikTripLivePulse
        1.4s
        ease-out
        infinite;
}


@keyframes vorikTripLivePulse {
    0% {
        opacity: 1;

        transform:
            scale(0.7);
    }

    100% {
        opacity: 0;

        transform:
            scale(1.45);
    }
}


/* ==========================================================
   SEARCHING RADAR
   ========================================================== */

.vorik-trip-radar {
    position: relative;

    display: grid;
    place-items: center;

    width: 144px;
    height: 144px;

    margin:
        18px auto;

    overflow: hidden;

    border-radius: 50%;

    background:
        repeating-radial-gradient(
            circle,
            rgba(13, 114, 223, 0.11)
                0 1px,
            transparent
                1px 28px
        ),
        rgba(13, 114, 223, 0.05);
}


.vorik-trip-radar::before {
    content: "";

    position: absolute;
    inset: 0;

    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(13, 114, 223, 0.03) 245deg,
            rgba(13, 114, 223, 0.42) 355deg,
            transparent 360deg
        );

    animation:
        vorikTripRadarSpin
        1.7s
        linear
        infinite;
}


@keyframes vorikTripRadarSpin {
    to {
        transform:
            rotate(360deg);
    }
}


.vorik-trip-radar-car {
    position: relative;

    z-index: 2;

    display: grid;
    place-items: center;

    width: 56px;
    height: 56px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #0d72df,
            #0754aa
        );

    color: #ffffff;

    font-size: 25px;

    box-shadow:
        0 12px 28px
        rgba(13, 114, 223, 0.28);
}


/* ==========================================================
   SUMMARY CARDS
   ========================================================== */

.vorik-trip-summary-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 9px;

    margin-top: 18px;
}


.vorik-trip-summary-item {
    min-width: 0;

    padding:
        13px
        8px;

    border-radius: 16px;

    background: #f3f7fb;

    text-align: center;
}


.vorik-trip-summary-item strong {
    display: block;

    overflow: hidden;

    color: #062b55;

    font-size: 14px;
    font-weight: 950;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.vorik-trip-summary-item span {
    display: block;

    margin-top: 4px;

    color: #7b8798;

    font-size: 9px;
    font-weight: 800;

    text-transform: uppercase;
}


.vorik-trip-route-card {
    margin-top: 14px;

    padding: 15px;

    border:
        1px solid
        rgba(6, 43, 85, 0.08);

    border-radius: 18px;

    background: #ffffff;
}


.vorik-trip-route-row {
    display: grid;

    grid-template-columns:
        15px
        minmax(0, 1fr);

    gap: 11px;
}


.vorik-trip-route-marker {
    width: 11px;
    height: 11px;

    margin-top: 5px;

    border-radius: 50%;

    background: #0d72df;
}


.vorik-trip-route-marker.is-destination {
    background: #16a34a;
}


.vorik-trip-route-line {
    width: 2px;
    height: 19px;

    margin:
        4px
        0
        4px
        4px;

    background: #dce4ee;
}


.vorik-trip-route-label {
    display: block;

    margin-bottom: 3px;

    color: #8a96a7;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 0.08em;
}


.vorik-trip-route-address {
    display: block;

    color: #17324d;

    font-size: 13px;
    font-weight: 800;

    line-height: 1.45;
}


/* ==========================================================
   DRIVER / VEHICLE
   ========================================================== */

.vorik-trip-driver-card {
    display: grid;

    grid-template-columns:
        52px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 12px;

    margin-top: 16px;

    padding: 14px;

    border-radius: 19px;

    background: #f6f9fc;
}


.vorik-trip-driver-avatar {
    display: grid;
    place-items: center;

    width: 52px;
    height: 52px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #0d72df,
            #062b55
        );

    color: #ffffff;

    font-size: 18px;
    font-weight: 950;
}


.vorik-trip-driver-copy {
    min-width: 0;
}


.vorik-trip-driver-copy strong {
    display: block;

    overflow: hidden;

    color: #102a43;

    font-size: 15px;
    font-weight: 950;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.vorik-trip-driver-copy span {
    display: block;

    overflow: hidden;

    margin-top: 4px;

    color: #6d7b8c;

    font-size: 11px;
    font-weight: 700;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.vorik-trip-registration {
    padding:
        7px
        9px;

    border:
        1px solid
        rgba(6, 43, 85, 0.12);

    border-radius: 9px;

    background: #ffffff;

    color: #062b55;

    font-size: 10px;
    font-weight: 950;

    white-space: nowrap;
}


/* ==========================================================
   COMPLETION
   ========================================================== */

.vorik-trip-complete-icon {
    display: grid;
    place-items: center;

    width: 78px;
    height: 78px;

    margin:
        8px auto
        15px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #16a34a,
            #22c55e
        );

    color: #ffffff;

    font-size: 36px;
    font-weight: 950;

    box-shadow:
        0 14px 32px
        rgba(22, 163, 74, 0.24);
}


.vorik-trip-final-fare {
    margin:
        18px
        0;

    text-align: center;
}


.vorik-trip-final-fare strong {
    display: block;

    color: #062b55;

    font-size:
        clamp(
            34px,
            10vw,
            48px
        );

    font-weight: 950;

    letter-spacing: -0.055em;
}


.vorik-trip-final-fare span {
    display: block;

    margin-top: 4px;

    color: #7a8798;

    font-size: 11px;
    font-weight: 850;

    text-transform: uppercase;
}


/* ==========================================================
   ACTIONS
   ========================================================== */

.vorik-trip-actions {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 10px;

    margin-top: 16px;
}


.vorik-trip-action {
    min-height: 50px;

    border:
        1px solid
        rgba(6, 43, 85, 0.12);

    border-radius: 15px;

    background: #ffffff;

    color: #43556a;

    font-size: 11px;
    font-weight: 950;
}


.vorik-trip-action.is-primary {
    border: 0;

    background:
        linear-gradient(
            135deg,
            #0d72df,
            #0754aa
        );

    color: #ffffff;

    box-shadow:
        0 10px 24px
        rgba(13, 114, 223, 0.22);
}


.vorik-trip-action.is-danger {
    color: #dc2626;
}


.vorik-trip-action:disabled {
    opacity: 0.45;
}


@media (min-width: 768px) {

    .vorik-trip-tracker {
        padding:
            24px
            24px
            0;
    }


    .vorik-trip-tracker-sheet {
        margin-bottom: 20px;

        border-radius: 28px;
    }
}


/* ==========================================================
   VTC BOOKING SHEET / TRIP TRACKER EXCLUSIVE VISIBILITY
   ========================================================== */

[data-vtc-sheet].is-hidden-by-trip-tracker {
    display: none !important;
}


/* ==========================================================
   TRIP TRACKER — MAP REMAINS FULLY VISIBLE
   ========================================================== */

.vorik-trip-tracker {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.vorik-trip-tracker-map-shade {
    display: none !important;
}


/* ==========================================================
   TRIP TRACKER — ABSOLUTE INFORMATION SHEET LAYOUT
   ========================================================== */

.vorik-trip-tracker {
    overflow: hidden !important;
}


.vorik-trip-tracker-sheet {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    margin-inline: auto;

    box-sizing: border-box;
}


html.has-vorik-trip-tracker,
html.has-vorik-trip-tracker body {
    overflow: hidden;
}


/* ==========================================================
   MAP-06.4 — LIVE ROUTE PROGRESS
   ========================================================== */

.vorik-live-route-progress {
    margin-top: 16px;

    padding:
        15px
        16px;

    border:
        1px solid
        rgba(8, 62, 117, 0.09);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(246, 250, 255, 0.98),
            rgba(237, 245, 255, 0.96)
        );

    box-shadow:
        0 10px 25px
        rgba(5, 43, 84, 0.07);
}


.vorik-live-route-progress[hidden] {
    display: none !important;
}


.vorik-live-route-progress__head {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 12px;
}


.vorik-live-route-progress__head > div {
    display: grid;

    gap: 3px;
}


.vorik-live-route-progress__eyebrow {
    color: #5780a9;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 0.13em;

    text-transform: uppercase;
}


.vorik-live-route-progress__head strong {
    color: #153858;

    font-size: 13px;
    font-weight: 900;

    line-height: 1.2;
}


.vorik-live-route-progress__percent {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 50px;
    min-height: 29px;

    padding:
        5px
        9px;

    border-radius: 999px;

    background: #ffffff;

    color: #0754aa;

    box-shadow:
        0 4px 12px
        rgba(5, 55, 107, 0.08);

    font-size: 11px;
    font-weight: 900;
}


.vorik-live-route-progress__track {
    position: relative;

    overflow: hidden;

    height: 7px;

    margin-top: 13px;

    border-radius: 999px;

    background:
        rgba(15, 78, 142, 0.11);
}


.vorik-live-route-progress__bar {
    position: absolute;

    inset:
        0
        auto
        0
        0;

    width: 0;

    border-radius: inherit;

    background:
        linear-gradient(
            90deg,
            #1680ee,
            #0754aa
        );

    box-shadow:
        0 0 12px
        rgba(13, 114, 223, 0.24);

    transition:
        width 650ms
        cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );
}


.vorik-live-route-progress__metrics {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 8px;

    margin-top: 13px;
}


.vorik-live-route-progress__metrics > div {
    display: grid;

    gap: 3px;

    min-width: 0;

    padding:
        8px
        6px;

    border-radius: 12px;

    background:
        rgba(255, 255, 255, 0.72);

    text-align: center;
}


.vorik-live-route-progress__metrics span {
    overflow: hidden;

    color: #6d8298;

    font-size: 8px;
    font-weight: 800;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-live-route-progress__metrics strong {
    overflow: hidden;

    color: #173b5e;

    font-size: 11px;
    font-weight: 900;

    text-overflow: ellipsis;
    white-space: nowrap;
}


@media (max-width: 360px) {

    .vorik-live-route-progress {
        padding:
            13px
            12px;
    }


    .vorik-live-route-progress__metrics {
        gap: 5px;
    }


    .vorik-live-route-progress__metrics strong {
        font-size: 10px;
    }
}


/* ==========================================================
   MAP-06.5 — TRIP PROXIMITY
   ========================================================== */

.vorik-trip-proximity {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 10px;

    margin-top: 14px;

    padding:
        11px
        13px;

    border:
        1px solid
        rgba(9, 71, 132, 0.09);

    border-radius: 16px;

    background:
        rgba(244, 249, 255, 0.96);

    box-shadow:
        0 8px 20px
        rgba(5, 43, 84, 0.06);
}


.vorik-trip-proximity[hidden] {
    display: none !important;
}


.vorik-trip-proximity__signal {
    position: relative;

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background: #1680ee;

    box-shadow:
        0 0 0 5px
        rgba(22, 128, 238, 0.13);
}


.vorik-trip-proximity__signal::after {
    position: absolute;

    inset: -5px;

    border:
        1px solid
        currentColor;

    border-radius: inherit;

    content: "";

    opacity: 0;

    animation:
        vorik-trip-proximity-pulse
        1.8s
        ease-out
        infinite;
}


.vorik-trip-proximity__content {
    display: grid;

    gap: 2px;

    min-width: 0;
}


.vorik-trip-proximity__content strong {
    overflow: hidden;

    color: #173b5e;

    font-size: 11px;
    font-weight: 900;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-trip-proximity__content small {
    overflow: hidden;

    color: #71869b;

    font-size: 9px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-trip-proximity__distance {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 50px;

    padding:
        5px
        8px;

    border-radius: 999px;

    background: #ffffff;

    color: #0754aa;

    font-size: 10px;
    font-weight: 900;
}


.vorik-trip-proximity.is-attention {
    border-color:
        rgba(222, 139, 12, 0.16);

    background:
        rgba(255, 249, 235, 0.97);
}


.vorik-trip-proximity.is-attention
.vorik-trip-proximity__signal {
    color: #e79a16;

    background: #e79a16;

    box-shadow:
        0 0 0 5px
        rgba(231, 154, 22, 0.14);
}


.vorik-trip-proximity.is-attention
.vorik-trip-proximity__distance {
    color: #a66200;
}


.vorik-trip-proximity.is-success {
    border-color:
        rgba(15, 158, 91, 0.16);

    background:
        rgba(237, 252, 245, 0.97);
}


.vorik-trip-proximity.is-success
.vorik-trip-proximity__signal {
    color: #10a05d;

    background: #10a05d;

    box-shadow:
        0 0 0 5px
        rgba(16, 160, 93, 0.14);
}


.vorik-trip-proximity.is-success
.vorik-trip-proximity__distance {
    color: #087644;
}


@keyframes vorik-trip-proximity-pulse {

    0% {
        opacity: 0.65;

        transform:
            scale(0.65);
    }

    100% {
        opacity: 0;

        transform:
            scale(1.65);
    }
}


/* ==========================================================
   MAP-06.6 — MILESTONE ALERT
   ========================================================== */

.vorik-milestone-alert {
    position: fixed;

    top:
        calc(
            18px
            + env(
                safe-area-inset-top,
                0px
            )
        );

    left: 50%;

    z-index: 1200;

    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto
        auto;

    align-items: center;

    gap: 11px;

    width:
        min(
            calc(100vw - 24px),
            440px
        );

    padding:
        12px
        13px;

    border:
        1px solid
        rgba(12, 74, 135, 0.12);

    border-radius: 18px;

    background:
        rgba(255, 255, 255, 0.97);

    box-shadow:
        0 16px 42px
        rgba(5, 35, 68, 0.22);

    opacity: 0;

    transform:
        translate(
            -50%,
            -18px
        )
        scale(0.97);

    pointer-events: none;

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    transition:
        opacity 220ms ease,
        transform 220ms ease;
}


.vorik-milestone-alert[hidden] {
    display: none !important;
}


.vorik-milestone-alert.is-visible {
    opacity: 1;

    transform:
        translate(
            -50%,
            0
        )
        scale(1);

    pointer-events: auto;
}


.vorik-milestone-alert__icon {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            #1680ee,
            #0754aa
        );

    box-shadow:
        0 7px 16px
        rgba(13, 114, 223, 0.24);
}


.vorik-milestone-alert__icon svg {
    width: 20px;
    height: 20px;

    fill: currentColor;

    stroke: currentColor;
    stroke-width: 1.6;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.vorik-milestone-alert__content {
    display: grid;

    gap: 2px;

    min-width: 0;
}


.vorik-milestone-alert__content strong {
    overflow: hidden;

    color: #163a5d;

    font-size: 12px;
    font-weight: 900;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-milestone-alert__content span {
    overflow: hidden;

    color: #71859a;

    font-size: 9px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-milestone-alert__distance {
    color: #0754aa;

    font-size: 10px;
    font-weight: 900;

    white-space: nowrap;
}


.vorik-milestone-alert__close {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(15, 59, 101, 0.07);

    color: #557087;

    font: inherit;
    font-size: 18px;
    line-height: 1;

    cursor: pointer;
}


.vorik-milestone-alert.is-attention {
    border-color:
        rgba(225, 145, 15, 0.19);

    background:
        rgba(255, 252, 242, 0.98);
}


.vorik-milestone-alert.is-attention
.vorik-milestone-alert__icon {
    background:
        linear-gradient(
            145deg,
            #f5ad2e,
            #c87500
        );

    box-shadow:
        0 7px 16px
        rgba(213, 132, 8, 0.24);
}


.vorik-milestone-alert.is-success {
    border-color:
        rgba(13, 159, 89, 0.18);

    background:
        rgba(242, 255, 249, 0.98);
}


.vorik-milestone-alert.is-success
.vorik-milestone-alert__icon {
    background:
        linear-gradient(
            145deg,
            #20b56c,
            #087c46
        );

    box-shadow:
        0 7px 16px
        rgba(12, 148, 81, 0.23);
}


.vorik-milestone-alert.is-success
.vorik-milestone-alert__distance {
    color: #087644;
}


@media (max-width: 420px) {

    .vorik-milestone-alert {
        grid-template-columns:
            auto
            minmax(0, 1fr)
            auto;

        gap: 9px;
    }


    .vorik-milestone-alert__distance {
        display: none;
    }
}


/* ==========================================================
   MAP-06.7 — DRIVER TRACKING HEALTH
   ========================================================== */

.vorik-tracking-health {
    display: grid;

    grid-template-columns:
        auto
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 10px;

    margin-top: 13px;

    padding:
        10px
        12px;

    border:
        1px solid
        rgba(10, 93, 165, 0.10);

    border-radius: 15px;

    background:
        rgba(243, 249, 255, 0.96);
}


.vorik-tracking-health[hidden] {
    display: none !important;
}


.vorik-tracking-health__signal {
    display: inline-flex;

    align-items: flex-end;

    gap: 2px;

    width: 21px;
    height: 20px;
}


.vorik-tracking-health__signal span {
    width: 4px;

    border-radius: 999px;

    background: #1680ee;

    transition:
        height 180ms ease,
        opacity 180ms ease,
        background 180ms ease;
}


.vorik-tracking-health__signal span:nth-child(1) {
    height: 7px;
}


.vorik-tracking-health__signal span:nth-child(2) {
    height: 12px;
}


.vorik-tracking-health__signal span:nth-child(3) {
    height: 18px;
}


.vorik-tracking-health__content {
    display: grid;

    gap: 2px;

    min-width: 0;
}


.vorik-tracking-health__content strong {
    overflow: hidden;

    color: #173b5e;

    font-size: 10px;
    font-weight: 900;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-tracking-health__content small {
    overflow: hidden;

    color: #71859a;

    font-size: 8px;
    font-weight: 650;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.vorik-tracking-health__age {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 43px;

    padding:
        4px
        7px;

    border-radius: 999px;

    background: #ffffff;

    color: #0754aa;

    font-size: 9px;
    font-weight: 900;
}


.vorik-tracking-health.is-live
.vorik-tracking-health__signal span {
    animation:
        vorik-tracking-health-live
        1.3s
        ease-in-out
        infinite alternate;
}


.vorik-tracking-health.is-live
.vorik-tracking-health__signal span:nth-child(2) {
    animation-delay:
        120ms;
}


.vorik-tracking-health.is-live
.vorik-tracking-health__signal span:nth-child(3) {
    animation-delay:
        240ms;
}


.vorik-tracking-health.is-slow {
    border-color:
        rgba(222, 139, 12, 0.16);

    background:
        rgba(255, 249, 235, 0.97);
}


.vorik-tracking-health.is-slow
.vorik-tracking-health__signal span {
    background: #e79a16;
}


.vorik-tracking-health.is-slow
.vorik-tracking-health__signal span:nth-child(3) {
    opacity: 0.22;
}


.vorik-tracking-health.is-slow
.vorik-tracking-health__age {
    color: #9c6000;
}


.vorik-tracking-health.is-lost {
    border-color:
        rgba(206, 55, 71, 0.15);

    background:
        rgba(255, 243, 245, 0.97);
}


.vorik-tracking-health.is-lost
.vorik-tracking-health__signal span {
    height: 5px;

    background: #d83b50;

    opacity: 0.35;

    animation: none;
}


.vorik-tracking-health.is-lost
.vorik-tracking-health__age {
    color: #b11c34;
}


@keyframes vorik-tracking-health-live {

    from {
        opacity: 0.55;

        transform:
            scaleY(0.78);
    }

    to {
        opacity: 1;

        transform:
            scaleY(1);
    }
}