@use "../variable" as *;

.rbfb-top-level-wrapper {
    .rbfb-profile-card--active {
        box-shadow: inset 0 3px 0 $primary;
    }

    .rbfb-profile-card--lost {
        box-shadow: inset 0 3px 0 $error;
    }

    .rbfb-profile-card-status {
        position: relative;

        &::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 100%;
            background: linear-gradient(to left, $white, transparent);
            pointer-events: none;
            z-index: 1;
        }

        &__info {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            z-index: 2;
        }
    }
}
