SpankBang by xiggi

/* ==UserStyle==
@name         SpankBang
@version      20240630.09.15
@namespace    ?
==/UserStyle== */

@-moz-document domain("spankbang.com") {
    :root {
        --dark: #000;
        --gray: #151515;
        --gray-hover: #202020;
    }

body, html, header ul.top, .playlist-remodal .title-inp .placeholder-text {
    background-color: var(--dark);
}

.bottom_nav, #bottom_nav .bottom_nav .main-links, #bottom_nav .bottom_nav .highlighted-wrapper, #bottom_nav, .content-highlight-wrapper, #bottom_nav .bottom_nav .further-links-wrapper {
    background-color: #0d0d0d;
}

#bottom_nav .top_nav {
    background-color: rgb(0 0 0 / 80%);
    backdrop-filter: blur(4px);
}

nav#bottom_nav {
    background-color: #0d0d0d;
}

.new-form-holder .form-field-wrapper .text-field,.custom-radio, .new-form-holder .form-field-wrapper .custom-radio {
    background-color: var(--gray-hover);
}

.custom-radio input, .new-form-holder .form-field-wrapper .custom-radio input {
    border: 1px solid #fff;
}

.new-form-holder .form-field-wrapper .field_wrapper .icon svg {
    color: currentColor;
}

#bottom_nav .bottom_nav .bottom-btn {
    background-color: var(--gray);
}

footer, .footer_bbm, li.hd.live_cam_header_2, header .top-wrapper .link-wrapper, #video .left section.timeline, #video .left ul.position, .video-js.vjs-theme-sb .vjs-timeline-positions-holder .vjs-timeline-positions span strong, #video .left ul.positions, section.related_playlists, figure.thumbnailss, figure.thumbnails, .tab_comments.main_content_container.space-y.mt-1, #video ul.positions, .horizontal_scroll_container, .ads_placement, #search_v2.channel_page p.desc, #bottom_nav .bottom_nav .further-links-wrapper, #video .left section.user_uploads, #video .left .share, #video .left .embed, #video .left section.all_comments, #shorts-frame {
    display: none;
}

#browse_new.channel_page .similar a.image img:hover, #browse_new.channel_page .similar a.image img:active, #pornstars ul.results li a.image img:hover, #pornstars ul.results li a.image img:active, #channels ul.results li:hover, #channels ul.results li:active, header ul.top>li.logo a img:hover, .channels_scroll_list a.ps:hover, .playlist-list .playlist-item .thumb span.cover img:hover, #browse_new.pornstar_page ul.top li.t .similar a.image:hover, div.scroll_list a:hover, div.scroll_list a:active, html.desktop #home .videos .trending_categories .trending_categories_list a.ps:nth-child(-n+12):hover, html.desktop #home .videos .trending_categories .trending_categories_list a.ps:nth-child(-n+12):active {
    opacity: 70%;
    transition: 0.2s;
}

#browse_new.channel_page ul.top li.i .follow {
    color: #fff;
    background: #77180e;
}

svg.i_svg.i_check-circle {
    color: inherit;
}

.ft-button svg  {
    opacity: initial;
}

.show-more-button-container a {
    color: #aaa;
    background-color: var(--dark);
    font-weight: 400;
    height: 100%;
    display: block;
    border: 0.0625rem solid #4b555e;
}

.show-more-button-container a:hover, .show-more-button-container a:active {
    background-color: var(--gray);
    color: #fff;
}

header {
        background: rgb(0 0 0 / 70%);
        backdrop-filter: blur(10px) !important;
}

#home .tag_head a {
    background-color: var(--gray);
}

#home .tag_head a:hover, #home .tag_head a:active {
    background-color: rgb(233 101 123 / 50%);
    color: #fff;
    transition: 0.2s;
}

header .search form input {
    background-color: var(--gray);
}

#pornstars ul.results li a.image span {
    background-color: var(--dark); 
}

#pornstars ul.results li a.title {
    color: #ccc;
}

#pornstars ul.results li a.title:hover {
    color: #fff;
}

div.pagination ul li:not(.previous):not(.next):not(.disabled) a {
    background-color: var(--gray);
}

#search_v2 .tag_head a {
    background-color: var(--gray);
}

.nav_quick_top .filter li:not(.ed) .i_svg {
    color: inherit;
}

#home .nav_quick_top .i_svg, header .main_nav_2>ul>li>a .i_svg, .user_panel>ul>li>a .i_svg, #popout_menu span svg, #bottom_nav .bottom_nav .bottom-btn .icon .i_svg, #bottom_nav .top_nav a .icon .i_svg, .main_content_title.with-extra-contents .icon .i_svg, #video .left ul.video_toolbar>li.us span .i_svg, #video .left ul.video_toolbar>li.us a.wbs .i_svg, #video .left ul.video_toolbar>li.us a.ul .i_svg, #video .left ul.video_toolbar>li.qt svg, #browse_new .nav_quick_top .i_svg, .user_panel>ul>li>ul.sub a .i_svg, #browse_new.listing_page .order a svg, #browse_new.listing_page .order a.active svg, #browse_new h1 .i_svg, #browse_new h3 .i_svg, #user-panel nav.links a .i_svg, #user-panel nav.links .active .i_svg, #browse_new .segs_header .i_fire, #browse_new a.go .i_svg {
    fill: currentColor;
}

#home .videos h2 a .i_svg {
    fill: currentColor;
}

#home .videos h2 a {
    font-weight: 600;
}

#home .videos h2 a:hover, #home .videos h2 a:active {
    color: #ccc;
    transition: 0.2s;
}

.video-list .video-item .stats, .video-list .video-item .stats span.b, .video-list .video-item .stats span, .video-list .video-item:hover .stats .b, .video-list .video-item.is_rotating .stats .b {
    color: #aaa;
}

.video-list .video-item .n {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 0 5px;
}

.video-list .video-item .n:hover, .video-list .video-item .n:active {
    color: #fff;
    transition: 0.2s;
}

.video-list .video-item .user a {
    border-top: 1px solid #aaa;
}

.ft-grad, #popout_menu {
    background-color: var(--gray);
    box-shadow: 1px 1px 20px var(--gray-hver);
    color: #ccc;
}

.ft-grad:hover, .ft-grad-hover, #user-panel nav.links a:hover {
    background-color: var(--gray-hover);
    transition: 0.2s;
    color: #fff;
}

#home .videos .pornstars a.ps:hover, #home .videos .pornstars a.ps:active {
    opacity: 70%;
    transition: 0.2s;
}

#popout_menu span:hover {
    background-color: #202020;
    color: #ea5d4e;
    transition: 0.2s;
}

#popout_menu span.pls {
    border: 1px solid transparent;
}

#browse_new.profile_page nav.top a.active {
    color: #f08e84;
    border-bottom-color: #f08e84;
}

#browse_new.profile_page nav.top a:hover {
    border-bottom-color: #f08e84;
    color: #f08e84;
}

#browse_new.profile_page nav.top a {
    border-bottom: 3px solid #222;
}

.playlist-list .playlist-item {
    border: 1px solid transparent;
    background-color: var(--gray);
}

.playlist-list .playlist-item .thumb span.len {
    background-color: var(--gray);
    border: 1px solid transparent;
    color: #fff;
}

.playlist-list .playlist-item .inf {
    font-size: .9em;
    color: #fff;
}

#bottom_nav .bottom_nav .bottom-btn, #bottom_nav .top_nav a {
    color: #ccc;
}

#bottom_nav .bottom_nav .bottom-btn:hover, #bottom_nav .top_nav a:hover,
#bottom_nav .bottom_nav .bottom-btn:active, #bottom_nav .top_nav a:active {
    color: #fff;
    background-color: rgb(233 101 123 / 50%);
    transition: 0.2s;
}

#bottom_nav .top_nav a .icon {
    margin-bottom: 5px;
}

.notifications-wrapper .notification {
    background-color: var(--gray);
}

div.scroll_list a {
    color: #ddd;
}

.horizontal_scroll_container.right-gradient-visible:after {
    background-image: linear-gradient(to right,transparent 0%,var(--gray) 75%);
}

.video-list .video-item .thumb .video-badge {
    background-color: var(--dark);
    color: #fff;
}

#video .left ul.video_toolbar>li.us span, #video .left ul.video_toolbar>li.us a.wbs, #video .left ul.video_toolbar>li, #video .user, #video ul.video_toolbar li, #video .searches a, #video ul.positions li, .remodal .modal-inner-content, #video ul.video_toolbar li.qt_menu {
    background-color: #0d0d0d;
}

#video .left ul.video_toolbar>li.us span:hover, #video .left ul.video_toolbar>li.us a.wbs:hover, #video .left ul.video_toolbar>li.dl:hover, #video .left ul.video_toolbar>li.fv:hover, #video .left ul.video_toolbar>li.wl:hover, #video .left ul.video_toolbar>li.pl:hover, #video .left ul.video_toolbar>li.fl:hover, #video .left ul.video_toolbar>li.qt:hover, #video .searches a:hover, #video .searches a:active {
    background-color: var(--gray-hover);
    color: #f08e84;
    transition: 0.2s;
}

#video .left ul.video_toolbar>li.rt .rate, #video .left ul.video_toolbar>li.us span em, #video .left ul.video_toolbar>li.us a.wbs em {
    color: #fff;
}

#video ul.video_toolbar li.qt_menu span {
    border-left: 1px solid transparent;
}

#video ul.video_toolbar li.qt_menu span:hover, #video ul.video_toolbar li.qt_menu span:active {
    background-color: var(--gray-hover);
    color: #f08e84;
    transition: 0.2s;
}

.grid-layout-change-wrapper .grid-layout-change .i_svg {
    fill: #ccc;
}

#browse_new .nav_quick_top a.active {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.video-list .video-item .thumb p.t .h, .video-list .video-item .thumb p.t .l, #playlist_list .video-item .thumb .i-len {
    background-color: var(--dark);
    color: #fff; 
    padding: 5px 7px;
    font-size: 12px;
}

#playlist_list .video-item .inf {
    color: #fff;
}

#playlist_list .video-item-active {
    background-color: var(--gray) !important;
}

#channels h2 {
    font-weight: 600;
    color: #fff;
}

div.pagination ul li.disabled a {
    background-color: var(--dark);
    border: 1px solid transparent;
    color: #2c3e50;
}

div.pagination ul li.previous a, div.pagination ul li.next a {
    background-color: var(--gray);
}

#browse_new.profile_page nav.top a span {
    background-color: var(--gray);
    color: #fff;    
}

#browse_new.profile_page .data h2 a:hover, #browse_new.profile_page .data h2 a:active, #browse_new .segs_header a:hover {
    color: #fff;
    text-decoration: none;
    transition: 0.2s;
}

#browse_new.profile_page .data h2 a .i_chevron-circle-right {
    fill: #f08e84;
}

#user-panel .data {
    background-color: var(--dark);
    border: 1px solid transparent;
}

#user-panel nav.links a {
    border-top: 1px solid transparent;
}

#user-panel nav.links .s {
    border-top: 2px solid var(--dark);
}

#user-panel nav.links {
    background-color: var(--gray);
}

#user-panel nav.links .a...