:root {
	--background-border-color: #000000;
}

body.app-body.theme-default.layout-multiple-columns div.column {
width: clamp(460px,(100% - 350px) / 4,400px);
}
body.theme-default {
background-color: #161616 !important;
}

body.app-body.theme-default.layout-multiple-columns div.column[role="region"][aria-label="Home"] {
background-color: #000;
}

body.app-body.theme-default.layout-multiple-columns div.column article{
padding:0px 20px 10px 10px;
}

/* notifications */

body.theme-default .notification-group--unread, body.theme-default .notification-ungrouped--unread {
	background-color: #000 !important;
}

body.theme-default .notification-group--unread:before {
	-webkit-border-start: none !important;
	border-inline-start: none  !important;
}
body.theme-default .notification-ungrouped--unread:before {
	-webkit-border-start: none !important;
	border-inline-start: none  !important;
}

/* notifications ends */

/* scrollbar stuff */

@supports not selector (:: -webkit-scrollbar) {
    html {
        scrollbar-color:#252525 var(--background-border-color)
    }
}

.custom-scrollbars ::-webkit-scrollbar {
    width: 8px;
    height:8px
}

.custom-scrollbars ::-webkit-scrollbar-thumb {
    background-color: #252525;
    border: 2px var(--background-border-color);
    border-radius: 12px;
    width: 6px;
    box-shadow:inset 0 0 0 2px var(--background-border-color)
}

.custom-scrollbars ::-webkit-scrollbar-thumb:hover {
    background-color: #333333;
    border: 2px var(--background-border-color);
    border-radius: 12px;
    width: 6px;
    box-shadow:none;
}

.custom-scrollbars ::-webkit-scrollbar-track {
    background-color: var(--background-border-color);
    border-radius:0
}

/* scrollbar stuff ends */

/* links */

body.theme-default a {
color: #989bb9 !important;
}

body.theme-default .status__content a.unhandled-link, body.theme-default .edit-indicator__content a.unhandled-link, body.theme-default .reply-indicator__content a.unhandled-link {
color: #dec233 !important;
}
body.theme-default .account__header__bio .account__header__fields dd {
color: #989bb9  !important;
}

/* links end */

div.drawer__inner__mastodon img {
 width: 100%;
}

body.theme-default .drawer__inner .drawer__inner__mastodon {
background-color: #161616 !important;
}

.compose-form__highlightable {
background-color: #FFF;
color: #212121;
}
div.compose-form__highlightable textarea.autosuggest-textarea__textarea {
background-color: #FFF !important;
color: #212121;
}

.column>.scrollable {
border: 0px !important;
}


.status__content p, .edit-indicator__content p, .reply-indicator__content p {
margin-bottom: 0.7em !important;
}

.status{
margin-bottom: 25px !important;
}

.status__action-bar {
margin-top: 10px;
}

/* images and action buttons */ 

.media-gallery {
outline-offset: 0px !important; 
border-radius: 0px !important;
}

.media-gallery__item {
outline-offset: 0px !important; 
border-radius: 0px !important;
}

.media-gallery__item__badges {
opacity: 15% !important;
}
.media-gallery__item__badges:hover {
opacity: 100% !important;
}
.media-gallery__actions__pill {
opacity: 15% !important;
}
.media-gallery__actions__pill:hover {
opacity: 100% !important;
}