/* Replace Post with Boop */
.compose-form button[type="submit"] {
  text-indent: -9999px;
  background-color: #b63792;
  line-height: 0; /* Collapse the original line */
}

.compose-form button[type="submit"]::after {
  content:'boop!';
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

a[href="/publish"]  {
  text-indent: -9999px;
  background-color: #b63792;
  line-height: 0;
}

a[href="/publish"]:after {
  content:'boop!';
  text-indent: 0;
  display: block;
  line-height: initial;
}



/* Custom emoji scale up */
    #mastodon .status__content .custom-emoji {
        height: 2em;
        min-width: 2em;
        width: auto;
    }
    .custom-emoji {
        transition: transform 1s cubic-bezier(0, 0.7, 0, 1);
    }
    .custom-emoji:hover {
        transform: scale(1.4);
        transition: transform 0.4s cubic-bezier(0, 0.7, 0, 1);
    }

/* DM wrapper */
.status__wrapper-direct {
  border-left: solid 4px #bb6eb9 !important;
}

/* Remove column margins */

/* Custom CSS from Mastodon Modern to make the layout fit the window */
/* Move the compose box further away from search bar */
    #mastodon .compose-form > .navigation-bar {
        margin-top: 15px;
    }
/* Layout part of advanced theme */
    .layout-multiple-columns #mastodon .columns-area {
        overflow: auto hidden !important;
        padding: 0;
    }
    .layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) {
        padding: 0px !important;
        padding-bottom: 40vh !important;
    }
    .layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex)::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: inherit;
        z-index: -1;
    }
    .layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .account-timeline__header,
    .layout-multiple-columns #mastodon .columns-area .scrollable:not(.scrollable--flex) .dismissable-banner {
        margin: 0px !important;
    }
    .layout-multiple-columns #mastodon .columns-area .focusable,
    .layout-multiple-columns #mastodon .columns-area .entry,
    .layout-multiple-columns #mastodon .columns-area .statuses-grid__item .detailed-status,
    .layout-multiple-columns #mastodon .columns-area .trends__item,
    .layout-multiple-columns #mastodon .columns-area .story,
    .layout-multiple-columns #mastodon .columns-area .account-card,
    .layout-multiple-columns #mastodon .columns-area .scrollable :not(.focusable) > .account,
    .layout-multiple-columns #mastodon .columns-area .timeline-hint {
        border-radius: 0;
    }
    .layout-multiple-columns #mastodon .columns-area .focusable::before,
    .layout-multiple-columns #mastodon .columns-area .entry::before,
    .layout-multiple-columns #mastodon .columns-area .statuses-grid__item .detailed-status::before,
    .layout-multiple-columns #mastodon .columns-area .trends__item::before,
    .layout-multiple-columns #mastodon .columns-area .story::before,
    .layout-multiple-columns #mastodon .columns-area .account-card::before,
    .layout-multiple-columns #mastodon .columns-area .scrollable :not(.focusable) > .account::before,
    .layout-multiple-columns #mastodon .columns-area .timeline-hint::before {
        border-radius: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area .focusable::after,
    .layout-multiple-columns #mastodon .columns-area .entry::after,
    .layout-multiple-columns #mastodon .columns-area .statuses-grid__item .detailed-status::after,
    .layout-multiple-columns #mastodon .columns-area .trends__item::after,
    .layout-multiple-columns #mastodon .columns-area .story::after,
    .layout-multiple-columns #mastodon .columns-area .account-card::after,
    .layout-multiple-columns #mastodon .columns-area .scrollable :not(.focusable) > .account::after,
    .layout-multiple-columns #mastodon .columns-area .timeline-hint::after {
        inset-inline: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area [class*="explore__"] > * {
        border-radius: var(--radius);
    }
    .layout-multiple-columns #mastodon .columns-area .detailed-status__wrapper {
        margin: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area .status__action-bar {
        margin-bottom: 0px;
        gap: 0;
        margin-inline-end: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area .status__action-bar :not(i):not(.status__action-bar-spacer) {
        display: flex;
        flex-grow: 9999;
        justify-content: center !important;
        max-width: 55px;
        min-width: max-content;
    }
    .layout-multiple-columns #mastodon .columns-area .status__action-bar > .icon-button:first-child {
        margin-inline-start: -8px !important;
    }
    .layout-multiple-columns #mastodon .columns-area .status__action-bar,
    .layout-multiple-columns #mastodon .columns-area .detailed-status__action-bar,
    .layout-multiple-columns #mastodon .columns-area .picture-in-picture__footer {
        flex-wrap: wrap;
    }
    .layout-multiple-columns #mastodon .columns-area .follow_requests-unlocked_explanation {
        margin: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area .column-header,
    .layout-multiple-columns #mastodon .columns-area .scrollable,
    .layout-multiple-columns #mastodon .columns-area .column-back-button,
    .layout-multiple-columns #mastodon .columns-area .account__header__image {
        border-radius: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area .icon-button:after {
        content: unset !important;
    }
    .layout-multiple-columns #mastodon .columns-area > div {
        border: 0 !important;
        padding: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area > div:not(.drawer):not(:last-child) {
        margin-inline-end: 2px !important;
    }
    .layout-multiple-columns #mastodon .columns-area > div.column {
        flex-grow: 1;
        max-width: 600px;
    }
    .layout-multiple-columns #mastodon .columns-area > div:first-child {
        margin-inline-start: auto !important;
    }
    .layout-multiple-columns #mastodon .columns-area > div:last-child {
        margin-inline-end: auto !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer {
        padding-inline: 6px !important;
        padding-top: 20px !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer .drawer__header {
        border-radius: var(--radius-round);
        margin-inline: 10px;
        overflow: hidden;
        border: 0 !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer .drawer__header a {
        border: 0;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer .drawer__header a:first-child {
        padding-inline-start: 15px !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer .drawer__header a:last-child {
        padding-inline-end: 15px !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer .search {
        z-index: 2;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer > .drawer__pager {
        overflow: visible !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer > .drawer__pager > .drawer__inner:not(.darker) {
        top: -20px;
        margin-inline-start: -6px;
        margin-inline-end: -4px;
        width: calc(100% + 10px);
        padding-inline-start: 6px;
        padding-inline-end: 4px;
        padding-top: 20px;
        height: calc(100% + 20px);
    }
    .layout-multiple-columns #mastodon .columns-area .drawer .drawer__inner__mastodon {
        margin-inline: -6px;
        margin-inline-end: -4px;
        z-index: -1;
    }
    .layout-multiple-columns #mastodon .columns-area .search {
        margin-inline: 10px;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer__inner:not(.darker),
    .layout-multiple-columns #mastodon .columns-area .drawer__inner__mastodon {
        border: 0 !important;
        background-color: transparent !important;
    }
    .layout-multiple-columns #mastodon .columns-area .drawer__inner.darker {
        padding: 0 !important;
        border-radius: var(--radius-round) var(--radius-round) 0 0;
    }
    .layout-multiple-columns #mastodon .columns-area .compose-form:first-child {
        padding-top: 0;
    }
    .layout-multiple-columns #mastodon .columns-area .getting-started__trends {
        padding: 0px 20px;
    }
    .layout-multiple-columns #mastodon .columns-area .status {
        padding-bottom: 10px !important;
    }
    .layout-multiple-columns #mastodon .columns-area .detailed-status .status__content {
        font-size: 1.3em;
    }