/* tdx-single-page */
.video-forward-container, .video-backward-container { position: absolute; width: 100px; height: 100px; top: 0; left: -10px; right: 0; bottom: 0; margin: auto; text-align: center; line-height: 100px; } @media (min-width: 1920px) { .theater-mode footer { width: 100%; } } @media (max-width: 720px) { #videoOverAd { display: none !important; } } .video-backward-container .fa, .video-forward-container .fa { font-size: 30px; padding: 35px; padding-top: 33px; } .backward-text-container, .forward-text-container { position: absolute; top: 0; left: 0; width: 100%; height: 16px; bottom: 0; margin: auto; text-align: center; font-size: 14px; line-height: 16px; } #contentWrapper .msv-container .tab-content { transition: width 0.75s linear; } #contentWrapper .rvideo-sidebar, #contentWrapper.theater-mode .block-notice { transition: margin-top 0.75s linear; } .lowered { display: none; } .vjs-theater-control, .vjs-settings-control { cursor: pointer; } .vjs-settings-control { order: unset; } .vjs-settings-control .vjs-icon-placeholder { font-size: inherit; line-height: inherit; } .vjs-settings-menu { position: absolute; bottom: 100%; right: 0; background: rgba(139, 0, 139, 0.9); border: 1px solid #4a004a; border-radius: 8px; padding: 16px; min-width: 200px; z-index: 1000; display: none; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5); } .vjs-control-bar.vjs-settings-open .vjs-settings-menu { display: block; } .settings-section { margin-bottom: 16px; } .settings-section:last-child { margin-bottom: 0; } .settings-header { color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 8px; } .settings-toggle { display: flex; align-items: center; justify-content: space-between; } .toggle-switch { display: none; } .toggle-label { position: relative; width: 40px; height: 20px; background: #333; border: 2px solid #fff; border-radius: 20px; cursor: pointer; transition: background-color 0.3s; } .toggle-label::after { content: ''; position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; background: #fff; border-radius: 50%; transition: transform 0.3s; } .toggle-switch:checked + .toggle-label { background: #4CAF50; } .toggle-switch:checked + .toggle-label::after { transform: translateX(20px); } .settings-options { display: flex; flex-direction: column; gap: 4px; } .settings-option { color: #fff; padding: 8px 12px; cursor: pointer; font-size: 13px; border-radius: 4px; transition: all 0.2s; background: rgba(255, 255, 255, 0.1); } .settings-option:hover { background: rgba(255, 255, 255, 0.2); } .settings-option.active { background: rgba(255, 255, 255, 0.3); color: #4CAF50; font-weight: 500; } @media (max-width: 1004px) { .vjs-theater-control { display: none !important; width: 0; overflow: hidden; } .vjs-settings-control { display: none !important; width: 0; overflow: hidden; } } .theater-mode footer { display: none; } #contentWrapper.theater-mode .block-notice { display: none; } .theater-mode .all { display: none; } #contentWrapper.theater-mode { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: max(8px, 1vw); padding-right: max(8px, 1vw); box-sizing: border-box; } #contentWrapper.theater-mode .rvideos-wrap-container { width: 324px !important; max-width: 324px !important; min-width: 324px; } #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container { width: 324px !important; max-width: 324px !important; min-width: 324px; } #contentWrapper.theater-mode .rvideos-wrap { display: block !important; width: 100% !important; max-width: 100% !important; } #contentWrapper.theater-mode .videoWrap { display: block !important; width: 100% !important; max-width: none !important; float: none !important; } #contentWrapper.theater-mode #theVideo, #contentWrapper.theater-mode .videoBox { display: block; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; float: none !important; overflow: visible !important; } #contentWrapper.theater-mode .post-video-container, #contentWrapper.theater-mode #video-player { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; } #contentWrapper.theater-mode .title-container, #contentWrapper.theater-mode .menu-wrap-container { width: 100% !important; max-width: none !important; box-sizing: border-box; } #contentWrapper.theater-mode .tdx-theater-empty { display: none !important; } #contentWrapper.theater-mode .tdx-theater-bottom-row { display: grid; grid-template-columns: minmax(0, 1fr) 324px; gap: 15px; width: 100%; align-items: start; margin-top: 16px; } #contentWrapper.theater-mode .tdx-theater-main-stack { display: flex; flex-direction: column; gap: 16px; width: 100% !important; max-width: none !important; min-width: 0; } #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments { width: 100% !important; max-width: none !important; margin: 0 !important; } #contentWrapper.theater-mode .videoWrap > .rec-cat, #contentWrapper.theater-mode .videoWrap > #tdx-spa-related-main, #contentWrapper.theater-mode .videoWrap > .after-vid-wrapper, #contentWrapper.theater-mode .videoWrap > #tdx-spa-comments, #contentWrapper.theater-mode .videoWrap > .tdx-theater-main-stack, #contentWrapper.theater-mode .rvideos-wrap-container .rec-cat, #contentWrapper.theater-mode #tdx-spa-related-sidebar .rec-cat { display: none !important; } #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack { display: flex !important; flex-direction: column; } #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack .rec-cat, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack #tdx-spa-related-main, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack .after-vid-wrapper, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack #tdx-spa-comments { display: block !important; } .video-js .vjs-theater-control.is-active .vjs-theater-icon { border-color: #ff5e62; box-shadow: 0 0 0 1px rgba(255, 94, 98, 0.45); } .video-js .vjs-theater-control.is-active .vjs-theater-icon::after { background: #ff5e62; } @media (max-width: 768px) { #contentWrapper.theater-mode { padding-inline: 8px; } } #contentWrapper.theater-mode .after-vid-wrapper, #contentWrapper.theater-mode #tdx-spa-comments { width: 100% !important; max-width: none !important; display: block; margin: 0 !important; } @media (max-width: 768px) { #contentWrapper.theater-mode .after-vid-wrapper, #contentWrapper.theater-mode #tdx-spa-comments { width: 100% !important; } } #contentWrapper.theater-mode .after-vid { width: calc(70% - 10px); } #videoOverAd { display: none; z-index: 18 !important; } @media (max-width: 720px) { div#videoOverAd { position: absolute !important; top: 50% !important; left: 50% !important; transform: none !important; width: 190px !important; height: 160px !important; margin-top: -80px !important; margin-left: -95px !important; box-sizing: border-box !important; overflow: hidden !important; background: #181818 !important; padding: 5px !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45); } div#videoOverAd .videoOverAd300, div#videoOverAd .videoOverAd300snd { position: absolute !important; top: 5px !important; left: 5px !important; float: none !important; width: 300px !important; height: 250px !important; margin: 0 !important; overflow: hidden !important; transform: none !important; scale: 0.6 !important; transform-origin: top left !important; } #videoOverAd.videoOverAdBig .videoOverAd300snd { display: none !important; } #videoOverAd .close { position: absolute; top: 7px; right: 7px; z-index: 3; display: block; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.78); color: #fff; font-size: 14px; font-weight: 700; line-height: 24px; text-align: center; cursor: pointer; } } @media (min-width: 720px) { #videoOverAd { padding: 10px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 18 !important; } .videoOverAdSmall { width: 300px; } .videoOverAdBig { width: 610px; margin-left: -475px; } #videoOverAd .close { height: 10px; width: 10px; float: right; display: block; text-decoration: none; font-size: 14px; line-height: 10px; margin-left: 100%; margin-bottom: 10px; box-sizing: border-box; } #videoOverAd .videoOverAd300, #videoOverAd .videoOverAd300snd { float: left; width: 300px; height: 250px; margin-right: 10px; } #videoOverAd .videoOverAd300snd { margin-right: 0; } } #contentWrapper:not(.theater-mode) .videoBox #video-player.vjs-fluid { aspect-ratio: 16 / 9; height: auto !important; } #video-resume-overlay { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 1000 !important; background-color: rgba(0, 0, 0, 0.7) !important; display: flex !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; } #video-resume-overlay .video-resume-content { background: #1a1a1a; border-radius: 8px; padding: 30px; text-align: center; max-width: 400px; width: 90%; position: relative; } #video-resume-overlay .video-resume-close { position: absolute; top: 10px; right: 15px; background: #ff4444; color: white; border: none; border-radius: 50%; width: 30px; height: 30px; font-size: 18px; font-weight: bold; cursor: pointer; z-index: 1001; display: flex; align-items: center; justify-content: center; } #video-resume-overlay .video-resume-close:hover { background: #ff6666; } #video-resume-overlay[style*="display: none"] { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } #contentWrapper:not(.theater-mode) .videoBox #video-player { aspect-ratio: 16 / 9 !important; width: 100% !important; height: auto !important; } #contentWrapper.theater-mode .videoBox #video-player, #contentWrapper.theater-mode .videoBox .video-js, #contentWrapper.theater-mode .videoBox #video-player.vjs-fluid, #contentWrapper.theater-mode .videoBox #video-player.vjs-16-9 { aspect-ratio: 21 / 9 !important; padding-top: 0 !important; max-height: 80vh; width: 100% !important; height: auto !important; } .videoBox #video-player .vjs-tech { width: 100% !important; height: 100% !important; object-fit: contain !important; } .videoBox { aspect-ratio: unset !important; } .video-resume-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); pointer-events: auto; } #video-player { position: relative !important; } .video-resume-content { background: rgba(27, 27, 27, 0.95); border: 2px solid #ff5e62; border-radius: 12px; padding: 25px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); animation: slideIn 0.3s ease-out; position: relative; } @keyframes slideIn { from { opacity: 0; transform: translateY(-20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .video-resume-icon { font-size: 40px; color: #ff5e62; margin-bottom: 15px; display: block; } .video-resume-title { color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 8px; font-family: 'Roboto', sans-serif; } .video-resume-subtitle { color: #ccc; font-size: 14px; margin-bottom: 20px; line-height: 1.4; } .video-resume-progress { background: #333; height: 4px; border-radius: 2px; margin: 15px 0; overflow: hidden; } .video-resume-progress-fill { background: linear-gradient(90deg, #ff5e62, #f90); height: 100%; border-radius: 2px; transition: width 0.3s ease; } .video-resume-time { color: #ff5e62; font-size: 12px; font-weight: 500; margin-top: 8px; } .video-resume-buttons { display: flex; gap: 12px; justify-content: center; margin-top: 20px; } .video-resume-btn { padding: 10px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; min-width: 120px; font-family: 'Roboto', sans-serif; } .video-resume-btn.continue { background: #ff5e62; color: #fff; } .video-resume-btn.continue:hover { background: #6a9bd8; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(142, 177, 230, 0.3); } .video-resume-btn.restart { background: transparent; color: #ff5e62; border: 2px solid #ff5e62; } .video-resume-btn.restart:hover { background: #ff5e62; color: #fff; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(142, 177, 230, 0.3); } .video-resume-close { position: absolute; top: 10px; right: 10px; background: none; border: none; color: #ccc; font-size: 20px; cursor: pointer; padding: 5px; line-height: 1; } .video-resume-close:hover { color: #fff; } @media (max-width: 768px) { .video-resume-content { padding: 20px; margin: 15px; max-width: 350px; } .video-resume-buttons { flex-direction: column; gap: 8px; } .video-resume-btn { min-width: auto; } } @media (min-width: 1024px) { #contentWrapper.theater-mode .msv-container { margin-left: -30px !important; max-height: 80vh; } #contentWrapper.theater-mode .videoBox #video-player, #contentWrapper.theater-mode .videoBox .video-js { padding-top: 0 !important; aspect-ratio: 21 / 9 !important; max-height: 80vh; } #contentWrapper.theater-mode .video-js .vjs-tech { width: 100% !important; height: 100% !important; object-fit: contain !important; } } .vjs-settings-dropup { position: absolute; height: 200px; width: 200px; right: 0; bottom: 50px; background: rgba(27, 27, 27, 0.5); font-size: 14px; padding: 15px; display: none; } .vjs-resolutions { padding-top: 10px; } .vjs-resolutions .vjs-change-res { padding: 10px 5px; font-weight: bold; display: block; } .vjs-resolutions .vjs-change-res:hover, .vjs-resolutions .vjs-change-res.active { text-decoration: none; color: #ff5e62; } .vjs-timeline-preview { margin-left: -75px; margin-top: -200px; border-radius: 5px; } .vjs-settings-dropup.in { display: block; } .autoplay-togggle { display: inline-block; width: 40px; height: 20px; border: 1px solid white; vertical-align: bottom; border-radius: 200000px; margin-left: 15px; } .autoplay-togggle::after { content: ''; display: block; height: 15px; width: 15px; background: #ccc; border-radius: 200000px; float: right; margin: 1px; } .autoplay-togggle.on::after { background: #ff5e62; float: left; } .about-like { clear: both; } .newone a { font-size: 14px; } .new-tags-actions { display: inline-flex; align-items: center; flex: 0 0 auto; margin-left: 4px; } .new-tags-actions .suggest-fix { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; border: 1px solid #313131; border-radius: 999px !important; } .meta-boxx { width: 100%; } #downloadid a:focus { box-shadow: none; } #downloadid a:hover { background: #3f3f3f; color: white; } #downloadid a { color: #cacaca; padding: 5px 40px; background: #1f1f1f; } div#downloadid { width: 100%; display: none; margin: auto; float: right; padding: 2rem; justify-content: center; align-items: center; } .msv-container { position: relative; background: #101010; border: 1px solid #313131; border-radius: 4px; } .placeholder-container { width: 100%; position: relative; } .placeholder-container::after { padding-top: 56.25%; display: block; content: ''; } .placeholder { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #000; color: white; } .btn:hover { background-image: none !important; background-color: #fca800; } .nav-tabs .nav-link { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border: 0 !important; border-right: 1px solid transparent !important; border-left: 1px solid transparent !important; } .nav-tabs .nav-link:hover { border-color: #252525 !important; background-color: black; } .nav-link.active { border-top-left-radius: 4px !important; } .nav-tabs .nav-item { margin-bottom: 0 !important; } @media (max-width: 439px) { div#downloadid { width: 70% !important; } } @media (max-width: 880px) { div#downloadid { width: 60%; } } .modal-content { background: #0e0e0e !important; border: 1px solid #1f1f1f !important; } .modal-header { border-color: #1f1f1f; } .g-recaptcha > div { margin: auto !important; } .dwl { color: #ff5e62 !important; padding: 0 !important; background: #101010 !important; } .dwl:hover { color: #ff5e62 !important; background: #101010 !important; } #contentWrapper.theater-mode .after-vid-wrapper, #contentWrapper.theater-mode #tdx-spa-comments { width: 100% !important; max-width: none !important; display: block; margin: 0 !important; } @media (max-width: 1200px) { #contentWrapper.theater-mode .after-vid-wrapper, #contentWrapper.theater-mode #tdx-spa-comments { width: 100% !important; } } #contentWrapper.theater-mode .after-vid { width: 100%; max-width: none; } .videoOverAdBig, .videoOverAdSmall { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background: rgba(0, 0, 0, 0.8); padding: 20px; border-radius: 8px; } .videoOverAd .close { position: absolute; top: 5px; right: 10px; color: white; font-size: 20px; cursor: pointer; } .lucide-loader-spin svg.lucide { font-size: 16px; animation: lucide-spin 0.8s linear infinite; } .video-action-bar { display: flex; align-items: center; gap: 10px; padding: 6px 10px; position: relative; z-index: 2; width: 100%; box-sizing: border-box; overflow: visible; } .video-action-bar__utilities { display: flex; align-items: center; gap: 10px; margin-left: auto; position: relative; flex-shrink: 0; overflow: visible; } .video-action-bar .video-action-btn, .video-action-bar a.video-action-btn, .video-action-bar span.video-action-btn, .video-action-bar__utilities .video-action-btn, .video-action-bar__utilities a.video-action-btn, .video-action-bar__utilities span.video-action-btn { position: relative; flex: 0 0 auto; width: 40px !important; height: 40px !important; min-width: 40px; min-height: 40px; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.05) !important; color: #c4c4c4 !important; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease; overflow: visible !important; text-decoration: none !important; } .video-action-bar [data-tooltip]::after, .video-action-bar__utilities [data-tooltip]::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); padding: 5px 9px; background: rgba(15, 15, 15, 0.94); color: #fff; font-family: 'Roboto', 'Segoe UI', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.2; white-space: nowrap; border-radius: 6px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s ease; z-index: 220; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); } .video-action-bar [data-tooltip]:hover::after, .video-action-bar [data-tooltip]:focus-visible::after, .video-action-bar__utilities [data-tooltip]:hover::after, .video-action-bar__utilities [data-tooltip]:focus-visible::after { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-2px); } .video-action-bar .video-action-btn:hover, .video-action-bar a.video-action-btn:hover, .video-action-bar span.video-action-btn:hover, .video-action-bar__utilities .video-action-btn:hover, .video-action-bar__utilities a.video-action-btn:hover, .video-action-bar__utilities span.video-action-btn:hover { color: #fff !important; background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.28) !important; transform: translateY(-1px); } .video-action-bar .video-action-btn:focus-visible, .video-action-bar a.video-action-btn:focus-visible, .video-action-bar span.video-action-btn:focus-visible, .video-action-bar__utilities .video-action-btn:focus-visible, .video-action-bar__utilities a.video-action-btn:focus-visible, .video-action-bar__utilities span.video-action-btn:focus-visible { outline: 2px solid rgba(255, 94, 98, 0.65); outline-offset: 2px; } .video-action-bar .video-action-btn.is-active, .video-action-bar .video-action-btn.liked, .video-action-bar .video-action-btn.added, .video-action-bar .video-action-btn.fg-gold, .video-action-bar__utilities .video-action-btn.is-active { color: #ff5e62 !important; border-color: rgba(255, 94, 98, 0.5) !important; background: rgba(255, 94, 98, 0.14) !important; } .video-action-bar .video-action-btn.is-loading, .video-action-bar a.video-action-btn.is-loading, .video-action-bar span.video-action-btn.is-loading, .video-action-bar__utilities .video-action-btn.is-loading, .video-action-bar__utilities a.video-action-btn.is-loading, .video-action-bar__utilities span.video-action-btn.is-loading { pointer-events: none; opacity: 0.85; } .video-action-bar .video-action-btn.is-error, .video-action-bar a.video-action-btn.is-error, .video-action-bar span.video-action-btn.is-error, .video-action-bar__utilities .video-action-btn.is-error, .video-action-bar__utilities a.video-action-btn.is-error, .video-action-bar__utilities span.video-action-btn.is-error { border-color: rgba(255, 68, 68, 0.65) !important; background: rgba(255, 68, 68, 0.12) !important; } .video-action-bar .video-action-btn.is-flash, .video-action-bar a.video-action-btn.is-flash, .video-action-bar span.video-action-btn.is-flash, .video-action-bar__utilities .video-action-btn.is-flash, .video-action-bar__utilities a.video-action-btn.is-flash, .video-action-bar__utilities span.video-action-btn.is-flash { animation: video-action-flash 0.45s ease; } @keyframes video-action-flash { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); box-shadow: 0 0 0 4px rgba(255, 94, 98, 0.22); } } .video-action-bar .video-action-btn.video-action-type--uncensored, .video-action-bar a.video-action-btn.video-action-type--uncensored, .video-action-bar__utilities .video-action-btn.video-action-type--uncensored, .video-action-bar__utilities a.video-action-btn.video-action-type--uncensored { color: #6ee7a0 !important; border-color: rgba(110, 231, 160, 0.35) !important; background: rgba(110, 231, 160, 0.1) !important; } .video-action-bar .video-action-btn.video-action-type--uncensored:hover, .video-action-bar .video-action-btn.video-action-type--uncensored:focus-visible, .video-action-bar a.video-action-btn.video-action-type--uncensored:hover, .video-action-bar a.video-action-btn.video-action-type--uncensored:focus-visible, .video-action-bar__utilities .video-action-btn.video-action-type--uncensored:hover, .video-action-bar__utilities .video-action-btn.video-action-type--uncensored:focus-visible, .video-action-bar__utilities a.video-action-btn.video-action-type--uncensored:hover, .video-action-bar__utilities a.video-action-btn.video-action-type--uncensored:focus-visible { color: #9ef0c4 !important; border-color: rgba(110, 231, 160, 0.55) !important; background: rgba(110, 231, 160, 0.16) !important; } .video-action-bar .video-action-btn.video-action-type--uncensored svg, .video-action-bar a.video-action-btn.video-action-type--uncensored svg, .video-action-bar__utilities .video-action-btn.video-action-type--uncensored svg, .video-action-bar__utilities a.video-action-btn.video-action-type--uncensored svg { color: #6ee7a0 !important; stroke: #6ee7a0; } .video-action-bar .video-action-btn.video-action-type--censored, .video-action-bar span.video-action-btn.video-action-type--censored, .video-action-bar__utilities .video-action-btn.video-action-type--censored, .video-action-bar__utilities span.video-action-btn.video-action-type--censored { color: #fca5a5 !important; border-color: rgba(252, 165, 165, 0.35) !important; background: rgba(252, 165, 165, 0.08) !important; } .video-action-bar .video-action-btn.video-action-type--censored:hover, .video-action-bar .video-action-btn.video-action-type--censored:focus-visible, .video-action-bar span.video-action-btn.video-action-type--censored:hover, .video-action-bar span.video-action-btn.video-action-type--censored:focus-visible, .video-action-bar__utilities .video-action-btn.video-action-type--censored:hover, .video-action-bar__utilities .video-action-btn.video-action-type--censored:focus-visible, .video-action-bar__utilities span.video-action-btn.video-action-type--censored:hover, .video-action-bar__utilities span.video-action-btn.video-action-type--censored:focus-visible { color: #fecaca !important; border-color: rgba(252, 165, 165, 0.55) !important; background: rgba(252, 165, 165, 0.14) !important; } .video-action-bar .video-action-btn.video-action-type--censored svg, .video-action-bar span.video-action-btn.video-action-type--censored svg, .video-action-bar__utilities .video-action-btn.video-action-type--censored svg, .video-action-bar__utilities span.video-action-btn.video-action-type--censored svg { color: #fca5a5 !important; stroke: #fca5a5; } .video-action-bar .video-action-icon, .video-action-bar .video-action-loader, .video-action-bar__utilities .video-action-icon, .video-action-bar__utilities .video-action-loader { display: inline-flex; align-items: center; justify-content: center; line-height: 0; } .video-action-bar .video-action-icon svg, .video-action-bar .video-action-loader svg, .video-action-bar__utilities .video-action-icon svg, .video-action-bar__utilities .video-action-loader svg { width: 18px; height: 18px; } .video-action-bar .video-action-loader[hidden], .video-action-bar .video-action-icon[hidden], .video-action-bar__utilities .video-action-loader[hidden], .video-action-bar__utilities .video-action-icon[hidden] { display: none !important; } @media (max-width: 768px) { .undervideo-menu-la { padding: 0 10px; gap: 8px; } .video-action-bar { gap: 8px; padding: 6px 4px; flex-shrink: 0; } .video-action-bar .video-action-btn { width: 34px !important; height: 34px !important; min-width: 34px; min-height: 34px; } .video-action-bar__utilities .video-action-btn { width: 34px !important; height: 34px !important; min-width: 34px; min-height: 34px; } .video-action-bar .video-action-icon svg, .video-action-bar .video-action-loader svg { width: 18px; height: 18px; } } .episode-container #episode_slider > .related-videos-wrap, .episode-container #episode_slider > .tdx-behavior-related { display: contents; } .undervideo-menu-la { position: relative; z-index: 4; overflow: visible; } .menu-wrap-container { overflow: visible; background: #1b1b1b; border-top: none; border-radius: 0 0 4px 4px; } .main-menu-content { position: relative; z-index: 1; } .menu-wrap-container .postMeta, .menu-wrap-container .postMeta .meta-boxx, .menu-wrap-container .postMeta .meta-boxx > div, .menu-wrap-container .postMeta .meta-boxx-stats > div { float: none !important; } .menu-wrap-container .postMeta { width: 100%; box-sizing: border-box; } .menu-wrap-container .meta-boxx { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; width: 100%; min-width: 0; } .menu-wrap-container .meta-boxx-thumb { flex: 0 0 182px; width: 182px; max-width: 182px; min-width: 0; overflow: hidden; position: relative; } .menu-wrap-container .meta-boxx-thumb .rotate-90 { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; transform: rotate(90deg); top: auto; left: auto; } .menu-wrap-container .meta-boxx-stats { flex: 1 1 auto; width: auto; min-width: 0; } @media (max-width: 984px) { .menu-wrap-container .meta-boxx { gap: 6px; } .menu-wrap-container .meta-boxx-thumb { flex: 0 0 clamp(120px, 22vw, 160px); width: clamp(120px, 22vw, 160px); max-width: clamp(120px, 22vw, 160px); } } @media (max-width: 560px) { .menu-wrap-container .meta-boxx-thumb { flex: 0 0 140px; width: 140px; max-width: 140px; } } .video-action-bar__utilities .video-action-btn.is-active, .video-share-dropdown.is-open .video-action-share { color: #fff !important; border-color: rgba(255, 94, 98, 0.45) !important; background: rgba(255, 94, 98, 0.12) !important; } .menu-wrap-content--description { display: block !important; float: none; width: 100%; padding: 12px 16px 16px; box-sizing: border-box; background: transparent; } .video-share-dropdown { position: relative; flex-shrink: 0; } .video-share-menu { position: absolute; bottom: calc(100% + 10px); top: auto; right: 0; z-index: 200; display: none; pointer-events: none; } .video-share-dropdown.is-open .video-share-menu { display: block; pointer-events: auto; } .video-share-menu__panel { padding: 6px 8px; border-radius: 10px; border: none; background: transparent; box-shadow: none; transform-origin: bottom right; opacity: 0; transform: translateY(6px); transition: opacity var(--transition-normal, 280ms cubic-bezier(0.5, 0, 0.1, 1)), transform var(--transition-normal, 280ms cubic-bezier(0.5, 0, 0.1, 1)); } .video-share-dropdown.is-open .video-share-menu__panel { opacity: 1; transform: translateY(0); } .crunchify-social--icons { display: flex; flex-wrap: nowrap; gap: 12px; margin: 0 !important; padding: 0 !important; width: auto; max-width: min(100vw - 32px, 320px); justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .crunchify-social--icons::-webkit-scrollbar { display: none; } .video-share-menu__icon-btn { width: 32px !important; height: 32px !important; min-width: 32px; min-height: 32px; flex-shrink: 0; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background: transparent !important; color: #c4c4c4 !important; font-size: inherit; line-height: 0; font-family: inherit; text-decoration: none !important; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; cursor: pointer; opacity: 0; transform: translateX(-10px); transition: opacity 260ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1), color 150ms ease; } .video-share-dropdown.is-open .video-share-menu__icon-btn { opacity: 1; transform: translateX(0); } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(1) { transition-delay: 25ms; } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(2) { transition-delay: 45ms; } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(3) { transition-delay: 65ms; } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(4) { transition-delay: 85ms; } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(5) { transition-delay: 105ms; } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(6) { transition-delay: 125ms; } .video-share-dropdown.is-open .video-share-menu__icon-btn:nth-child(7) { transition-delay: 145ms; } .video-share-menu__icon-btn svg, .video-share-menu__icon-btn i, .video-share-menu__icon-btn [data-lucide] { width: 18px !important; height: 18px !important; display: block; } .video-share-menu__icon-btn:hover, .video-share-menu__icon-btn:focus-visible { color: #fff !important; transform: translateX(0) scale(1.08); background: transparent !important; border-color: transparent !important; } .video-share-menu__icon-btn.crunchify-x:hover, .video-share-menu__icon-btn.crunchify-x:focus-visible { color: #fff !important; } .video-share-menu__icon-btn.crunchify-facebook:hover, .video-share-menu__icon-btn.crunchify-facebook:focus-visible { color: #1877f2 !important; } .video-share-menu__icon-btn.crunchify-whatsapp:hover, .video-share-menu__icon-btn.crunchify-whatsapp:focus-visible { color: #25d366 !important; } .video-share-menu__icon-btn.crunchify-telegram:hover, .video-share-menu__icon-btn.crunchify-telegram:focus-visible { color: #26a5e4 !important; } .video-share-menu__icon-btn.crunchify-linkedin:hover, .video-share-menu__icon-btn.crunchify-linkedin:focus-visible { color: #0a66c2 !important; } .video-share-menu__icon-btn.crunchify-reddit:hover, .video-share-menu__icon-btn.crunchify-reddit:focus-visible { color: #ff4500 !important; } .video-share-menu__icon-btn.crunchify-copy-link:hover, .video-share-menu__icon-btn.crunchify-copy-link:focus-visible { color: #ff5e62 !important; } .crunchify-social--dropdown { display: flex; flex-direction: column; gap: 2px; margin: 0 !important; padding: 0 !important; text-align: left; } .video-share-menu__item { width: 100% !important; height: auto !important; min-height: 42px; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; color: #e8e8e8 !important; font-size: 14px !important; line-height: 1.2 !important; font-family: inherit; text-decoration: none !important; display: flex !important; align-items: center; gap: 12px; box-sizing: border-box; cursor: pointer; opacity: 0; transform: translateY(-4px); transition: opacity 220ms ease, transform 220ms ease, background 150ms ease, color 150ms ease; } .video-share-dropdown.is-open .video-share-menu__item { opacity: 1; transform: translateY(0); } .video-share-dropdown.is-open .video-share-menu__item:nth-child(1) { transition-delay: 30ms; } .video-share-dropdown.is-open .video-share-menu__item:nth-child(2) { transition-delay: 55ms; } .video-share-dropdown.is-open .video-share-menu__item:nth-child(3) { transition-delay: 80ms; } .video-share-dropdown.is-open .video-share-menu__item:nth-child(4) { transition-delay: 105ms; } .video-share-dropdown.is-open .video-share-menu__item:nth-child(5) { transition-delay: 130ms; } .video-share-dropdown.is-open .video-share-menu__item:nth-child(6) { transition-delay: 155ms; } .video-share-dropdown.is-open .video-share-menu__item:nth-child(7) { transition-delay: 180ms; } .video-share-menu__item:hover, .video-share-menu__item:focus-visible { color: #fff !important; background: rgba(255, 255, 255, 0.08) !important; } .video-share-menu__icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(255, 255, 255, 0.06); flex-shrink: 0; } .video-share-menu__icon svg, .video-share-menu__icon i, .video-share-menu__icon [data-lucide] { width: 16px !important; height: 16px !important; display: block; } .video-share-menu__label { flex: 1 1 auto; min-width: 0; white-space: nowrap; } .video-share-menu__item.crunchify-x:hover .video-share-menu__icon { background: #000; } .video-share-menu__item.crunchify-facebook:hover .video-share-menu__icon { background: #2d4372; } .video-share-menu__item.crunchify-whatsapp:hover .video-share-menu__icon { background: #009688; } .video-share-menu__item.crunchify-telegram:hover .video-share-menu__icon { background: #0088cc; } .video-share-menu__item.crunchify-linkedin:hover .video-share-menu__icon { background: #006288; } .video-share-menu__item.crunchify-reddit:hover .video-share-menu__icon { background: #ff4500; } .video-share-menu__item.crunchify-copy-link:hover .video-share-menu__icon { background: #555; } @media (max-width: 768px) { .rec-cat-title { font-size: 18px; } .video-action-bar__utilities { gap: 8px; } .video-action-bar__utilities .video-action-btn { width: 34px !important; height: 34px !important; min-width: 34px; min-height: 34px; } .video-share-menu__panel { padding: 4px 0; } .crunchify-social--icons { flex-direction: column; gap: 8px; max-width: none; overflow-x: visible; } .video-share-menu__icon-btn { width: 38px !important; height: 38px !important; min-width: 38px; min-height: 38px; border-radius: 50% !important; background: rgba(255, 255, 255, 0.08) !important; opacity: 0; transform: translateY(8px); } .video-share-dropdown.is-open .video-share-menu__icon-btn { transform: translateY(0); } .video-share-menu__icon-btn:hover, .video-share-menu__icon-btn:focus-visible { transform: translateY(0) scale(1.05); background: rgba(255, 255, 255, 0.14) !important; } .video-share-menu__icon-btn svg, .video-share-menu__icon-btn i, .video-share-menu__icon-btn [data-lucide] { width: 16px !important; height: 16px !important; } }
/* tdx-single-related-card */
.videoPost.videoPost--single-related { display: flex; flex-direction: column; position: relative; width: 100%; margin: 0; padding: 0; background: #222; border: none; border-radius: 0; box-shadow: none; overflow: hidden; cursor: pointer; transform: none; transition: none; } .videoPost.videoPost--single-related:hover { transform: none; box-shadow: none; border-color: transparent; } .videoPost.videoPost--single-related .thlink { display: block; position: relative; flex: 0 0 auto; line-height: 0; } .videoPost.videoPost--single-related .image-wrapper { overflow: hidden; position: relative; width: 100%; border-radius: 0; } .videoPost.videoPost--single-related img.thumb_small { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 0; transform: none; transition: none; } .videoPost.videoPost--single-related:hover img.thumb_small { transform: none; } .videoPost.videoPost--single-related div.thumbDuration { top: 8px; right: 8px; left: auto; border-radius: 4px; } .videoPost.videoPost--single-related .uncensored-over { z-index: 4; } .videoPost.videoPost--single-related .title-fix { position: static; flex: 1 1 auto; width: 100%; padding: 10px 8px 12px; margin: 0; background: #222; text-align: center; box-sizing: border-box; z-index: auto; } .videoPost.videoPost--single-related a.videoLink { color: #fff; text-align: center; font-weight: 500; font-size: 13px; line-height: 1.35; text-shadow: none; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: none; height: auto; margin: 0 0 8px; width: 100%; } .videoPost.videoPost--single-related:hover a.videoLink { color: #fff; } .videoPost.videoPost--single-related .title-2 { display: flex; justify-content: center; align-items: center; margin: 0; } .videoPost.videoPost--single-related .thumbViews { color: #c4c4c4; font-size: 13px; text-align: center; justify-content: center; opacity: 1; gap: 6px; } .videoPost.videoPost--single-related .thumbViews svg, .videoPost.videoPost--single-related .thumbViews i { width: 14px; height: 14px; flex-shrink: 0; } #episode_slider .videoPost.videoPost--single-related { flex: 0 0 168px; width: 168px; min-width: 168px; } #episode_slider .videoPost.videoPost--single-related a.videoLink { font-size: 12px; } .related-videos-wrap .videoPost.videoPost--single-related { width: 100%; } .video-posts-grid.tdx-behavior-related .videoPost.videoPost--single-related { width: 100%; } @media (min-width: 600px) and (max-width: 984px) { body.single-post #contentWrapper .sidebar-videos .related-videos-wrap, body.single #contentWrapper .sidebar-videos .related-videos-wrap, .sidebar-videos .related-videos-wrap, .sidebar-videos .tdx-because-watched-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } } @media (max-width: 599px) { .sidebar-videos .related-videos-wrap, .sidebar-videos .tdx-because-watched-grid { width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .sidebar-videos .videoPost.videoPost--single-related { min-width: 0; max-width: 100%; } .sidebar-videos .videoPost.videoPost--single-related img.thumb_small { max-width: 100%; } }
/* tdx-single-meta */
 .meta-boxx { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; width: 100%; min-width: 0; margin-bottom: 12px; } .meta-boxx-thumb { flex-shrink: 0; border-radius: 8px; overflow: hidden; background: rgba(0, 0, 0, 0.2); position: relative; aspect-ratio: 2 / 3; width: 182px; } .meta-boxx-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; vertical-align: middle; } .meta-boxx-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; min-width: 0; } .meta-boxx-views { grid-column: 1; grid-row: 1; } .meta-boxx-likes { grid-column: 2; grid-row: 1; } .meta-boxx-duration { grid-column: 1 / -1; grid-row: 2; } .meta-boxx-video-type, .meta-boxx-stats > .new-tags, .new-tags-scroll-row { grid-column: 1 / -1; } .meta-boxx-views, .meta-boxx-duration, .meta-boxx-likes, .meta-boxx-video-type, .meta-boxx-stats>.new-tags:not(.new-tags-scroll-row) { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); padding: 8px 12px; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; transition: all var(--transition-fast); } .meta-boxx-views, .meta-boxx-likes { justify-content: flex-start; gap: 8px; } .meta-boxx-views i, .meta-boxx-views svg { order: 1; } .meta-boxx-views span { order: 2; } .meta-boxx-likes a { display: flex; align-items: center; gap: 8px; width: auto; flex: 0 1 auto; justify-content: flex-start; text-decoration: none !important; } .meta-boxx-likes a i, .meta-boxx-likes a svg { order: 1; } .meta-boxx-likes a span { order: 2; } .meta-boxx-views:hover, .meta-boxx-duration:hover, .meta-boxx-likes:hover, .meta-boxx-video-type:hover, .meta-boxx-stats>.new-tags:not(.new-tags-scroll-row):hover { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } .meta-boxx-views i, .meta-boxx-duration i, .meta-boxx-likes i, .meta-boxx-video-type i, .meta-boxx-views svg, .meta-boxx-duration svg, .meta-boxx-likes svg, .meta-boxx-video-type svg { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.5; color: #fff; } .meta-boxx-views span, .meta-boxx-duration span, .meta-boxx-likes span, .meta-boxx-likes a span { font-size: 13px; font-weight: 600; color: #fff; font-family: 'Roboto', sans-serif; } .meta-boxx-likes a:hover { text-decoration: none; } .meta-boxx-views::before { content: 'Views'; font-size: 10px; text-transform: uppercase; color: var(--color-text-dim); order: 3; flex-grow: 0; margin-left: 0; opacity: 0.6; letter-spacing: 0.05em; font-weight: 500; } .meta-boxx-duration::before { content: 'Duration'; font-size: 10px; text-transform: uppercase; color: var(--color-text-dim); order: 2; flex-grow: 1; margin-left: 10px; opacity: 0.6; letter-spacing: 0.05em; font-weight: 500; } .meta-boxx-likes::before { content: 'Likes'; font-size: 10px; text-transform: uppercase; color: var(--color-text-dim); order: 3; flex-grow: 0; margin-left: 0; opacity: 0.6; letter-spacing: 0.05em; font-weight: 500; } .meta-boxx-video-type { justify-content: flex-start; gap: 8px; } .meta-boxx-video-type a { order: 1; display: inline-flex; align-items: center; width: auto; flex: 0 1 auto; gap: 8px; justify-content: flex-start; text-decoration: none !important; color: inherit; } .meta-boxx-video-type a:hover { text-decoration: none; } .meta-boxx-video-type--uncensored i, .meta-boxx-video-type--uncensored svg, .meta-boxx-video-type--uncensored a i, .meta-boxx-video-type--uncensored a svg { color: #6ee7a0; opacity: 0.9; } .meta-boxx-video-type--censored i, .meta-boxx-video-type--censored svg { color: #fca5a5; opacity: 0.75; } .meta-boxx-video-type span, .meta-boxx-video-type a span { font-size: 13px; font-weight: 600; color: #fff; font-family: 'Roboto', sans-serif; order: 2; margin-left: 0; } .meta-boxx-video-type i, .meta-boxx-video-type svg, .meta-boxx-video-type a i, .meta-boxx-video-type a svg { order: 1; } .meta-boxx-studio::before { content: 'Studio'; font-size: 10px; text-transform: uppercase; color: var(--color-text-dim); order: 2; flex-grow: 0; flex-shrink: 0; margin-left: 0; opacity: 0.6; letter-spacing: 0.05em; font-weight: 500; } .meta-boxx-date::before { content: 'Release Date'; font-size: 10px; text-transform: uppercase; color: var(--color-text-dim); order: 2; flex-grow: 1; margin-left: 10px; opacity: 0.6; letter-spacing: 0.05em; font-weight: 500; } .meta-boxx-likes a { order: 1; display: flex; align-items: center; width: auto; gap: 8px; } .meta-boxx-likes a i, .meta-boxx-likes a svg { order: 1; } .meta-boxx-likes a span { order: 2; margin-left: 0; } .meta-boxx-views span, .meta-boxx-duration span, .meta-boxx-likes span, .meta-boxx-studio, .meta-boxx-date { order: 3; } .meta-boxx-views svg, .meta-boxx-duration svg, .meta-boxx-likes svg, .meta-boxx-video-type svg, .meta-boxx-views i, .meta-boxx-duration i, .meta-boxx-likes i, .meta-boxx-video-type i, .meta-boxx-studio span, .meta-boxx-date span { order: 1; } .meta-boxx-studio span, .meta-boxx-date span { display: flex; align-items: center; } .meta-boxx-studio span i, .meta-boxx-date span i, .meta-boxx-studio span svg, .meta-boxx-date span svg { width: 14px; height: 14px; opacity: 0.5; } .meta-boxx-stats > .meta-boxx-studio, .meta-boxx-stats > .new-tags.meta-boxx-studio { min-width: 0; overflow: hidden; justify-content: flex-start; gap: 8px; } .meta-boxx-studio .tdx-follow-studio-btn--inline { order: 4; margin-left: auto; flex-shrink: 0; } .meta-boxx-studio-scroller { order: 3; flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--color-border) transparent; color-scheme: dark; } .meta-boxx-studio-scroller a { white-space: nowrap; } .meta-boxx-studio-scroller::-webkit-scrollbar { height: 5px; background: transparent; } .meta-boxx-studio-scroller::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.03); border-radius: 10px; } .meta-boxx-studio-scroller::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 10px; } .meta-boxx-studio-scroller::-webkit-scrollbar-thumb:hover { background: var(--color-text-dim); } .meta-boxx-studio-scroller::-webkit-scrollbar-button { display: none; width: 0; height: 0; } .new-tags { margin: 4px 0 !important; width: 100%; font-size: 13px; color: var(--color-text-dim); } .new-tags a { color: var(--color-text-muted); text-decoration: none; transition: color var(--transition-fast); } .new-tags a:hover { color: #fff; } .new-tags-scroll-row { display: flex; align-items: flex-start; flex-wrap: nowrap; gap: 8px; width: 100%; min-width: 0; margin-top: 6px; } .new-tags-icon { flex: 0 0 auto; margin-top: 0; opacity: 1; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); padding: 8px 12px; border-radius: 8px; transition: all var(--transition-fast); } .new-tags-icon svg, .new-tags-icon i { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.5; color: #fff; } .new-tags-scroller { flex: 1 1 auto; min-width: 0; width: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; cursor: grab; touch-action: pan-x pan-y; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.18) rgba(255, 255, 255, 0.04); padding-bottom: 2px; } .new-tags-scroller-track { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: max-content; min-width: 100%; } .new-tags-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; } .new-tags-scroller::-webkit-scrollbar { display: block; height: 4px; } .new-tags-scroller::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.04); border-radius: 10px; } .new-tags-scroller::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.18); border-radius: 10px; } .new-tags-scroller.is-drag-scrolling { cursor: grabbing; user-select: none; } .new-tags-scroller.is-drag-scrolling a { pointer-events: none; } .tag-pill { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--color-text-muted) !important; padding: 3px 10px; border-radius: 4px; font-size: 12px; transition: all var(--transition-fast); white-space: nowrap; } .tag-pill:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); color: #fff !important; transform: translateY(-1px); } .new-tags-scroller a:not(.tag-pill) { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--color-text-muted) !important; padding: 3px 10px; border-radius: 4px; font-size: 12px; text-decoration: none; white-space: nowrap; transition: all var(--transition-fast); } .new-tags-scroller a:not(.tag-pill):hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); color: #fff !important; } .new-tags-scroller::-webkit-scrollbar { height: 4px; width: 0; } .new-tags-scroller::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.02); } .new-tags-scroller::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); border-radius: 10px; } .meta-boxx-likes a { color: #c4c4c4; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: color 0.2s ease; } .meta-boxx-likes a:hover { color: #e0e0e0; } .meta-boxx-duration { color: rgba(255, 255, 255, 0.7); } @media (max-width: 984px) { .meta-boxx-thumb { width: clamp(120px, 22vw, 160px); } .postMeta, .postMeta div, .postMeta .meta-boxx-stats > div { float: none !important; } .meta-boxx-stats > .meta-boxx-studio { flex-wrap: wrap; align-items: center; overflow: visible; row-gap: 6px; column-gap: 8px; } .meta-boxx-studio > span:first-child { order: 1; flex: 0 0 auto; width: auto; display: inline-flex; align-items: center; } .meta-boxx-studio::before { order: 2; flex: 0 0 auto; align-self: center; } .meta-boxx-studio::after { content: ''; order: 3; flex: 0 0 100%; width: 100%; height: 0; } .meta-boxx-studio-scroller { order: 4; flex: 0 1 auto; width: auto; min-width: 0; max-width: calc(100% - 44px); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; } .meta-boxx-studio-scroller::-webkit-scrollbar { display: none; height: 0; } .meta-boxx-views::before, .meta-boxx-likes::before { content: none; } .meta-boxx-views, .meta-boxx-likes { padding: 8px 10px; } .meta-boxx-studio .tdx-follow-studio-btn--inline { order: 5; flex: 0 0 auto; width: auto; margin-left: 6px; margin-right: 0; margin-top: 0; align-self: center; padding: 3px 8px; min-width: 34px; justify-content: center; } .meta-boxx-studio .tdx-follow-studio-btn--inline .tdx-follow-label { display: none; } .meta-boxx-stats > .new-tags-scroll-row { min-width: 0; flex-wrap: nowrap; align-items: flex-start; margin-top: 0; gap: 8px; } .new-tags-scroll-row .new-tags-icon { flex: 0 0 auto; width: auto; margin-top: 0; padding: 8px 10px; display: inline-flex; align-items: center; justify-content: center; } .new-tags-scroll-row .new-tags-scroller { flex: 1 1 auto; width: auto; min-width: 0; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; } } @media (max-width: 560px) { .meta-boxx-thumb { width: 150px; } .meta-boxx { width: 100%; } .postMeta .meta-boxx div { float: none; } .meta-boxx-stats > .new-tags-scroll-row { min-width: 0; flex-wrap: nowrap; align-items: flex-start; margin-top: 0; gap: 8px; } .new-tags-scroll-row .new-tags-icon { flex: 0 0 auto; width: auto; padding: 8px 10px; } .new-tags-icon { margin-top: 0; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; flex-shrink: 0; } .new-tags-icon svg, .new-tags-icon i { width: 14px; height: 14px; opacity: 0.5; } .new-tags-scroll-row .new-tags-scroller { flex: 1 1 auto; width: auto; min-width: 0; overflow-x: auto; overflow-y: hidden; padding-bottom: 2px; } .meta-boxx-views i, .meta-boxx-duration i, .meta-boxx-likes i, .meta-boxx-video-type i, .meta-boxx-views svg, .meta-boxx-duration svg, .meta-boxx-likes svg, .meta-boxx-video-type svg, .meta-boxx-video-type a i, .meta-boxx-video-type a svg, .meta-boxx-studio span i, .meta-boxx-studio span svg, .meta-boxx-date span i, .meta-boxx-date span svg { width: 18px; height: 18px; } .menu-wrap-content { padding: 0 !important; } } @media (max-width: 360px) { .meta-boxx-thumb { width: 120px; } .new-tags, .new-tags-scroll-row { width: 100%; max-width: 100%; } } .postMeta div { float: left; } .postMeta a { color: rgba(234, 0, 55, 0.75); -webkit-transition: color 0.3s; transition: color 0.3s; } .postMeta a:hover { color: rgba(234, 0, 55, 1); } .videoSideAds { float: left; margin: 0; padding: 0px; } .videoAd300 { background-color: #1b1b1b; padding: 12px; margin-bottom: 10px; float: left; width: 324px; height: 270px; } .videoSideAds div.videoAd300:last-child { min-height: 250px; } @media (max-width: 768px) { .videoSideAds, .videoAd300 { width: 100% !important; max-width: 100%; float: none; box-sizing: border-box; } } a#showCommentsLink { width: 150px; height: 25px; float: left; padding: 5px 20px 0 30px; text-decoration: none; float: left; margin: 0; font-weight: normal; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; background-repeat: no-repeat; background-position: 10px -351px; } a#showCommentsLink:hover { color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: 10px 11px; }
/* tdx-single-comments */
#comments { display: none; } .comment-author a { color: #fff; } #commentlist { float: none; width: 100%; clear: both; } #commentlist > .comment[hidden] { display: none !important; } .tdx-load-more-comments { display: block; width: min(100%, 320px); margin: 8px auto 20px; padding: 11px 18px; border: 1px solid #444; border-radius: 8px; background: #292929; color: #ddd; font-size: 14px; font-weight: 600; text-align: center; cursor: pointer; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease; } .tdx-load-more-comments:hover, .tdx-load-more-comments:focus-visible { background: #343434; border-color: #666; color: #fff; } #respond { width: 100%; box-sizing: border-box; } h3#reply-title { font-size: 20px; } #respond input#author, #respond input#email { width: 50%; margin: 5px; height: 30px; border: 1px solid rgb(202, 202, 202); -webkit-transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; } #respond input#author:focus, #respond input#email:focus, #respond textarea#commentTextarea:focus { border-color: rgb(150, 150, 150); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } #respond textarea#commentTextarea { color: #fff; position: relative; width: 80%; left: 14px; min-height: 64px; background-color: #1f1f1f; margin: 5px; border: 1px solid #1f1f1f; -webkit-transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; } @media (max-width: 450px) { #respond textarea#commentTextarea { width: 70%; } } @media (max-width: 330px) { #respond textarea#commentTextarea { width: 60%; } } ul#commentlist { width: 100%; list-style: none; margin: 0; padding: 0; } ul#commentlist li { float: none; width: 100%; list-style: none; margin: 5px 0 5px 0; } ul#commentlist li .comment-author { float: left; padding: 2px 10px 2px 10px; color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; } ul#commentlist li .commentmetadata { display: none; } ul#commentlist li p { width: 100%; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 0 10px; padding: 20px; } #commentform { width: 100%; } #commentform input#submit { outline: 0 !important; border: none; height: 30px; width: 30%; color: #000; font-weight: 500; background: #3b3b3b; } #commentform input#submit:hover { -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.3); } @media (max-width: 768px) { .all-comments-title, .all-comments-wrap .all-comments-title { font-size: 18px; } .all-comments-wrap #respond textarea#commentTextarea { flex: 0 0 auto; min-height: 40px; height: 40px; resize: none; } .all-comments-wrap #commentform:focus-within textarea#commentTextarea { height: auto; min-height: 72px; resize: vertical; } } .all-comments-wrap #commentform p.form-submit { display: none; } .all-comments-wrap #commentform:focus-within p.form-submit, .all-comments-wrap #commentform.is-comment-active p.form-submit { display: block; }
/* tdx-single-layout */
 body.single #main, body.single-post #main { align-items: stretch; width: 100%; max-width: 100%; } body.single #contentWrapper, body.single-post #contentWrapper { width: 100%; margin-inline: auto; float: none; box-sizing: border-box; } body.single.tdx-theater-mode #main, body.single-post.tdx-theater-mode #main { width: 100%; max-width: 100%; overflow-x: clip; } body.single #contentWrapper.theater-mode, body.single-post #contentWrapper.theater-mode, #contentWrapper.theater-mode { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; padding-left: max(8px, 1vw); padding-right: max(8px, 1vw); box-sizing: border-box; } #contentWrapper.rsl-fix.theater-mode { max-width: 100vw !important; } body.single #contentWrapper > article.post, body.single-post #contentWrapper > article.post { width: 100%; max-width: 100%; } body.single #contentWrapper .videoWrap, body.single-post #contentWrapper .videoWrap { width: 100% !important; max-width: 100% !important; } body.single #wrap.centered.row.rsl-fix, body.single-post #wrap.centered.row.rsl-fix { width: 100%; min-width: 0; margin-inline: auto; box-sizing: border-box; } body.single .contentHead, body.single-post .contentHead { max-width: none !important; } .sidebar-title { padding: 14px 8px; font-size: 20px; } .sidebar-title .text-accent, .sidebar-title .text-blue { color: #ff5e62; } .sidebar-title span { padding: 0 4px; } .sidebar-title .text-white, .all-comments-title .text-white, .rec-cat-title .text-white { color: #e0e0e0; } @media (max-width: 768px) { body.single-post #contentWrapper, body.single #contentWrapper { overflow-x: clip; max-width: 100%; } @supports not (overflow: clip) { body.single-post #contentWrapper, body.single #contentWrapper { overflow-x: hidden; } } body.single-post #contentWrapper > article.post, body.single #contentWrapper > article.post { display: block; } body.single-post #contentWrapper .videoWrap, body.single #contentWrapper .videoWrap { float: none !important; display: flex; flex-direction: column; gap: 0; width: 100% !important; min-width: 0; max-width: 100% !important; } body.single-post #contentWrapper .rvideos-wrap-container, body.single #contentWrapper .rvideos-wrap-container, body.single-post #contentWrapper .rvideos-wrap, body.single #contentWrapper .rvideos-wrap, body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar, body.single-post #contentWrapper .sidebar-videos, body.single #contentWrapper .sidebar-videos { float: none !important; width: 100% !important; max-width: 100%; min-width: 0; margin-inline: 0 !important; box-sizing: border-box; } body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar { margin-top: 16px !important; } body.single-post #contentWrapper .videoBox, body.single #contentWrapper .videoBox { order: 1; height: auto !important; width: 100% !important; max-width: 100% !important; } body.single-post #contentWrapper #videoPostContent, body.single #contentWrapper #videoPostContent { order: 2; float: none; clear: both; } body.single-post #contentWrapper .tdx-video-story-card, body.single #contentWrapper .tdx-video-story-card { order: 3; } body.single-post #contentWrapper .rec-cat, body.single #contentWrapper .rec-cat, body.single-post #contentWrapper #tdx-spa-related-main, body.single #contentWrapper #tdx-spa-related-main { order: 4; } body.single-post #contentWrapper .videoWrap .after-vid-wrapper, body.single #contentWrapper .videoWrap .after-vid-wrapper, body.single-post #contentWrapper #tdx-spa-comments, body.single #contentWrapper #tdx-spa-comments { order: 5; clear: both; width: 100%; } body.single-post #contentWrapper .videoWrap .rec-cat, body.single #contentWrapper .videoWrap .rec-cat { width: 100%; clear: both; margin-top: 10px; } body.single-post #contentWrapper .sidebar-videos + .sidebar-videos, body.single #contentWrapper .sidebar-videos + .sidebar-videos { margin-top: 12px; } body.single-post #contentWrapper .related-videos-wrap, body.single #contentWrapper .related-videos-wrap, .related-videos-wrap { padding: 10px 6px; } } @media (min-width: 769px) and (max-width: 984px) { body.single-post #contentWrapper > article.post, body.single #contentWrapper > article.post { display: block; } body.single-post #contentWrapper .videoWrap, body.single #contentWrapper .videoWrap { float: none !important; display: flex; flex-direction: column; gap: 0; width: 100% !important; min-width: 0; max-width: 100% !important; } body.single-post #contentWrapper .rvideos-wrap-container, body.single #contentWrapper .rvideos-wrap-container { float: none !important; width: 100% !important; max-width: 100%; min-width: 0; margin: 0 !important; } body.single-post #contentWrapper .rvideos-wrap, body.single #contentWrapper .rvideos-wrap { width: 100%; } body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar { float: none !important; width: 100% !important; margin: 16px 0 0 !important; } body.single-post #contentWrapper .videoBox, body.single #contentWrapper .videoBox { order: 1; height: auto !important; width: 100% !important; max-width: 100% !important; } body.single-post #contentWrapper #videoPostContent, body.single #contentWrapper #videoPostContent { order: 2; float: none; clear: both; } body.single-post #contentWrapper .tdx-video-story-card, body.single #contentWrapper .tdx-video-story-card { order: 3; } body.single-post #contentWrapper .rec-cat, body.single #contentWrapper .rec-cat, body.single-post #contentWrapper #tdx-spa-related-main, body.single #contentWrapper #tdx-spa-related-main { order: 4; } body.single-post #contentWrapper .videoWrap .after-vid-wrapper, body.single #contentWrapper .videoWrap .after-vid-wrapper, body.single-post #contentWrapper #tdx-spa-comments, body.single #contentWrapper #tdx-spa-comments { order: 5; clear: both; width: 100%; } body.single-post #contentWrapper .videoWrap .rec-cat, body.single #contentWrapper .videoWrap .rec-cat { width: 100%; clear: both; margin-top: 10px; } body.single-post #contentWrapper .sidebar-videos + .sidebar-videos, body.single #contentWrapper .sidebar-videos + .sidebar-videos { margin-top: 12px; } body.single-post #contentWrapper .sidebar-videos .related-videos-wrap, body.single #contentWrapper .sidebar-videos .related-videos-wrap, body.single-post #contentWrapper .sidebar-videos .tdx-because-watched-grid, body.single #contentWrapper .sidebar-videos .tdx-because-watched-grid { padding-top: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } } @media (min-width: 985px) { body.single-post #contentWrapper > article.post, body.single #contentWrapper > article.post { display: grid; grid-template-columns: minmax(0, 1fr) 324px; gap: 15px; align-items: start; } body.single-post #contentWrapper .videoWrap, body.single #contentWrapper .videoWrap { grid-column: 1; float: none !important; display: flex; flex-direction: column; gap: 0; width: auto !important; min-width: 0; max-width: none !important; } body.single-post #contentWrapper .rvideos-wrap-container, body.single #contentWrapper .rvideos-wrap-container { grid-column: 2; width: 324px; max-width: 324px; min-width: 324px; } body.single-post #contentWrapper .videoBox, body.single #contentWrapper .videoBox { order: 1; height: auto !important; width: 100% !important; max-width: 100% !important; } body.single-post #contentWrapper #videoPostContent, body.single #contentWrapper #videoPostContent { order: 2; float: none; clear: both; } body.single-post #contentWrapper .tdx-video-story-card, body.single #contentWrapper .tdx-video-story-card { order: 3; } body.single-post #contentWrapper .rec-cat, body.single #contentWrapper .rec-cat, body.single-post #contentWrapper #tdx-spa-related-main, body.single #contentWrapper #tdx-spa-related-main { order: 4; } body.single-post #contentWrapper .videoWrap .after-vid-wrapper, body.single #contentWrapper .videoWrap .after-vid-wrapper, body.single-post #contentWrapper #tdx-spa-comments, body.single #contentWrapper #tdx-spa-comments { order: 5; clear: both; width: 100%; } body.single-post #contentWrapper .rvideos-wrap, body.single #contentWrapper .rvideos-wrap { width: 100%; } body.single-post #contentWrapper .rvideos-sidebar, body.single #contentWrapper .rvideos-sidebar { float: none !important; width: 100% !important; margin: 0 0 10px 0 !important; } body.single-post #contentWrapper .videoWrap .rec-cat, body.single #contentWrapper .videoWrap .rec-cat { width: 100%; clear: both; margin-top: 10px; } body.single-post #contentWrapper .sidebar-videos + .sidebar-videos, body.single #contentWrapper .sidebar-videos + .sidebar-videos { margin-top: 12px; } body.single-post #contentWrapper .sidebar-videos .related-videos-wrap, body.single #contentWrapper .sidebar-videos .related-videos-wrap { padding-top: 10px; } body.single-post #contentWrapper.theater-mode > article.post, body.single #contentWrapper.theater-mode > article.post, #contentWrapper.theater-mode > article.post { display: block; width: 100%; } body.single-post #contentWrapper.theater-mode .videoWrap, body.single #contentWrapper.theater-mode .videoWrap, #contentWrapper.theater-mode .videoWrap { display: block; width: 100% !important; max-width: none !important; float: none !important; } body.single-post #contentWrapper.theater-mode #theVideo, body.single #contentWrapper.theater-mode #theVideo, body.single-post #contentWrapper.theater-mode .videoBox, body.single #contentWrapper.theater-mode .videoBox, #contentWrapper.theater-mode #theVideo, #contentWrapper.theater-mode .videoBox { display: block; width: 100% !important; max-width: none !important; min-width: 0; height: auto !important; min-height: 0 !important; float: none !important; overflow: visible !important; } body.single-post #contentWrapper.theater-mode .post-video-container, body.single #contentWrapper.theater-mode .post-video-container, #contentWrapper.theater-mode #theVideo .post-video-container, #contentWrapper.theater-mode .post-video-container, #contentWrapper.theater-mode #theVideo #video-player, #contentWrapper.theater-mode #video-player { width: 100% !important; max-width: 100% !important; min-width: 0; height: auto !important; min-height: 0 !important; } body.single-post #contentWrapper.theater-mode .title-container, body.single #contentWrapper.theater-mode .title-container, body.single-post #contentWrapper.theater-mode .menu-wrap-container, body.single #contentWrapper.theater-mode .menu-wrap-container, #contentWrapper.theater-mode .title-container, #contentWrapper.theater-mode .menu-wrap-container { width: 100% !important; max-width: none !important; box-sizing: border-box; } body.single-post #contentWrapper.theater-mode #videoPostContent, body.single #contentWrapper.theater-mode #videoPostContent, #contentWrapper.theater-mode #videoPostContent { width: 100% !important; max-width: none !important; } body.single-post #contentWrapper.theater-mode .tdx-video-story-card, body.single #contentWrapper.theater-mode .tdx-video-story-card, #contentWrapper.theater-mode .tdx-video-story-card { width: 100% !important; max-width: none !important; } body.single-post #contentWrapper.theater-mode .tdx-theater-empty, body.single #contentWrapper.theater-mode .tdx-theater-empty, #contentWrapper.theater-mode .tdx-theater-empty { display: none !important; } body.single-post #contentWrapper.theater-mode .tdx-theater-bottom-row, body.single #contentWrapper.theater-mode .tdx-theater-bottom-row, #contentWrapper.theater-mode .tdx-theater-bottom-row { display: grid; grid-template-columns: minmax(0, 1fr) 324px; gap: 15px; width: 100%; align-items: start; margin-top: 16px; } body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack, body.single #contentWrapper.theater-mode .tdx-theater-main-stack, #contentWrapper.theater-mode .tdx-theater-main-stack { display: flex; flex-direction: column; gap: 16px; width: 100% !important; max-width: none !important; min-width: 0; } body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, body.single #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, body.single #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, body.single #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, body.single-post #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments, body.single #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments, #contentWrapper.theater-mode .tdx-theater-main-stack .rec-cat, #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-related-main, #contentWrapper.theater-mode .tdx-theater-main-stack .after-vid-wrapper, #contentWrapper.theater-mode .tdx-theater-main-stack #tdx-spa-comments { width: 100% !important; max-width: none !important; margin: 0 !important; } body.single-post #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container, body.single #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container, #contentWrapper.theater-mode .tdx-theater-bottom-row .rvideos-wrap-container { width: 324px; max-width: 324px; min-width: 324px; margin-top: 0; } body.single-post #contentWrapper.theater-mode .rvideos-wrap, body.single #contentWrapper.theater-mode .rvideos-wrap, #contentWrapper.theater-mode .rvideos-wrap { width: 100% !important; max-width: 100% !important; } #contentWrapper.theater-mode .rvideos-wrap-container .rec-cat, #contentWrapper.theater-mode #tdx-spa-related-sidebar .rec-cat, #contentWrapper.theater-mode .videoWrap > .rec-cat, #contentWrapper.theater-mode .videoWrap > #tdx-spa-related-main, #contentWrapper.theater-mode .videoWrap > .after-vid-wrapper, #contentWrapper.theater-mode .videoWrap > #tdx-spa-comments, #contentWrapper.theater-mode .videoWrap > .tdx-theater-main-stack { display: none !important; } #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack { display: flex !important; flex-direction: column; } #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack .rec-cat, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack #tdx-spa-related-main, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack .after-vid-wrapper, #contentWrapper.theater-mode .tdx-theater-bottom-row .tdx-theater-main-stack #tdx-spa-comments { display: block !important; } }
/* tdx-continue-watching */
 .continue-watching { margin: 20px 0; padding: 20px 0; border-radius: 4px; clear: both; } .continue-watching-header { margin-bottom: 20px; } .continue-watching-title { color: #ff5e62; margin: 0; font-size: 20px; font-family: 'bulletproof deco bb', Helvetica, Arial; display: flex; align-items: center; gap: 10px; } .continue-watching-title i { color: #ff5e62; font-size: 18px; } .continue-watching-count { background: #ff5e62; color: #fff; padding: 2px 8px; border-radius: 12px; font-size: 12px; margin-left: 10px; font-weight: bold; } .continue-grid { clear: both; } #continue-watching-section .videoPost--listing.continue-watching-card, #continue-watching-grid .videoPost--listing.continue-watching-card { width: 100%; float: none; margin: 0; padding: 0 0 var(--space-md, 16px); box-shadow: none; display: block; } #continue-watching-section .videoPost--listing.continue-watching-card .listing-card-info, #continue-watching-grid .videoPost--listing.continue-watching-card .listing-card-info { width: 100%; box-sizing: border-box; } #continue-watching-section .videoPost .cw-progress-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: rgba(0, 0, 0, 0.5); overflow: hidden; } #continue-watching-section .videoPost .cw-progress-fill { height: 100%; background: #ff5e62; transition: width 0.2s ease; } .continue-watching-loading { text-align: center; color: #ccc; width: 100%; padding: 20px; } .loading-spinner { width: 40px; height: 40px; border: 4px solid #333; border-top: 4px solid #ff5e62; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 10px; } .continue-watching-empty { text-align: center; color: #ccc; width: 100%; padding: 40px 20px; } .empty-icon { font-size: 48px; margin-bottom: 15px; } .empty-subtitle { font-size: 14px; color: #666; margin-top: 5px; } .continue-watching-card:not(.videoPost--listing) { position: relative; width: 264px; float: left; padding: 0px; margin: 10px; cursor: pointer; padding: 0 0 5px 0; margin: 10px 0 20px 4.5px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12) !important; text-decoration: none; color: inherit; display: block; } .continue-watching-card:not(.videoPost--listing):hover { text-decoration: none; color: inherit; } .continue-watching-card:not(.videoPost--listing) img.thumb_small { width: 264px; height: 388px; } .continue-watching-card:not(.videoPost--listing) .thumbDuration { position: absolute; top: 0; left: 0; margin: 2px 0 0 2px; padding: 4px 6px; font-size: 12px; font-weight: 600; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.75); z-index: 5; border-radius: 2px; } .continue-watching-card:not(.videoPost--listing) .progress-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background: rgba(0, 0, 0, 0.5); } .continue-watching-card:not(.videoPost--listing) .progress-fill { height: 100%; background: #ff5e62; transition: width 0.3s; } .continue-watching-card:not(.videoPost--listing) .videoLink { color: #fff; text-align: center; font-weight: 500; width: 100%; float: left; overflow: hidden; text-decoration: none; height: 34px; margin-bottom: 2px; font-size: 15px; line-height: 110%; } .continue-watching-card:not(.videoPost--listing) .title-fix { position: relative; } .continue-watching-card:not(.videoPost--listing) .title-2 { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; } .continue-watching-card:not(.videoPost--listing) .thumbViews { color: #c4c4c4; text-decoration: none; font-size: 16px; text-align: center; opacity: 0.75; } .continue-watching-card:not(.videoPost--listing) .progress-text { color: #ff5e62; font-weight: bold; font-size: 12px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 768px) { .continue-watching-card:not(.videoPost--listing) { float: none; display: inline-block; } .continue-watching { margin: 15px 0; padding: 15px; } .continue-watching-title { font-size: 18px; } } @media (max-width: 564px) { .continue-watching-card:not(.videoPost--listing) img.thumb_small { width: 100%; height: auto; } .continue-watching-card:not(.videoPost--listing) { width: 44%; padding: 0 2px; margin: 10px 2px; box-sizing: inherit; overflow: inherit; } } @media (max-width: 379px) { .continue-watching-card:not(.videoPost--listing) img.thumb_small { width: 100%; height: auto; } .continue-watching-card:not(.videoPost--listing) { width: 44%; box-sizing: inherit; overflow: inherit; } } .shdw { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.69) 90%, rgba(0, 0, 0, 0.9) 100%) !important; } .episode-list-container { margin: 10px 0 10px 0; border: 1px solid #343434; border-radius: 4px; background-color: #101010; } @media (max-width: 480px) { .episode-list-container { margin-bottom: 0px; } } .episode-list-container { clear: both; } .episode-container { width: 100%; padding: 10px; -webkit-box-sizing: border-box; .modal-dialog { position: fixed; width: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100vw - 50px); } -moz-box-sizing:border-box; box-sizing:border-box; } .episode-slider-wrapper { overflow: hidden; white-space: nowrap; position: relative; } #episode_slider { display: flex; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; gap: 15px; padding: 10px 0 20px 0; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; scrollbar-width: none; cursor: grab; } #episode_slider::-webkit-scrollbar { display: none; } #episode_slider .videoPost.videoPost--single-related { flex: 0 0 168px; width: 168px; min-width: 168px; list-style: none; user-select: none; margin: 0; } #episode_slider .videoPost:not(.videoPost--single-related) { flex: 0 0 220px; width: 220px; list-style: none; user-select: none; margin: 0; } #episode_slider.active { cursor: grabbing; scroll-behavior: auto; } #episode_slider.dragging, #episode_slider.dragging a { cursor: grabbing; user-select: none; -webkit-user-select: none; } #episode_slider.dragging a { pointer-events: none; } @media (min-width: 1100px) { .videoBox { width: 100% !important; max-width: 100% !important; height: auto !important; } .videoBox video { width: 100% !important; } } .image-wrapper img[src*="nothumb.jpg"] { width: 100% !important; height: auto !important; object-fit: cover; } .video-resume-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); } .video-resume-content { background: rgba(27, 27, 27, 0.95); border: 2px solid #ff5e62; border-radius: 12px; padding: 25px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6); animation: slideIn 0.3s ease-out; position: relative; } @keyframes slideIn { from { opacity: 0; transform: translateY(-20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .video-resume-icon { font-size: 40px; color: #ff5e62; margin-bottom: 15px; display: block; } .video-resume-title { color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 8px; font-family: 'Roboto', sans-serif; } .video-resume-subtitle { color: #ccc; font-size: 14px; margin-bottom: 20px; line-height: 1.4; } .video-resume-progress { background: #333; height: 4px; border-radius: 2px; margin: 15px 0; overflow: hidden; } .video-resume-progress-fill { background: linear-gradient(90deg, #ff5e62, #f90); height: 100%; border-radius: 2px; transition: width 0.3s ease; } .video-resume-time { color: #ff5e62; font-size: 12px; font-weight: 500; margin-top: 8px; } .video-resume-buttons { display: flex; gap: 12px; justify-content: center; margin-top: 20px; } .video-resume-btn { padding: 10px 20px; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; min-width: 120px; font-family: 'Roboto', sans-serif; } .video-resume-btn.continue { background: #ff5e62; color: #fff; } .video-resume-btn.continue:hover { background: #6a9bd8; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(142, 177, 230, 0.3); } .video-resume-btn.restart { background: transparent; color: #ff5e62; border: 2px solid #ff5e62; } .video-resume-btn.restart:hover { background: #ff5e62; color: #fff; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(142, 177, 230, 0.3); } .video-resume-close { position: absolute; background: none; border: none; color: #ccc; font-size: 20px; cursor: pointer; padding: 5px; line-height: 1; } .video-resume-close:hover { color: #fff; } @media (max-width: 768px) { .video-resume-content { padding: 20px; margin: 15px; max-width: 350px; } .video-resume-title { font-size: 18px; } .video-resume-subtitle { font-size: 13px; } .video-resume-buttons { flex-direction: column; gap: 8px; } .video-resume-btn { width: 100%; min-width: auto; padding: 12px 16px; } } .episode-container { background: #10101099; position: relative; display: flex; align-items: center; } .episode-container #episode_slider { display: flex; gap: 8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y; scroll-behavior: auto; cursor: grab; flex: 1; padding: 0; margin: 0; } .episode-container #episode_slider.dragging { cursor: grabbing; user-select: none; } .episode-container #episode_slider.dragging a { pointer-events: none; } .episode-container #episode_slider>* { flex: 0 0 auto; } .episode-container #episode_slider::-webkit-scrollbar { height: 8px; } @media (max-width: 768px) { .episode-container { padding: 6px; } }