gnu-social/public/assets/css/right/right.css

#right-panel {
    right: 0;
}

.create-notice {
    display: flex;
    flex-direction: column;
    width: 100%;

    background-color: var(--translucent);
    border-radius: var(--unit-size);
    border: solid 2px var(--bg2);
}

.create-notice textarea {
    width: 100%;
}

.section-title {
    display: flex;
    flex-direction: column;
    border-radius: var(--unit-size);
    padding: var(--unit-size);

    background-color: var(--translucent);
    font-family: var(--display-font);
}

.section-title-plus {
    fill: var(--white);
    width: var(--main-size);
    height: auto;
}
.section-title-plus summary {
    display: block;
    position: absolute;
    top: var(--unit-size);
    right: var(--unit-size);
    padding: var(--unit-size);
}

.section-content {
    margin: var(--unit-size);
}
.section-content hr {
    all: unset;
    display: inline;
    height: 2px;
    background-image: linear-gradient(to left, var(--translucent), transparent 90%);
    margin-bottom: var(--unit-size);
}

.target,
.scope {
    border-radius: var(--unit-size);
}

.target label:first-child,
.scope label:first-child {
    font-family: var(--display-font);
}

#tabs {
    display: flex;
    flex-direction: column;
    font-family: var(--display-font);
}

.notice-options {
    width: 100%;
}

#post_content {
    border-radius: var(--unit-size);
    background-color: var(--translucent);

    max-width: 100%;
    height: calc(6 * var(--main-size));

    border: 2px solid var(--bg2);
    margin-top: var(--unit-size);
    margin-bottom: var(--unit-size);
    padding: var(--unit-size);
    resize: vertical;

    font-family: var(--main-font);
    font-size: var(--medium-size);
    color: var(--white);
}

.attachments {
    margin-bottom: var(--unit-size);
}