/* line 12, static/scss/variables.scss */
:root {
  --color-primary: #002e5a;
  --color-secondary: #fe6d73;
  --color-tertiary: #fde21c; }

/* line 3, static/user/scss/profile-content.scss */
.cover-picture {
  position: relative; }
  /* line 6, static/user/scss/profile-content.scss */
  .cover-picture .remove-cover-pic {
    padding: 3px 8px;
    background-color: #fe3d6c;
    color: #ffffff;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    font-size: 14px; }
  /* line 17, static/user/scss/profile-content.scss */
  .cover-picture img {
    max-height: 200px;
    object-fit: cover;
    width: 100%; }

/* line 25, static/user/scss/profile-content.scss */
.notification .notification-message {
  color: inherit;
  margin-right: 2%;
  width: 68%; }
  /* line 30, static/user/scss/profile-content.scss */
  .notification .notification-message .alert-link {
    color: var(--color-primary); }

/* line 35, static/user/scss/profile-content.scss */
.notification .notification-date {
  color: inherit;
  width: 20%; }

/* line 40, static/user/scss/profile-content.scss */
.notification .notification-actions {
  color: inherit;
  width: 10%; }
  /* line 44, static/user/scss/profile-content.scss */
  .notification .notification-actions span {
    cursor: pointer; }