* {
    position: relative;
    user-select: none;
}

div{
    color: #fff;
}

html, body, #root{
    background: #282828;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    width: 100%;
    height: 100%;
    color: #fff;
}

*::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
    height: 8px;

}

*::-webkit-scrollbar-thumb {
    height: 8px; /* 스크롤바의 길이 */
    background: rgba(33, 122, 244, .5); /* 스크롤바의 색상 */
    border-radius: 2rem;
}
*::-webkit-scrollbar-thumb:hover {
    background: rgba(33, 122, 244, 1); /* 스크롤바의 색상 */
}

*::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
    border-radius: 2rem;
}

:where(.css-dev-only-do-not-override-1xg9z9n).ant-slider .ant-slider-rail{
    background: rgba(0,0,0,.3);
}
:where(.css-dev-only-do-not-override-1xg9z9n).ant-slider:hover .ant-slider-rail {
    background-color: rgba(0, 0, 0, 0.5);
}

video{
    aspect-ratio:16/9;
}