#video-bottom-block iframe {
    width: 100%;
    height: 100%;
    margin: 1rem 0 0 0;
    aspect-ratio: 900 / 250;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 15px;
    background-color: #36393D;
    color: #c9d1d9;
}

@media (min-width: 1400px) {
    main > .container {
        /*max-width: calc(100vw - 60px);*/
    }
}

video {
    outline: none;
}

.col-1-5 {
    flex: 0 0 auto;
    width: 20%;
}

a,
.video-item__title {
    color: #c9d1d9;
    transition: color .125s;
}

a:hover,
.video-item__title:hover {
    color: #FF0084;
}

#s45945p8488 a {
    color: #c9d1d9 !important;
    transition: color .125s !important;
}

#s45945p8488 a:hover {
    color: #FF0084 !important;
}

#player {
    outline: none;
}

.img-thumbnail {
    object-fit: cover;
    width: 200px;
    height: 150px;
}

.album-header {
    width: 100%;
    height: 500px;
    max-height: 35vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.album-header h1 {
    mix-blend-mode: difference;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    font-size: 3rem;
    margin: 1rem;
}

.video_label {
    position: absolute;
    margin: .25em;
    padding: .25em;
    font-size: .8em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    border-radius: 3px;
}

.video_label__bottom_right {
    bottom: .25em;
    right: .25em;
}

.video_label__bottom_left {
    bottom: .25em;
    left: .25em;
}


.video-list .items {

}

.album-list .items .album-item {

}

.video-list .items .video-item a {
    display: block;
    width: 100%;
}

.video-list {
}

.video-list__items {
    /*display: flex;
    flex-wrap: wrap;*/
}

.video-list__item {
    /*width: 20%;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 3px;*/
    margin-bottom: calc(var(--bs-gutter-x) * 0.5);
}

.video-list__img,
.album-list__img,
.owner-list__img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    /*transition: opacity 2s ease-in-out;
    opacity: 1;*/
    text-decoration: none;
    /*outline: none;*/
    border-radius: 3px;
}

.video-list__link,
.album-list__link,
.owner-list__link {
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: .5rem;
}

.video-list__link {
    margin-bottom: .25rem;
    margin-top: .25rem;
}

/*.video-list__link:hover .video-list__img {
    opacity: 0;
}
.video-list__link:hover .video-preview {
    opacity: 1;
}*/

.video-item__title,
.album-item__title,
.owner-item__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #efefef;
    text-decoration: none;
    font-size: .85rem;
}


/*.video-list__item a:not(:hover) .video-preview {
    display: none;
}*/


.video-item__img_wrapper,
.album-item__img_wrapper,
.owner-item__img_wrapper {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.album-item__label {
    position: absolute;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    padding: .25em .5em;
    font-size: .85rem;
    line-height: 1em;
    z-index: 1;
    border-radius: 3px;
}

.album-item__label_count {
    right: 0;
    bottom: 0;
}

.album-item__label_date {
    left: 0;
    bottom: 0;
}

.video-item__date {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    padding: .25em .5em;
    font-size: 1rem;
    line-height: 1em;
    border-top-right-radius: 3px;
    z-index: 1;
    border-radius: 3px;
}

.video-item__views {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    padding: .25em .5em;
    font-size: 1rem;
    line-height: 1em;
    border-top-right-radius: 3px;
    z-index: 1;
}


.video-item__quality {
    position: absolute;
    left: .25em;
    bottom: .25em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    padding: .25em;
    font-size: .85em;
    line-height: 1em;
    border-radius: 3px;
    z-index: 1;
}

.video-item__duration {
    position: absolute;
    right: .25em;
    bottom: .25em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    color: white;
    padding: .25em;
    font-size: .85em;
    line-height: 1em;
    border-radius: 3px;
    z-index: 1;
}

.video-item__live {
    position: absolute;
    right: .25em;
    bottom: .25em;
    z-index: 1;
    width: 42px;
    height: 20px;
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2220%22%20viewBox%3D%2284%2014%2042%2020%22%20width%3D%2242%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate\(84%2014\)%22%3E%3Crect%20fill%3D%22%23ff3347%22%20height%3D%2220%22%20rx%3D%222%22%20width%3D%2242%22%2F%3E%3Cpath%20d%3D%22m26.874%206.486-2.464%207.562c-.17.523-.756.952-1.307.952h-.206c-.552%200-1.136-.426-1.307-.952l-2.464-7.562c-.06-.11-.103-.233-.12-.363l-.006-.023h.005c-.003-.033-.005-.066-.005-.1%200-.552.448-1%201-1%20.52%200%20.945.395.995.9h.005l2%206.4%202-6.4h.005c.05-.505.476-.9.995-.9.552%200%201%20.448%201%201%200%20.034-.002.067-.005.1h.005l-.007.023c-.016.13-.058.253-.12.363zm4.126%202.514v-2h3.01c.54%200%20.99-.448.99-1%200-.556-.444-1-.99-1h-4.02c-.268%200-.515.11-.696.29-.184.184-.294.432-.294.705v8.01c0%20.268.11.516.29.697.18.188.428.298.7.298h4.02c.54%200%20.99-.448.99-1%200-.556-.444-1-.99-1h-3.01v-2h3.01c.54%200%20.99-.448.99-1%200-.556-.444-1-.99-1zm-22%204v-7.005c0-.54-.448-.995-1-.995-.556%200-1%20.446-1%20.995v8.01c0%20.268.11.516.29.697.18.188.428.298.7.298h4.02c.54%200%20.99-.448.99-1%200-.556-.444-1-.99-1zm6-7.005c0-.55.444-.995%201-.995.552%200%201%20.456%201%20.995v8.01c0%20.55-.444.995-1%20.995-.552%200-1-.456-1-.995z%22%20fill%3D%22%23f0f2f5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

.video-preview {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
    position: absolute;
    top: 0;
    /*transition: opacity 1s ease-in-out;
    opacity: 0;*/
    z-index: 0;
    border-radius: 3px;
    overflow: hidden;
}

#player {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.video-js .vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.albums_list {
    display: flex;
}

.albums_list__title {
    display: inline-flex;
}

.albums_list__thumb {
    height: 160px;
    aspect-ratio: 16/9;
    object-fit: cover;
    width: auto;
    display: block;
}

.albums_list__img_wrapper {
    position: relative;
}

.video-item-footer {
    display: flex;
}

.video-item-footer_left {
    margin-right: .5rem;
}

.video-item-footer_img {
    width: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
}

.video-item-footer_right {
    overflow: hidden;
}

.video-item-footer_link {
    display: block;
    text-decoration: none;
}

.video-item-footer-link__video {
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}

.video-item-footer-link__owner {
    color: #888;
    font-size: .75rem;
}

.video-title {
    word-break: break-all;
}

.model__item {
    margin-bottom: 1rem;
}

.model__item_link {
    display: block;
    text-decoration: none;
}

.model__item_image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 3px;
    display: block;
    background-image: url("https://cdn-icons-png.flaticon.com/512/9633/9633753.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.model__item_name {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1rem;
}

.love {
    display: block;
}

.love_item {
    margin-bottom: calc(var(--bs-gutter-x) * 0.5);
}

.love_link {
    display: block;
    text-decoration: none;
}

.love_header {
    font-size: 2rem;
    margin-bottom: .25rem;
}

.love_photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    object-position: top center;
}

.love_name {
    display: block;
    font-weight: bold;
}

.love_text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}