<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Alt-text for the Publish button */

.compose-form__publish-button-wrapper button {
    visibility: hidden;
}

.button.button--block:hover:before {
    background-color: #6364ff;
}

/* Alt-text for the reason to join application's section */

label[for="user_invite_request_attributes_text"] {
    visibility: hidden;
    position: relative;
}

label[for="user_invite_request_attributes_text"]:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content:'Please add a reason to join and links to your social media or projects';
}
label[for="user_invite_request_attributes_text"] + .hint {
    visibility: hidden;
    position: relative;
}

label[for="user_invite_request_attributes_text"] + .hint:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content:'This will help us to make sure you share the same interests with our community members.';
}

/* Direct messages red icon */

.fa[title="Mentioned people only"]::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    content: '';
    display: inline-block;
    background: #f15f5a;
    order: 1;
    animation: pulse-animation 2s infinite;
}

.fa[title="Mentioned people only"]::before {
    order: 2;
}

.fa[title="Mentioned people only"] {
    color: #f15f5a;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transform: translateY(-2px);
}

.status-direct .status__relative-time {
    color: #f15f5a;
    display: inline-flex;
    align-items: center;
}

.status__visibility-icon {
    display: inline-flex;
    align-items: center;    
    padding-top: 0;
    margin-top: 0;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(241, 95, 90, 0.5);
  }
    
  100% {
    box-shadow: 0 0 0 10px rgba(241, 95, 90, 0);
  }
}

</pre></body></html>