body {
font-size: 14px;
line-height: 1.5;
}

.theme-default {
background: #090a0a;
}

.media-gallery__item-thumbnail img:not([alt]),
.audio-player__canvas:not([title]),
.video-player video:not([title]), 
.media-gallery__gifv video:not([title]) {
border: 2px dashed red;
box-sizing: border-box;
}

.media-gallery__item-thumbnail {
position: relative;
}

.media-gallery__item-thumbnail:has(img:not([alt]))::after{
background-color: red;
content: "Image has no description";
display: block;
color: black;
padding: 1em;
position: absolute;
right: 0;
top: 0;
}

.display-name__account,
.icon-button { 
color: #49b2ff;
}

.display-name__html {
font-weight: 600;
color: #000000;
}

.theme-mastodon-light .display-name__account,
.theme-mastodon-light .icon-button { 
color: #444b5d;
}

.reply-indicator__display-name .display-name__account {
color: #000000;
}

.icon-button:hover,
.icon-button:focus {
color: #d1deff;
}

.theme-mastodon-light .icon-button:hover,
.theme-mastodon-light .icon-button:focus {
color: #212121;
}

button:focus,
textarea:focus {
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #242c38;
outline: 2px solid transparent;
}

.reply-indicator__content a {
color: #000000;
font-weight: 600;
text-decoration: underline;
}

.icon-button.inverted {
color: #000000;
}

.icon-with-badge__badge {
background: #00ffdc;
border-radius: 4px;
border: 2px solid transparent;
color: #000;
font-size: 12px;
font-weight: 700;
left: 9px;
line-height: 1.2;
padding: 1px 3px;
top: -18px;
}

/* Remove overflow: hidden from these elements to allow for focus ring to show */
.compose-form .compose-form__publish .compose-form__publish-button-wrapper,
.reply-indicator__content, .status__content,
.navigation-bar__profile,
.column-header,
.notification__message>span,
.status__prepend>span,
.account__header__tabs,
.account__header__tabs__buttons,
.account__header__fields dd, .account__header__fields dt {
overflow: visible;
}

.item-list {
    margin: 2px;
}

.muted .status__content p,
.muted .status__display-name strong,
.status__relative-time,
.muted .status__content a,
.status__prepend,
.status__prepend .status__display-name strong,
.display-name__html {
color: #9baec8;
}

.status__display-name,
.conversation__content__names a,
.notification__display-name {
text-decoration: underline;
}

.account__header__account-note textarea {
border: 1px solid #9aa8b5;
}