/* 検索窓の角を丸くする */
.search__input,
.status__content .status__content__spoiler-link {
   border-radius:25px;
}

/* 検索窓のレイアウトの修正 */
.search {
   margin-bottom: 10px;
}

/* 絵文字周りの修正 */
.reply-indicator__content .emojione, .status__content .emojione {
    width: auto;
}
.detailed-status .status__content .emojione {
    width: auto;
}

/* アイコンをベベルな八角形にする */
.account__avatar img {
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
/* アイコンをNFTな六角形にする */
/*
.account__avatar img {
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%)
}
*/

/* 右カラム固定 */
/* 画面幅が1175px以上 かつ マルチカラムレイアウト時のみ適用 */
@media screen and (min-width: 1175px) {
    /* タイムライン表示エリア全体に、固定するカラム分の余白を作る */
    .layout-multiple-columns .columns-area {
        margin-right: 355px !important;
    }
    /* 一番最後のカラム（右端）を強制的に固定 */
    .layout-multiple-columns .columns-area .column:last-child {
        position: fixed !important;
        right: 0 !important;
        top: 0 !important;
        width: 350px !important;
        height: 100vh !important;
        z-index: 10;
        background: var(--surface-color, #1f232b);
        /* 固定された情報カラムを分ける線の色と太さを指定 */
        border-left: 5px solid #606085 !important; 
        box-sizing: border-box;
    }
}

