/* START Embiggen Emoji [MASTOCSS:1@v1] */

.edit-indicator__content .emojione,
.reply-indicator__content .emojione,
.status__content .emojione {
    height: 25px;
    width: 25px;
}

.detailed-status .status__content .emojione {
    height: 30px;
    width: 30px;
}

/* END Embiggen Emoji [MASTOCSS:1@v1] */

/* START Buttons Outside Compose Box [MASTOCSS:2@v1] */

/* Compose form
* Why are the buttons inside? Why?
*/
.compose-form__highlightable {
    border: 0;
    background: 0;
}

.compose-form .autosuggest-textarea__textarea,
.compose-form .spoiler-input__input {
    border: 1px solid var(--background-border-color);
    border-radius: 4px;
}

.compose-form__footer {
    display: grid;
    grid-template-areas:
        "buttons buttons"
        "dropdowns submit";
    padding: 0;
}

.compose-form__buttons {
    grid-area: buttons;
}

.compose-form__dropdowns {
    grid-area: dropdowns;
}

.compose-form__submit {
    grid-area: submit;
}

.compose-form__actions {
    display: contents;
}

.compose-form__uploads {
    padding: 0;
}

.compose-form .spoiler-input__input {
    border-radius: 4px 4px 0 0;
}

.compose-form .spoiler-input + .autosuggest-textarea .autosuggest-textarea__textarea {
    border-radius: 0 0 4px 4px;
    border-top: 0;
}

.compose-form .spoiler-input .autosuggest-input {
    border-bottom: 0;
}

.compose-form__poll .poll__option {
    padding: 0;
}

.emoji-picker-dropdown__menu {
    margin-left: 5px;
}

/* Hides the “post privacy” label */
.compose-form__footer [title$="privacy"] span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* END Buttons Outside Compose Box [MASTOCSS:2@v1] */

/* START Content Warning Rainbows [MASTOCSS:3@v1] */

/* make content wrappers gay again */

.content-warning::before,
.content-warning::after,
.compose-form .spoiler-input__border {
    background: linear-gradient(
        to bottom,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
rgba(79, 220, 74, 1) 30%,
rgba(63, 218, 216, 1) 40%,
rgba(47, 201, 226, 1) 50%,
rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%
    );
}

/* END Content Warning Rainbows [MASTOCSS:3@v1] */