/* ==UserStyle==
@name Websites Fixes
@description Various websites fixes and minor restyling
@author Rensatsu
@namespace https://ren-user-css.pages.dev/websites-fixes.user.css
@version 1.3.20251027190042
==/UserStyle== */
@-moz-document domain("9gag.com") {
  /* hide annoying stuff */
  .post-afterbar,
  .in-list-view,
  .badge-sticky-sidedock-static,
  .sticky-social,
  #overlay-container,
  .badge-toolbar-pre .share,
  .badge-toolbar-pre .others,
  #sidebar,
  .badge-sticky-button,
  .social-love,
  .post-tag,
  .ui-post-tags,
  .funoff,
  .nav-menu > .flex.menu,
  .featured-tag,
  .post-afterbar-a,
  .badge-entry-info,
  .outstream-ad-outer-wrapper,
  .topBannerAd-container,
  .post-section,
  .secondary,
  .main-wrap > section[id^="list-view"] > div article:not([id]),
  .sticky-navbar,
  .drawer-container .campaign-banner,
  .post-list-tag,
  .post-award-users,
  article .post-tags {
    display: none !important;
  }
  /* simplify post header */
  .post-meta .post-meta__list-view a.image,
  .post-meta .post-meta__list-view a.name {
    display: none;
  }
  .post-meta .post-meta__list-view span.creationTime {
    margin-left: 0;
  }
  body.no-scroll {
    overflow: auto !important;
  }
  /* expand header */
  .nav-wrap {
    max-width: 100% !important;
  }
  /* expand container */
  #container,
  #container.drawer {
    width: 100% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    left: 0 !important;
  }
  /* restyle left sidebar drawer */
  #container > .drawer {
    left: 10px !important;
  }
  #container > .drawer .thumbnail {
    display: none !important;
  }
  #container > .drawer section:nth-child(1) > ul > li:nth-child(4) {
    display: none !important;
  }
  #container > .drawer .icon,
  #container > .drawer .nav .thumbnail {
    opacity: 0.2 !important;
    transition: 0.3s 0.3s opacity;
  }
  #container > .drawer:hover .icon,
  #container > .drawer:hover .nav .thumbnail {
    opacity: 1 !important;
    transition: 0.3s 0s opacity;
  }
  #container > .drawer li .label + .button > .icon {
    opacity: 0 !important;
  }
  #container > .drawer li:hover .label + .button > .icon {
    opacity: 1 !important;
  }
  /* fix page centering */
  #page {
    width: calc(1036px - var(--main-margin) / 2) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* adjust colors */
  body {
    background-color: #f7f7f7;
  }
  body.theme-dark {
    background-color: #202029;
  }
  /* fix non-transparent backgrounds */
  .sticky-navbar,
  #container > .drawer {
    background-color: transparent !important;
  }
  /* hide "More posts from 9GAG" after comments */
  section.post-comment + div {
    display: none;
  }
  /* always show comments */
  .post-comment {
    display: block !important;
  }
  /* hack to hide comments box only when "comments" tab is inactive */
  section.post-comment[style*="display"] .comment-composer {
    display: none;
  }
}

@-moz-document domain("anilist.co") {
  .medialist.cards .entry-card .title {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
  }
}

@-moz-document domain("calendar.google.com") {
  *:not(.google-material-icons):not(.notranslate) {
    font-family: "Trebuchet MS", system-ui, sans-serif !important;
  }
}

@-moz-document domain("crunchyroll.com") {
  #velocity-controls-package > div[style*="background-color"]:nth-child(1) {
    background-color: transparent !important;
  }
  [data-testid="vilos-large_play_pause_button"] {
    display: none !important;
  }
  [data-testid="vilos-volume_container"] > div:nth-child(2) {
    opacity: 1 !important;
    width: 91px !important;
  }
}

@-moz-document domain("developer.mozilla.org") {
  :root {
    --font-body: IBM Plex Sans, var(--font-fallback);
    --font-heading: IBM Plex Sans, var(--font-fallback);
    --font-code: JetBrains Mono, monospace;
    --background-primary: #fdfdfd;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --background-primary: #35343a;
    }
  }
  body {
    text-rendering: optimizeLegibility !important;
  }
  /* Remove underscore after page header text */
  .main-page-content h1::after {
    content: unset !important;
  }
}

@-moz-document domain("digitalocean.com") {
  body {
    font-family: system-ui, sans-serif !important;
  }
  div[class^="ToastStyles__StyledWrapper-"] {
    display: none !important;
  }
}

@-moz-document domain("docs.google.com") {
  /* hide annoyances */
  .kix-cursor-name,
  #docos-comment-bubble,
  .docs-explore-widget,
  .waffle-assistant-entry {
    display: none !important;
  }
  .docs-meet-in-editors-entrypoint-container {
    display: none !important;
  }
}

@-moz-document domain("drive.google.com") {
  /* change fonts */
  :root {
    --font-family-h: "IBM Plex Sans Medium", "Trebuchet MS", system-ui, sans-serif;
    --font-family-t: "IBM Plex Sans", "Trebuchet MS", system-ui, sans-serif;
  }
  .vhoiae,
  .X9XeLb,
  .cWKK1c,
  .aJfoSc,
  .TOb6Ze {
    --dt-display-1-font: 400 3.5625rem/4rem var(--font-family-h);
    --dt-display-large-font: 400 3.5625rem/4rem var(--font-family-h);
    --dt-display-medium-font: 400 2.8125rem/3.25rem var(--font-family-h);
    --dt-display-small-font: 400 2.25rem/2.75rem var(--font-family-h);
    --dt-headline-large-font: 400 2rem/2.5rem var(--font-family-h);
    --dt-headline-medium-font: 400 1.75rem/2.25rem var(--font-family-h);
    --dt-headline-small-font: 400 1.5rem/2rem var(--font-family-h);
    --dt-title-large-font: 400 1.375rem/1.75rem var(--font-family-h);
    --dt-headline-6-font: 400 1.375rem/1.75rem var(--font-family-h);
    --dt-title-medium-font: 500 1rem/1.5rem var(--font-family-t);
    --dt-title-small-font: 500 0.875rem/1.25rem var(--font-family-t);
    --dt-subtitle-1-font: 500 1rem/1.5rem var(--font-family-t);
    --dt-label-large-font: 500 0.875rem/1.25rem var(--font-family-t);
    --dt-label-medium-font: 500 0.75rem/1rem var(--font-family-t);
    --dt-label-small-font: 500 0.6875rem/1rem var(--font-family-t);
    --dt-body-large-font: 400 1rem/1.5rem var(--font-family-t);
    --dt-body-medium-font: 400 0.875rem/1.25rem var(--font-family-t);
    --dt-body-small-font: 400 0.75rem/1rem var(--font-family-t);
  }
  .gb_Ue {
    font-family: var(--font-family-t) !important;
  }
  .g-Ca[role="tooltip"] {
    display: none !important;
  }
}

@-moz-document domain("gitlab.com") {
  .namespace-name {
    opacity: 0.75;
    font-weight: normal;
  }
  .projects-list .project-row:hover {
    background: rgba(51, 51, 51, 0.025);
  }
  .snippet-row .snippet-filename {
    padding: 0 5px;
    opacity: 0.5;
    font-weight: normal;
  }
}

@-moz-document url-prefix("https://www.google.") {
  /* change font in firefox because it's rendering really bad */
  @supports (-moz-appearance: none) {
    * {
      font-family: "Source Sans Pro", system-ui, sans-serif !important;
    }
  }
  /* start page: make submit buttons use the same style */
  .jhp input[type="submit"] {
    border: 1px solid #dadce0 !important;
  }
}

@-moz-document domain("holodex.net") {
  .v-application {
    font-family: "Trebuchet MS", system-ui, sans-serif !important;
  }
  #bottom-bar {
    display: none;
  }
}

@-moz-document domain("japanpost.jp") {
  * {
    font-family: system-ui !important;
  }
}

@-moz-document domain("lowendbox.com") {
  body {
    font-family: system-ui;
  }
  #rap {
    filter: none !important;
  }
  #rap,
  #nav-bar-wrap,
  #footerads,
  #footer {
    width: 1280px !important;
  }
}

@-moz-document domain("material.io") {
  :root {
    --mdc-typography-font-family: system-ui;
    --mdc-typography-body1-font-weight: 400;
  }
  /* Hide top banner */
  mio-communication-banner {
    display: none !important;
  }
  /* Hide share buttons */
  mio-blog-share-widget {
    display: none !important;
  }
  /* Body font weight */
  .editorial {
    font-weight: 400 !important;
  }
  /* Headers */
  .editorial h1 {
    font-size: 2.9rem !important;
    line-height: 1.5 !important;
    font-family: inherit !important;
    font-weight: 600 !important;
  }
  header p {
    font-family: inherit !important;
    font-size: 2.3rem !important;
  }
}

@-moz-document domain("mega.nz") {
  /* change fonts */
  :root > body {
    --ren-font-family-normal: system-ui, sans-serif;
    --text-font-family: var(--ren-font-family-normal) !important;
    --text-font-family-bold: var(--ren-font-family-normal) !important;
    --text-font-family-semibold: var(--ren-font-family-normal) !important;
    --text-font-family-black: var(--ren-font-family-normal) !important;
    --text-font-family-light: var(--ren-font-family-normal) !important;
    --text-font-family-code: monospace !important;
  }
  /* sidebar file manager */
  .nw-fm-tree-folder,
  .btn-myfiles {
    color: #444 !important;
    font-size: 0.95rem;
    opacity: 1;
  }
  .lp-myfiles .section-title {
    color: #666;
    opacity: 1;
    font-size: 0.8rem;
  }
  .lp-myfiles {
    background: var(--surface-grey-1);
  }
  .btn-myfiles.active,
  .btn-myfiles:hover {
    background-color: var(--surface-grey-5);
  }
  /* main file manager view */
  table.fm tr > td:is(.size, .type, .time),
  table.fm tr > td[megatype="fname"] > span {
    font-size: 1rem !important;
  }
  table.fm tr > td.time {
    width: 160px !important;
  }
  .grid-table-header th > div {
    font-size: 0.85rem !important;
    text-transform: uppercase;
  }
  /* hide tariff plan name */
  .lp-myfiles .storage-usage-panel .title-block {
    display: none !important;
  }
  /* minimize selection bottom status bar */
  .selection-status-bar {
    height: 28px;
    padding: 0 12px;
  }
  .selection-status-bar .selection-bar-col {
    line-height: 20px;
    margin-top: 0;
  }
  .selection-status-bar .selection-bar-col span {
    background: none !important;
    font-weight: 600;
    color: inherit !important;
  }
  .selection-links-wrapper {
    top: 3px;
  }
  /* fix volume bar transition delays */
  .media-viewer .video-vol-range {
    transition: 0.1s 0.5s;
  }
  .media-viewer .vol-wrapper.audio:hover .video-vol-range {
    transition: 0.1s 0.1s;
  }
  /* fix upload/download status percentage */
  .transfer-progress-type.complete .status-indicator,
  .transfer-progress-type.upload .status-indicator {
    background-color: var(--secondary-blue);
  }
}

@-moz-document domain("music.youtube.com") {
  /* fix bottom info panel alignment */
  .middle-controls.ytmusic-player-bar {
    justify-content: flex-start !important;
  }
  .content-info-wrapper.ytmusic-player-bar {
    flex: 1 !important;
  }
  /* end: fix bottom info panel alignment */
  /* hide "New recommendations" chip */
  ytmusic-content-update-chip {
    display: none !important;
  }
  /* end: hide "New recommendations" chip */
}

@-moz-document domain("onedrive.live.com") {
  /* fix font-weight */
  .od-ItemContent-title,
  a.LeftNav-subLink {
    font-weight: 400 !important;
  }
}

@-moz-document domain("pubg.op.gg") {
  .user-content-layer__recent-matches {
    margin-top: 0 !important;
  }
}

@-moz-document domain("rp5.ru") {
  /* ads between current weather and weather table */
  #FheaderContent > div:nth-child(7),
  #FheaderContent > div:nth-child(8) {
    display: none !important;
  }
  /* ads in sidebar */
  #content ~ div {
    display: none !important;
  }
  /* fix main content width */
  #content-wrapper {
    width: 999px !important;
  }
  .blink {
    -webkit-animation: none !important;
    animation: none !important;
  }
}

@-moz-document domain("tonsky.me") {
  body {
    background-image: none;
    background-color: hsl(0, 0%, 98%);
  }
  .dark_mode {
    display: none;
  }
}

@-moz-document domain("twitch.tv") {
  :root {
    /* change fonts */
    --font-base: Tahoma, sans-serif !important;
    --font-display: Tahoma, sans-serif !important;
  }
  :root,
  .font-scale--default {
    /* reduce headings */
    --font-size-base: 13px;
    --font-size-1: 2.75rem;
    --font-size-2: 2.25rem;
    --font-size-3: 1.75rem;
    --font-size-4: 1.4rem;
    --font-size-5: 1.2rem;
    --deprecated-font-size-6: 1.25rem;
    --deprecated-font-size-7: 1.25rem;
    --deprecated-font-size-8: 1.25rem;
  }
  body {
    background-color: var(--color-background-alt-2) !important;
    font-family: var(--font-base) !important;
  }
  .chat-room,
  .channel-root__right-column {
    background-color: var(--color-background-alt) !important;
  }
  .whispers,
  .pl-clips-button {
    display: none !important;
  }
  /* game card hover animation */
  .tw-hover-accent-effect__children {
    transform: none !important;
  }
  .tw-hover-accent-effect__corner--top,
  .tw-hover-accent-effect__corner--bottom {
    display: none;
  }
  .tw-hover-accent-effect {
    background: none !important;
  }
  /* end: game card hover animation */
  /* chat */
  .chat-author__display-name {
    color: var(--color-twitch-purple-11) !important;
  }
  /* end: chat */
  /* chat cheers */
  .chat-image__animated {
    display: none !important;
  }
  .chat-line__message--cheer-amount {
    background: var(--color-hinted-grey-3) !important;
    color: var(--color-prime-blue) !important;
    border-radius: 0.25rem;
    padding: 0 0.5rem;
    margin-left: -2.8rem;
  }
  .chat-line__message--cheer-amount:before {
    content: "🔹";
    font-size: 1.25rem;
    padding-right: 0.5rem;
  }
  /* end: chat cheers */
  /* player */
  .volume-slider__slider-container {
    opacity: 1 !important;
  }
  .top-bar {
    background: none !important;
  }
  [data-a-target="player-controls"] button[aria-label^="Clip"],
  [data-a-target="player-controls"] button[aria-label="Follow to clip"] {
    display: none;
  }
  .top-bar .tw-channel-status-text-indicator {
    display: none !important;
  }
  /* disable animation of avatar's frame */
  .user-avatar-animated .user-avatar-animated__halo {
    animation: none !important;
  }
  .user-avatar-animated__live:after {
    display: none !important;
  }
  /* sidebar */
  .side-nav-card__metadata {
    opacity: 0.5;
  }
  .side-nav-card__metadata > p {
    font-size: var(--font-size-5) !important;
  }
  /* hide links in top nav */
  .top-nav__nav-items-container a:nth-child(3),
  .top-nav__nav-items-container a:nth-child(4),
  .prime-offers {
    display: none !important;
  }
  /* hide extensions */
  .extensions-video-overlay-size-container,
  .extensions-dock__layout,
  .extensions-notifications {
    display: none !important;
  }
  /* fix tooltips (block pointer events) */
  [role="tooltip"] > [data-popper-placement] {
    pointer-events: none !important;
  }
  /* hide community points */
  .community-points-summary {
    opacity: 0;
    transition: 0.2s 1s ease-in-out;
  }
  .community-points-summary:hover {
    opacity: 1;
    transition: 0.2s 0s ease-in-out;
  }
}

@-moz-document domain("twitter.com"), domain("x.com") {
  /* disable feed tweets fade-in animation */
  [data-testid="cellInnerDiv"] {
    transition: none !important;
  }
  /* account switcher */
  [data-testid="SideNav_AccountSwitcher_Button"] > div:nth-child(2) > div:nth-child(1) {
    margin-right: 0;
  }
  [data-testid="SideNav_AccountSwitcher_Button"] > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    display: none !important;
  }
  /* hide contents of 'account switcher' button when not hovered */
  [data-testid="SideNav_AccountSwitcher_Button"]:not(:hover)::before {
    content: "Change User";
    opacity: 0.25;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }
  [data-testid="SideNav_AccountSwitcher_Button"]:not(:hover) > div {
    display: none;
  }
  /* fix "Latest Tweets" heading (remove bg filter, hide on scroll) */
  [data-testid="primaryColumn"] > div:nth-child(1) > div:nth-child(1) {
    background-color: #fff !important;
    top: unset !important;
  }
  /* fix time display jumping around in video player */
  [data-testid="videoPlayer"] [tabindex="0"] div:not([aria-label]) > div[dir="auto"] span {
    font-variant-numeric: tabular-nums !important;
  }
  /* remove tweet hover animation (background fade in) */
  [data-testid="tweet"] {
    transition: none !important;
  }
}

@-moz-document domain("vc.ru"), domain("dtf.ru") {
  .comments__content_wrapper > .comments__content_wrapper__container {
    height: auto !important;
    overflow: auto !important;
  }
  .comments__content_wrapper > .comments__content_wrapper__button {
    display: none !important;
  }
  .block-quote {
    background: hsl(0, 0%, 98%);
    padding: 2rem;
  }
}

@-moz-document domain("vultr.com") {
  /* better fonts for vultr */
  body,
  .tooltip,
  input[type="text"],
  input[type="file"],
  input[type="password"],
  input[type="email"],
  select,
  input[type="submit"],
  input[type="button"],
  .button,
  a.button,
  #DROPDOWNPOPUP > :is(a, span, button) {
    font-family: system-ui, sans-serif !important;
  }
  .app,
  body,
  .display-title,
  .display-2 {
    font-weight: 400 !important;
  }
  textarea {
    resize: auto !important;
  }
}

@-moz-document domain("yandex.ru") {
  .b-autocomplete-item {
    background: #fff !important;
  }
  .b-autocomplete-item_hovered_yes {
    background: #eeb !important;
  }
  .b-yadirect,
  .b-menu_preset_media-links,
  .b-rotator,
  .adv,
  .info__ratatuy,
  .adsrv,
  .adsrv_js_inited {
    display: none !important;
  }
  /* notification icon in header */
  .headline__notifier,
  .notifier__box {
    display: none !important;
  }
}

@-moz-document domain("youtube.com") {
  .ytp-fullerscreen-edu-button.ytp-button,
  .guide-entry-count,
  #newness-dot,
  .ytp-pause-overlay.ytp-scroll-min {
    display: none !important;
  }
  /* fix for scrollbar in firefox */
  @supports (-moz-appearance: none) {
    #guide-inner-content {
      scrollbar-width: thin;
      scrollbar-color: #666 #333;
    }
  }
  /* fix outline */
  * {
    outline: 0 !important;
  }
  /* fade out next video recommendations and fade in on hover */
  #items.ytd-watch-next-secondary-results-renderer {
    opacity: 0.1;
    transition: 0.5s 0.5s opacity;
  }
  #items.ytd-watch-next-secondary-results-renderer:hover {
    opacity: 1;
  }
  /* hide "show your support" button effect */
  #bubble.yt-live-chat-icon-toggle-button-renderer {
    display: none !important;
  }
  /* hide "quick actions" toolbar in full screen */
  .ytp-fullscreen-quick-actions {
    display: none !important;
  }
  .ytp-big-mode .ytp-gradient-bottom {
    height: 59px !important;
  }
  /* hide "beacon" under avatar on embedded videos */
  .ytp-title-beacon {
    display: none !important;
  }
  /* hide overlay links (end screen) */
  .ytp-ce-element,
  .ytp-ce-shadow {
    display: none !important;
  }
  /* disable click events on chapter selector */
  .ytp-chapter-container {
    pointer-events: none;
  }
  /* hide arrow (>) in chapter selector */
  .ytp-chapter-container .ytp-chapter-title-chevron {
    display: none;
  }
  /* hide voice search button */
  #voice-search-button {
    display: none !important;
  }
  /* disable live chat animation */
  #items.yt-live-chat-item-list-renderer {
    transform: none !important;
  }
  /* hide miniplayer buton */
  .ytp-button.ytp-miniplayer-button {
    display: none !important;
  }
  /* clarification banner under video */
  #clarify-box {
    display: none !important;
  }
  /* hide 'Pull up for precise seeking' */
  .ytp-tooltip.ytp-preview .ytp-tooltip-edu {
    display: none !important;
  }
  /* Adjust panels' colors */
  html[dark],
  [dark] {
    --yt-spec-badge-chip-background: rgba(255, 255, 255, 0.035);
  }
  /* Adjust colors of 'Subscribe' button*/
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled {
    color: var(--yt-spec-text-primary);
    background-color: var(--yt-spec-badge-chip-background);
  }
  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover {
    background-color: var(--yt-spec-mono-tonal-hover);
  }
  /* video player */
  .html5-video-player {
    /* hide tooltips */
    /* hide theater mode button */
  }
  .html5-video-player .ytp-tooltip:not(.ytp-preview) {
    display: none !important;
  }
  .html5-video-player .ytp-size-button {
    display: none !important;
  }
  /* hide 'Top Fans' button */
  #viewer-leaderboard-entry-point {
    display: none !important;
  }
  /* fix horizontal scroll in fullscreen mode */
  ytd-app[fullscreen] > div#content {
    overflow-x: hidden !important;
  }
  /* hide broken channel cards in watch later sidebar */
  .ytd-watch-next-secondary-results-renderer ytd-channel-renderer {
    display: none !important;
  }
  /* hide 'Clip' button */
  yt-button-view-model:has([aria-label="Clip"]) {
    display: none !important;
  }
}
