YouTube 再生済みの赤線を変更 by hori68

/* ==UserStyle==
@name           YouTube 再生済みの赤線を変更
@namespace      userstyles.world/user/hori68
@version        1.0
@description    サムネの下に表示される、再生済みを意味する赤線。これをサムネと分離させたり、色を変えたりします。
@author         hori68
@license        CC-BY-4.0
@preprocessor   stylus
@var select dispLine    "赤線をどうする?" ["SP:分離表示する", "NO:表示しない", "YES:表示する"]
@var color  lineColor   "色指定" #FF0000
==/UserStyle== */

@-moz-document domain("youtube.com") {
    i = !important //
    ytd-thumbnail-overlay-resume-playback-renderer{
        if dispLine == "SP"{ /* 分離表示する場合 */
            background: var(--app-drawer-content-container-background-color) i;
            height: 5px i; /* 赤線とセパレート部分を合わせた高さ */
            #progress{
                height: 3px i; /* 赤線の高さ */
                margin-top: 2px i; /* セパレート部分の高さ */
            }
        }else if dispLine == "NO"{ /* 赤線を表示しない場合 */
            display: none i;
        }
        #progress{
            background-color: lineColor i;
        }
    }
}