ul {
    padding: 0;
    list-style: none;
}

#comment-form {
    display: none;
}

#activity {
    margin: .5em .5em;
    position: relative;
}

    .panel .loading #activity {
        height: 100px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .panel .loading #activity::before {
        content: "";
        display: block;
        width: 40px;
        height: 40px;
        border: 4px solid var(--race-panel-border);
        border-top-color: var(--race-primary);
        border-radius: 50%;
        animation: race-spin 0.6s linear infinite;
    }
        .panel .loading #activity * {
            display: none;
        }

    .activity .clearfix {
        clear: both;
    }

    .activity {
        margin-top: .5em;
        border: 1px solid var(--race-panel-border);
        border-radius: var(--race-radius-sm);
        overflow: hidden;
    }
        .activity:first-child {
            margin-top: 0;
        }

    .activity.panel-block {
        background: none;
        border: none;
        padding: 0;
        margin: 0 0 .75em 0;
        clear: both;
        position: relative;
    }

    .activity .activity-header {
        background-color: var(--race-activity-header);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        color: var(--race-on-primary);
        padding: .25em .5em;
        overflow: hidden;
        line-height: var(--race-leading-normal);
    }

    .activity.activity-donation .activity-header { background-color: var(--race-activity-donation); }
    .activity.activity-registrant .activity-header { background-color: var(--race-activity-donation); }
    .activity.activity-volunteer .activity-header { background-color: var(--race-activity-volunteer); }
    .activity.activity-chat .activity-header { background-color: var(--race-activity-chat); }

        .activity .activity-header .username {
            font-weight: bold;
            color: var(--race-on-primary);
        }

        .activity .activity-header .team {
            vertical-align: baseline;
            color: var(--race-on-primary);
            font-weight: normal;
        }

        .activity .activity-header .time {
            width: auto;
            color: var(--race-on-primary);
            text-align: right;
        }

        .activity-header .right {
            float: right;
        }

        .activity a.share {
            color: var(--race-on-primary);
        }

    .activity .activity-content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.5em;
        padding: .5em;
        background: var(--race-panel-content-bg);
        border: 1px solid var(--race-panel-border);
        border-top: none;
        border-bottom: none;
    }

        .activity-content .avatar {
            flex-shrink: 0;
            width: 80px;
            height: 80px;
            overflow: hidden;
            line-height: 0;
            position: relative;
        }

            .activity-content .avatar img {
                width: 80px;
                box-sizing: border-box;
                min-height: 80px;
                position: absolute;
            }
            .activity-content .avatar [class^="icon-"]:before {
                color: #7f6c2d;
                font-size: 4em;
            }

        .activity-content .street-view {
            position: relative;
            flex-shrink: 0;
            width: 70px;
            height: 70px;
            margin-left: auto;
            cursor: pointer;
        }
            .activity-content .street-view.haspin:after {
                position: absolute;
                top: -12px;
                right: -15px;
                width: 54px;
                height: 54px;
                content: " ";
                display: block;
                background: url("../img/pin.3377274654f4.png") center center;
                background-size: cover;
            }

            .activity-content .street-view img {
                height: 100%;
                width: 100%;
                border-radius: .7em;
                opacity: .7;
            }
            .activity-content .street-view:hover img {
                opacity: .5;
            }

        #street-view-modal {
            max-width: 420px;
        }

        .street-view-modal-header {
            text-align: center;
        }

        .activity-content .distance {
            width: 100%;
            text-align: center;
            white-space: normal;
        }

            .activity-content .distance .number {
                font-family: var(--race-font-display);
                font-size: 3em;
                font-weight: 700;
                line-height: 1em;
                display: block;
                padding-top: .15em;
                color: var(--race-mileage-accent);
            }

            .activity-content .distance .unit {
                font-size: 1.3em;
                line-height: 1em;
            }
                .activity-donation .distance .unit,
                .activity-registrant .distance .unit {
                    font-size: 1.1em;
                }

        .activity-content > .comment {
            width: 100%;
            padding: .5em .5em 0 0;
            font-size: var(--race-text-lg);
            color: var(--race-text);
        }

        .activity-content .image {
            position: relative;
            height: 80px;
            width: 192px;
            margin: .5em auto 0;
            cursor: pointer;
            overflow: hidden;
        }
            .activity-content .image:after {
                display: block;
                content: " ";
                width: 0;
                height: 0;
                position: absolute;
                right: 0;
                top: 0;
                border-left: 30px solid transparent;
                border-top: 30px solid rgba(255,255,255,.85);
            }
            .activity-content .image img {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                width: 100%;
                cursor: pointer;
                transition: .6s opacity;
            }
                .activity-content .image:hover img {
                    opacity: .7;
                    transition: .15s opacity;
                }

    .activity .activity-meta {
        background: var(--race-panel-content-bg);
        font-size: var(--race-text-sm);
    }

    .activity [class^="flaticon-"]:before,
    .activity [class*=" flaticon-"]:before {
        margin-left: 0;
        vertical-align: middle;
    }

        .activity-meta .actions {
            float: left;
            margin-top: 0.5em;
            margin-right: 0.2em;
        }

            .activity-meta .actions a {
                margin-right: 0.5em;
            }

        .activity .activity-meta .interaction {
            border: 1px solid var(--race-panel-border);
            border-top-width: 0;
            border-bottom-width: 0;
            padding: .5em;
            clear: both;
        }
        .activity .activity-meta {
            border-bottom: 1px solid var(--race-panel-border);
        }
        .activity .activity-meta .interaction-achievements {
            padding-top: 0;
        }
        .activity .activity-meta .interaction-likes {
            border-top-width: 1px;
        }

            .activity .activity-meta .interaction-likes .avatar {
                text-align: center;
            }

            .activity .activity-meta .interaction-likes > .avatar {
                padding-top: .3em;
            }

            .activity .activity-meta .interaction-likes .more-likes {
                height: 32px;
                overflow-y: hidden;
            }

            .activity .activity-meta .interaction.interaction-likes .interaction-content .avatar.btn-show-all-likes  {
                width: auto;
                min-height: 32px;
                line-height: 32px;
                text-align: left;
                margin: 0;
                display: none;
            }

            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar {
                display: none;
            }

            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar:nth-child(1),
            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar:nth-child(2),
            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar:nth-child(3),
            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar:nth-child(4),
            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar:nth-child(5),
            .activity .activity-meta .interaction.interaction-likes .interaction-content.more-likes .avatar.btn-show-all-likes {
                display: block;
            }
            @media (max-width:320px) {
            .activity .activity-meta .interaction.interaction-likes .interaction-content .avatar.btn-show-all-likes  { width:22px; }
            .activity .activity-meta .interaction .interaction-content .avatar:nth-child(n+6) { margin-top: 5px; }
            }
            @media (min-width:321px) and (max-width:371px) {
            .activity .activity-meta .interaction .interaction-content .avatar:nth-child(n+7) { margin-top: 5px; }
            }
            @media (min-width:372px) and (max-width:408px) {
            .activity .activity-meta .interaction .interaction-content .avatar:nth-child(n+8) { margin-top: 5px; }
            }
            @media (min-width:409px) and (max-width:445px) {
            .activity .activity-meta .interaction .interaction-content .avatar:nth-child(n+9) { margin-top: 5px; }
            }
            @media (min-width:446px) and (max-width:480px) {
            .activity .activity-meta .interaction .interaction-content .avatar:nth-child(n+10) { margin-top: 5px; }
            }
            @media (min-width:481px) {
            .activity .activity-meta .interaction .interaction-content .avatar:nth-child(n+7) { margin-top: 5px; }
            }

            .activity .activity-meta .interaction-replies {
                border-left: 1px solid var(--race-panel-border);
                margin-left: 15px;
            }

            .activity .activity-meta .interaction-replies .interaction-comment {
                border: none;
                padding-right: 0;
            }

            .activity .activity-meta .interaction > .avatar {
                float: left;
                width: 32px;
                margin: 0;
                display: inline-block;
                overflow: hidden;
            }

            .activity .activity-meta .interaction .interaction-content .avatar {
                width: 32px;
                height: auto;
                margin: 0 5px 0 0;
                float: left;
                overflow: hidden;
            }

            .activity .activity-meta .interaction .avatar a {
                display: block;
            }

            .activity .activity-meta .interaction .avatar img,
            .activity .activity-meta .interaction .interaction-content .avatar img {
                width: 100%;
                border: 1px solid var(--race-input-border);
                box-sizing: border-box;
                display: block;
            }

            .activity .activity-meta .interaction-content {
                margin-left: 40px;
                min-height: 32px;
            }
                .activity .activity-meta .interaction-likes .interaction-content {
                    margin-left: 80px;
                }

                .activity .activity-meta .interaction-achievements .interaction-content {
                    position: relative;
                    margin-left: 0;
                    top: .3em;
                }
                    .activity .activity-meta .interaction-achievements .interaction-content.multiple {
                        position: static;
                    }

        .activity-meta .interaction-comment .actions {
            margin: 0;
            float: right;
            visibility: hidden;
        }

        .activity-meta .interaction-comment:hover .interaction-content > .actions {
            visibility: visible;
        }

    .activity .content,
    .activity .extra {
        padding: .5em;
        background: var(--race-panel-content-bg);
    }
        .activity .backing,
        .activity .time,
        .activity .name,
        .activity .distance {
            color: var(--race-text);
        }
            .activity .team {
                font-size: .8em;
                vertical-align: top;
            }
            .activity .time {
                display: inline-block;
                width: 2.5em;
            }

        .activity .content > .comment,
        .activity .extra .comment,
        .activity .actions,
        .activity .meta {
            font-size: .85em;
            position: relative;
        }

        .activity .content > .comment,
        .activity .extra .comment {
            margin-top: .45em;
            color: var(--race-text-muted);
        }
            #chat-list .activity .activity-content .comment {
                margin-top: 0;
                font-weight: 400;
                font-size: 1.05em;
            }

        #chat-list .activity .time {
            white-space: nowrap;
            display: inline;
            color: inherit;
        }

        .activity .interaction-content > .comment.long_comment {
            position: relative;
            height: 2.7em;
            overflow-y: hidden;
        }
        .activity .interaction-content > .comment.long_comment:before {
            content: '... see more';
            position: absolute;
            right: 0;
            top: 1.5em;
            cursor: pointer;
            background-color: var(--race-panel-content-bg);
            font-size: .95em;
            font-weight: bold;
        }
        .activity .content > .comment.long_comment,
        .activity .extra .comment.long_comment {
            height: 2.9em;
            width: 20.0em;
            overflow: hidden;
            word-break: break-word;
        }
        .activity .content > .comment.long_comment:before,
        .activity .extra .comment.long_comment:before {
            content: '...';
            position: absolute;
            cursor: pointer;
            top: 19px;
            right: 54px;
            background-color: var(--race-success-bg);
            font-weight: bold;
        }
        .activity .content > .comment.long_comment:after,
        .activity .extra .comment.long_comment:after {
            content: 'See More';
            position: absolute;
            cursor: pointer;
            top: 19px;
            right: 0;
            background-color: var(--race-success-bg);
            font-weight: bold;
            font-size: .95em;
            width: 54px;
            height: 20px;
            text-align: center;
        }

        .activity a,
        #about-race a {
            color: var(--race-link);
            font-weight: bold;

            opacity: 1;
            text-decoration: none;

            transition: opacity .6s;
        }
            .activity a:hover,
            #about-race a:hover {
                opacity: .7;

                transition: opacity .15s;
            }

        .activity .actions {
            color: var(--race-text-muted);
        }
            .activity .actions a {
                font-weight: normal;
            }

        .activity .result-image img {
            max-width: 100%;
            height: 48px;
            cursor: pointer;
        }

        .activity .runner-link .spectator {
                position: absolute;
                background-image: url("../img/megaphone-80x80-v2.222803e9002f.png");
                height: 80px;
                width: 80px;
                background-size: 100%;
        }

    .activity .extra {
        background: var(--race-success-bg);
        border-top: 1px solid var(--race-panel-border);
    }


    .meta {
        padding-left: 30px;
    }
        .meta.comment {
            padding-left: 0;
        }
        .meta + .meta {
            margin-top: .3em;
        }
        .meta.comment.second_part {
            display: none;
        }

        .meta.comment a:not(:first-child) {
            font-weight: normal;
        }

    .meta [class^=flaticon] {
        margin: 0 5px 0 -30px;
    }
        .meta [class^=flaticon]:before {
            display: inline-block;
            width: 18px;
            margin-left: 0;

            font-size: 18px;
            line-height: 18px;
            vertical-align: middle;
            text-align: center;
        }
            .meta [class^=flaticon-overtake]:before {
                font-size: 15px;
            }
            .meta [class^=flaticon-back-after]:before {
                position: relative;
                top: -1px;

                font-size: 19px;
            }
            .meta [class^=flaticon-finished]:before {
                position: relative;
                left: 1px;
                top: -1px;

                font-size: 19px;
            }

    .flaticon-longest-weekly { color: var(--race-achievement-silver); } /* silver */
    .flaticon-longest-monthly { color: var(--race-achievement-bronze); } /* bronze */
    .flaticon-longest-total { color: var(--race-achievement-gold); } /* gold */
    .flaticon-streak-max { color: var(--race-achievement-streak-max); }
    .flaticon-streak { color: var(--race-achievement-streak); }
    .flaticon-overtake { color: var(--race-achievement-overtake); }
    .flaticon-like, .flaticon-like-outline { color: var(--race-achievement-like); }
    .flaticon-back-after { color: var(--race-achievement-return); }

    .meta.achievement.finished {
        margin-left: -8px;
        padding: 3px 0 2px 38px;

        background: rgba(235,217,123,.9);
    }

    .actions .chat-like.loading,
    .actions .like.loading {
        color: transparent;
        cursor: default;
        position: relative;
    }
    .actions .chat-like.loading::after,
    .actions .like.loading::after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 12px;
        height: 12px;
        border: 2px solid var(--race-panel-border);
        border-top-color: var(--race-primary);
        border-radius: 50%;
        animation: race-spin 0.6s linear infinite;
    }
    .actions .chat-like.loading::after {
        top: 50%;
        left: 50%;
        margin-top: -6px;
        margin-left: -6px;
    }
    .actions .chat-like.loading [class^="flaticon-"]:before,
    .actions .like.loading [class^="flaticon-"]:before {
        opacity: 0;
    }

    .actions .popup {
        position: absolute;
        left: -6px;
        top: -52px;

        padding: 0.2em 0.5em;

        font-size: 0.85em;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    }
    .actions .popup.like-popup {
        left: 28px;
    }
    .interaction-comment .actions .popup {
        left: -35px;
    }
        .actions .popup .triangle {
            position: absolute;
            bottom: -10px;
            display: block;
            border-color: rgb(242, 222, 222) transparent transparent;
            border-width: 10px 10px 0px;
            border-style: solid;
            left: 7px;
        }
        .interaction-comment .actions .popup .triangle {
            left: 38px;
        }

    .comment-form {
        margin: 0.5em 0.5em;
        clear: both;
    }
        .comment-form label {
            font-weight: bold;
            font-size: 1.05em;
        }
        .comment-form textarea,
        .log-miles-form textarea,
        .log-miles-form #field_location input[type=text] {
            display: block;
            max-width: 100%;
            min-width: 100%;
            width: 100%;

            padding: .1em .3em;

            border: 1px solid var(--race-input-border);
            color: var(--race-text);

            box-sizing: border-box;
        }
        .log-miles-form #field_location input[type=text] {
            display: none;
            clear: both;
        }
        form [class^=button],
        .error.warning button,
        .error.warning .button {
            display: inline-block;
            padding: .2em;
            margin-top: .4em;

            border: none;
            border-radius: 2px;
            text-shadow: 1px 1px 1px rgba(0,0,0,0);

            cursor: pointer;
            transition: background-color .6s, text-shadow .6s, border-color .6s;
        }

            form .button-submit,
            form .button-cancel {
                width: 4em;
            }
            form .button-submit {
                background: var(--race-segment-selected);
                border: 1px solid transparent;
                border-width: 1px 0;
                color: var(--race-on-primary);
                font-weight: bold;
            }
            form .button-cancel {
                background: var(--race-panel-content-bg);
                border: 1px solid var(--race-input-border);

                float: right;
            }

            form button:hover {
                text-shadow: 1px 1px 1px rgba(0,0,0,.1);
                transition: background-color .3s, text-shadow .3s, border-color .3s;
            }
                form .button-submit:hover {
                    background: var(--race-accent);
                }
                form .button-cancel:hover {
                    background: var(--race-input-hover-bg);
                    border-color: var(--race-panel-border);
                }

            form.loading button,
            form.loading button:hover {
                cursor: default;
                opacity: .7;
                text-shadow: 1px 1px 1px rgba(0,0,0,0);
            }
                form.loading .button-submit:hover {
                    background: var(--race-segment-selected);
                }
                form.loading .button-cancel:hover {
                    background: var(--race-panel-content-bg);
                    border: 1px solid var(--race-input-border);
                }

            .comment-form .error {
                margin-top: .3em;
            }
                .comment-form .error button {
                    position: relative;
                    top: -1px;

                    padding: .3em 0;

                    background: var(--race-error-bg);
                    border: 1px solid var(--race-error-border);
                }
                    .comment-form .error button:hover {
                        background: var(--race-error-bg);
                    }

    .error.warning button,
    .error.warning .button {
        margin: 0;
        padding: .1em .3em;

        background: var(--race-input-disabled-bg);
        border: 1px solid var(--race-panel-border);
        color: var(--race-input-text);

        text-decoration: none;
    }
        .error.warning button:hover,
        .error.warning .button:hover {
            background: var(--race-input-hover-bg);
            border-color: var(--race-input-border);
            color: 888;
        }

#gallery_photos .image {
    width: 100%;
    height: auto;
}

#gallery_photos .image img {
    top: unset;
    transform: none;
}

.disabled-link {
    pointer-events: none;
    cursor: default;
    opacity: 0.3 !important;
}

.flaticon-share:before {
    font-size: 0.9em;
    margin-left: 0;
}

.dropdown-menu.share-menu {
    right: 62px;
}

.activity-header .dropdown-menu.share-menu {
    right: -5px;
    display: none;
}

.activity .image-generator-spinner {
    position: absolute;
    width: 100%;
    height: calc(100% - 5px);
    top: 0;
    left: 0;
    background: var(--race-panel-border);
    opacity: 0.8;
    z-index: 9999;
    padding-top: 5px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

#street-view-container {
    display: none;
}

.street-view-user {
    font-size: 1em;
}

.street-view-location {
    font-size: 0.5em;
}

.street-view-header {
    text-align: center;
}

.street-view-footer {
    text-align: center;
    padding: 1em !important;
}

.street-view-footer .street-view-race {
    margin-bottom: 0.5em;
}

.street-view-footer .street-view-logos .street-view-race-logo {
    float: left;
    background-image: url("../img/sponsored_by.fcb600f9389b.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.street-view-footer .street-view-logos .street-view-race-logo img {
    width: 86px;
    height: 40px;
    position: relative;
    top: 10px;
}

.street-view-footer .street-view-logos .street-view-racery-logo {
    text-align: right;
}

.street-view-footer .street-view-logos .street-view-racery-logo {
    height: 55px;
}

.street-view-footer .street-view-logos .street-view-racery-logo img,
.street-view-footer .street-view-logos .street-view-race-logo {
    width: 120px;
    height: 55px;
}

.street-view-map {
    height: 250px;
    text-align: center;
}

@media (max-width:320px) {
    .street-view-map { height: 150px; }
}
@media (min-width:321px) and (max-width:371px) {
    .street-view-map { height: 170px; }
}
@media (min-width:372px) and (max-width:408px) {
    .street-view-map { height: 190px; }
}
@media (min-width:409px) and (max-width:445px) {
    .street-view-map { height: 210px; }
}
@media (min-width:446px) and (max-width:480px) {
    .street-view-map { height: 230px; }
}
@media (min-width:481px) {
    .street-view-map { height: 250px; }
}

.street-view-attribution {
    text-align: right;
    font-size: 0.7em;
}

.street-view-map .gm-style-cc {
    display: none;
}

.street-view-missing {
    font-size: 0.8em;
    padding: 0.5em;
}

.milestone-award-container {
    width: 100%;
    margin: 0.5em auto;
}

.milestone-award-container img {
    width: 100%;
    margin: 0.5em auto;
}

.activity .milestone-award-image {
    width: 100%;
    margin: 0.5em auto;
}
.activity .milestone-award-image img {
    width: 100%;
}

.activity .comment-unit {
    font-size: 0.8em;
    font-weight: bold;
}

#gallery_photos .activity .comment-unit {
    display: none;
}

.activity .comment.has-meta .comment-unit {
    padding-bottom: 6px;
}

.srsdiv {
     border-bottom: var(--race-input-border) 1px solid;
     margin: 0.2em 0;
}

.activity .comment-unit hr {
    display: none;
}

.highlightable.highlighted {
    background: rgba(255, 255, 0, 0.5);
    transition: none;
}

.highlightable.highlighted .activity-content,
.highlightable.highlighted .content {
    background: transparent;
    transition: none;
}

.highlightable,
.highlightable .content {
    transition: background 3s ease-out;
}

.atwho-view li .count {
    float: right;
    margin-left: 1em;

    font-size: .85em;
    line-height: 1.7;
    opacity: .5;
}

/* autocomplete suggestions */
.atwho-view ul li img {
    height: 1.45em;
    width: 1.45em;

    vertical-align: middle;
}

/* top hashtag panel */
.race-affiliations.info,
#top-hashtags {
    position: relative;
    left: -1px;
    margin: .5em;

    background: var(--race-panel-content-bg);
    border-radius: .3em;
    border: 1px solid var(--race-accent-20);
    font-size: .95em;
    text-align: left;
}
.race-affiliations.info {
    background: var(--race-panel-content-bg) !important;
    font-size: .95em !important;
    text-align: left !important;
}

#download-as-image-container {
    margin: 0;
    text-align: left;
    border: none;
    font-size: 0.91em;
    line-height: normal;
}

.download-as-image {
    display: none;
}

@media (max-width: 320px) {
    .race-affiliations.info,
    #top-hashtags {
        margin: .5em 0;
    }
}

    .user-affiliations a,
    .team-affiliations a,
    a.affiliation-link,
    .race-affiliations.info a,
    #top-hashtags a {
        color: var(--race-text);
        text-decoration: underline;
    }
        .user-affiliations a:hover,
        .team-affiliations a:hover,
        a.affiliation-link:hover,
        .race-affiliations.info a:hover,
        #top-hashtags a:hover {
            opacity: .7;
            transition: opacity .15s;
        }

    .race-affiliations.info h4 {
        margin: .3em 0 .5em;
        font-size: 1.1em;
        text-align: center;
    }

    .race-affiliations.info.closed .expanding-view,
    .race-affiliations.info.closed .compact-view,
    #top-hashtags.closed .compact-view {
        height: 1.25em;
        overflow: hidden;
    }

    #top-hashtags .see-less,
    #top-hashtags .see-all {
        display: none;
        position: absolute;
        right: .4em;
        top: .46em;
        padding-left: .15em;

        background: var(--race-panel-content-bg);
        cursor: pointer;
    }
        .race-affiliations.info.has-title .see-all {
            top: 2.81em;
        }
        #top-hashtags.has-more-hashtags.closed .see-all {
            display: block;
        }
        #top-hashtags.has-more-hashtags:not(.closed) .see-less {
            display: block;
        }
        .race-affiliations.info .see-all:hover,
        #top-hashtags .see-less:hover,
        #top-hashtags .see-all:hover {
            text-decoration: underline;
        }

    .race-affiliations.info .see-all {
        display: block;
        position: absolute;
        right: .4em;
        top: .46em;
        padding-left: .15em;

        background: var(--race-panel-content-bg);
        cursor: pointer;
    }
    .race-affiliations.info.closed .detail-view,
    .race-affiliations.info .compact-view {
        display: none;
    }
    .race-affiliations.info.closed .expanding-view,
    .race-affiliations.info.closed .compact-view {
        display: block;
    }