/* Hero Checkpoint r010: Riveted Echo Seal. */

[data-roe-component='ledger'][data-roe-revision='r010'] .roe-hud-social-auth-actions {
    padding-top: var(--roe-space-3);
}

[data-roe-component='ledger'][data-roe-revision='r010'] .roe-hud-social-provider[data-last-used='true'] {
    border-color: var(--roe-aged-bronze-bright);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--roe-moonbone) 16%, transparent) inset,
        0 0 0 2px color-mix(in srgb, var(--roe-black-iron) 58%, transparent) inset,
        0 2px 4px color-mix(in srgb, var(--roe-black-iron) 58%, transparent),
        0 0 0 1px color-mix(in srgb, var(--roe-aged-bronze-bright) 22%, transparent);
}

[data-roe-component='ledger'][data-roe-revision='r010'] .roe-hud-social-provider[data-last-used='true']::after {
    position: absolute;
    z-index: 1;
    top: calc(-1 * var(--roe-space-3));
    right: var(--roe-space-2);
    min-width: 88px;
    padding: var(--roe-space-1) var(--roe-space-2);
    border: 1px solid var(--roe-aged-bronze-bright);
    border-radius: var(--roe-radius-xs);
    color: var(--roe-ancient-gold);
    background: var(--roe-black-iron);
    box-shadow:
        0 1px 0 color-mix(in srgb, var(--roe-moonbone) 10%, transparent) inset,
        0 2px 3px color-mix(in srgb, var(--roe-black-iron) 54%, transparent);
    content: '•  Last used  •';
    font: 800 var(--roe-font-size-caption)/1 var(--roe-display);
    letter-spacing: 0.5px;
    text-align: center;
    text-shadow: 0 1px 1px var(--roe-black-iron);
    text-transform: uppercase;
}

[data-roe-component='ledger'][data-roe-revision='r010'] .roe-hud-last-used-note {
    display: none;
}