/* ==UserStyle==
@name           mastodon tweaks
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Niko @gayfamicom@merping.synth.download
==/UserStyle== */

@-moz-document domain("wetdry.world"), domain("fuzzies.wtf"), domain("merping.synth.download") {
    :root {
        --avatar-size: 40px;
        --emoji-size: 1.5em;
        --status-gutter-width: 1px;
        --tl-width: 700px;
    }
    body {
	    font-weight: 500;
        line-height: 16px;
    }
    .status__content {
	    line-height: 1.35;
    }
    .status__info {
        font-size: 12px;
    }
    .status__content, 
    .edit-indicator__content, 
    .reply-indicator__content {
	    padding-top: 0px;
    }
    .icon {
	    width: 20px;
	    height: 20px;
    }
    .content-warning {
	    padding: 6px 12px;
    }
    .status__info .status__display-name {
	    line-height: 18px;
    }
    .reactions-bar__item {
	    margin: 2px;
	    padding: 0 2px;
    }
    body.app-body.flavour-glitch>#mastodon .reactions-bar button {
	    padding-block: 0px;
    }
    body.app-body.flavour-glitch>#mastodon .reactions-bar {
	    margin-top: 0px;
    }
    body.app-body.flavour-glitch>#mastodon .reactions-bar button .reactions-bar__item__emoji {
        height: 1.75em;
    }
    .reactions-bar__item__emoji {
        margin: 2px 0;
    }
    .content-warning {
        padding: 6px 6px;
        line-height: 14px;
    }
    .status .content-warning {
        margin-bottom: 4px;
    }
    .status__action-bar {
        margin-top: .1em;
        margin-bottom: -9px;
    }
    .status__action-bar__button-wrapper {
        max-width: 40px;
    }
    .status__info .account__avatar, .status__info .status__avatar {
        max-height: 42px !important;
        max-width: 42px !important;
    }
    .account__action-bar__tab {
        padding: 6px 0;
    }
    .notification__filter-bar button, .notification__filter-bar a, .account__section-headline button, .account__section-headline a {
        padding: 8px 0;
    }
    .account__action-bar-links {
        line-height: 14px;
    }
    .reactions-bar__item.active {
        background-color: rgb(var(--accent),.75);
        color: var(--background-color);
    }
    .account__header__fields dl {
        padding: 4px 8px !important;
    }
    .status__content__read-more-button, .status__content__translate-button {
        margin-top: 6px;
    }
    .status__quote {
        -webkit-margin-before: 4px;
        margin-block-start: 4px;
        border-radius: 8px;
    }
    .status__content__read-more-button, .status__content__translate-button {
        margin-top: 2px;
    }
    .status__prepend+.status:not(.status-direct) {
        padding-top: 1px;
    }
    .notification-group__main {
        gap: 4px;
    }
    .notification-group {
        padding: 12px
    }
    body.app-body.flavour-glitch>#mastodon .compose-form__submit button {
        padding: 8px 12px;
    }
    .compose-form {
        gap: 8px;
    }
    .compose-panel .search, .drawer .search {
        margin-bottom: 12px; 
    }
    .detailed-status__meta {
        margin-top: 10px;
    }
    .account__header__tabs__buttons .icon-button {
        padding: 3px;
    }
    .button.button-secondary {
        padding: 3px 12px;
    }
    .button {
        padding: 4px 18px;
    }
    .account__header__tabs__buttons {
        gap: 4px;
    }
    .account__header__bar .avatar {
        margin-top: 10px;
    }
    .account__header__tabs__name {
        margin-top: 12px;
    }
    .account__header__bar {
        padding-inline: 12px;
    }
    .account__header__familiar-followers {
        margin-block: 4px;
    }
    .account__relationship .icon-button, .explore-suggestions-card .icon-button {
        padding: 2px;
    }
    .account {
        padding: 8px;
    }
    .status {
        padding: 12px 10px
    }
    .status__info {
        padding-bottom: 6px;
    }
    .detailed-status__display-name {
        margin-bottom: 12px;
    }
    [style*="width: 46px;height: 46px;"] {
        width: 42px;
        height: 42px;
    }
    .media-gallery, .video-player, .status-card.horizontal.interactive, .status-card, .audio-player, .picture-in-picture-placeholder {
        margin-block: 8px;
    }
    .status-card__content {
        padding: 6px 10px;
    }
    .upload-progress {
        gap: 4px;
    }
    .upload-progress__tracker {
        height: 3px;
    }
    .compose-form__footer {
        padding: 4px;
    }
    .dialog-modal__header {
        border-bottom: 0px;
        padding: 6px 12px;
        min-height: 41px;
    }
    .dialog-modal__content__description {
        margin: 2px 12px 0;
    }
    .dialog-modal__content__form {
        gap: 6px;
        padding: 12px;
    }
    .visibility-dropdown__button {
        font-size: 13px;
        height: 36px;
    }
    .dialog-modal__content {
        letter-spacing: 0px;
    }
    .account__header__buttons .icon-button .icon {
        height: 20px;
        width: 20px;
    }
    div [class*="account__avatar-overlay"] {
        width: 30px;
        height: 30px;
    }
}