/* --- Revolut -------------------------------------------------------------- */
.f-open-rv {
    background: #191c1f;
    color: #fff;
}

.f-open-rv .f-back {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.f-open-rv .f-flash {
    background: #fff;
    color: var(--f-ink);
}

.f-open-rv .f-cta {
    background: #191c1f;
    border-top-color: #2b3036;
}

.f-open-rv .f-cta a {
    background: #fff;
    color: #191c1f;
}

.rv-hero {
    text-align: center;
    padding: 14px 0 22px;
}

.rv-av {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto;
    display: grid;
    place-items: center;
    font-size: 30px;
    font-weight: 800;
    color: #191c1f;
    background: linear-gradient(160deg, #dfe7ff, #a9b8ff);
}

.rv-title {
    margin: 18px 0 0;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.15;
}

.rv-sub {
    margin: 10px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
}

.rv-card {
    background: #24282c;
    border-radius: 18px;
    padding: 4px 14px;
    margin-top: 10px;
}

.rv-card-media {
    padding: 6px;
}

.rv-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 14px;
}

.rv-row:first-child {
    border-top: 0;
}

.rv-row > span:not(.rv-ic) {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    flex: none;
}

.rv-row b {
    margin-left: auto;
    text-align: right;
    font-weight: 800;
    min-width: 0;
}

.rv-ic {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    display: grid;
    place-items: center;
    font-size: 16px;
    flex: none;
}

.rv-ref {
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    word-break: break-word;
}

.rv-h2 {
    margin: 22px 4px 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

.rv-media {
    display: block;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
    background: #2e3338;
}

.rv-media .f-media-text {
    padding: 14px 16px;
    font-size: 15px;
    font-weight: 600;
}

.rv-media .f-media-link {
    margin: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.rv-media audio {
    padding: 10px;
}

.rv-note {
    margin: 0;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
}

.rv-acts {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.rv-act {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #24282c;
    border-radius: 999px;
    padding: 13px 10px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.rv-act i {
    font-style: normal;
    font-size: 15px;
    color: #8aa0ff;
}