duckduckgo.com clean by sonho

/* ==UserStyle==
@name         duckduckgo.com clean
@version      20241125.10.45
@namespace    ?
==/UserStyle== */
@-moz-document url-prefix("https://duckduckgo.com/") {
  [data-testid="feedback-prompt"] {
    display:none;
  }
  
  
  .is-mobile ol.react-results--main li article {
    border: none;
    box-shadow: none;
  }

  /* Fix top padding after removing logo   */
  .is-mobile #header {
    padding-top: 0;
  }

  /* Hide top   */
  .body--serp .header .header__shrink-beyond-min-size .header--aside,
  .is-mobile .header-wrap .header__button--menu {
    display: none !important;
  }

  /* padding of safe search box   */
  .is-mobile.has-zcm.is-mobile-device.set-header--fixed:not(.has-vertical-map-open) body,
  .is-mobile.has-zcm.is-mobile-device.set-header--floating:not(.has-vertical-map-open) body {
    padding-top: 98px;
  }

  /* Clear input larger   */
  .is-mobile #search_form_input_clear {
    font-size: 2em;
    margin-right: 4rem;
  }

  /* Fixes bug where notification keeps appearing */
  .notification {
    display: none;
  }

  .privacy-reminder {
    display: none;
  }

  .result__body b,
  .result__body strong {
    background-color: #e6e6e6;
    margin: 1px;
    padding: 2px;
  }
  #links .result__title b,
  #links .result__title strong {
    font-weight: 500 !important;
  }
  .results--main {
    max-width: 800px;
  }

  ol.react-results--main {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
  }

  /* Fix search preview margin */
  .react-results--main > li > a > img {
    margin-inline-start: -118px !important;
  }

  /* search result */
  .react-results--main > li {
    min-height: 100px;
    border: solid 1px transparent;
    border-radius: 5px;
    padding-top: 10px !important;
    margin-bottom: 0 !important;
    transition: border 0.12s linear;
  }

  .react-results--main > li:hover {
    border-color: var(--sds-color-palette-gray-80);
  }

  .react-results--main > li > article * {
    text-decoration: none !important;
  }

  .react-results--sidebar {
    position: fixed;
    margin-left: 840px;
    max-width: 35em;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70vh;
    scrollbar-width: thin;
  }

  .cw,
  .cw--c P {
    max-width: 1500px;
  }
  .zcm .is-active {
    height: 30px;
    border-bottom: solid 2px #4495d4;
  }
  .onboarding-ed {
    display: none;
  }
  .tag-home {
    display: none;
  }
  .svg .logo_homepage {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='60'%3E%3Cpath d='M374.5 51.2c-1.3-4.4-2.2-9-3-13.5-.5-2.8.4-5 2.4-5.9.6-.3 1.6-.6 2-.6h.2-.2c-.4-.2-1.9-.4-3-.4-.8 0-.8 0-.7-.2.2-.3.3-.4.8-.5l.5-.2-.7-.3-.5-.3h.1a7.6 7.6 0 0 1 6.3 1.6c.3.3.3.4.7.4a4 4 0 0 1 1.7 1c1 1 2 3 2.3 4.8a7 7 0 0 1 0 2 38 38 0 0 0 4.3-1.1c.9 0 1.5.2 1.5.6 0 .2-.5.6-1.6 1a38 38 0 0 1-4 1.5c-.5.1-1 .1-1.6 0-.9-.1-1.2 0-1.4.4v.7c.2.4.7.6 1.4.8l1.2.1c.9 0 1.3 0 2.8-.4 1.5-.3 1.8-.3 2 0 0 .5-1.2 1.2-2.8 1.5-.6.2-1.5.2-2.2 0a20 20 0 0 1-4-1.1v1.4c.4 3 1.5 4.8 2.5 7.3' fill='%23b2b4b4'/%3E%3Cpath d='M6.4 55.4V8.7h16.9a22.2 22.2 0 0 1 23.4 22.9c0 11.8-7.2 23.8-23.4 23.8zm5.3-5.4h11.6c12.5 0 18-9.3 18-18.5a17 17 0 0 0-18-17.6H11.7zM68 56c-8.6 0-14.2-6-14.2-15.2V22.6h5v18.1c0 6.7 4 10.6 10.4 10.6 6 0 10.5-4.7 10.5-11V22.5h5v32.8h-4.6l-.2-5.7-.8 1A13.7 13.7 0 0 1 68 56zm41.3 0c-8.5 0-17-5.2-17-17 0-10.1 6.8-17 17-17 4.5 0 8.5 1.6 11.8 4.8l-3.2 3.3a12.3 12.3 0 0 0-8.4-3.3c-7.2 0-12.2 5-12.2 12.2 0 8.5 6.1 12.3 12.1 12.3 3.4 0 6.5-1.3 8.7-3.4l3.3 3.2a16.7 16.7 0 0 1-12 5zM133 8.8V37l14-14.4h6.5l-15.4 15.5 17.3 17.3H149l-16-16v16h-5V8.8zm28.6 46.6V8.7h17A22.2 22.2 0 0 1 202 31.6c0 11.8-7.2 23.8-23.4 23.8zM167 50h11.6c12.5 0 18-9.3 18-18.5a17 17 0 0 0-18-17.6H167zm56.3 6c-8.6 0-14.2-6-14.2-15.2V22.6h5v18.1c0 6.7 4 10.6 10.4 10.6 6 0 10.5-4.7 10.5-11V22.5h5v32.8h-4.6l-.3-5.7-.7 1a13.7 13.7 0 0 1-11 5.3zm41.3 0c-8.5 0-17.1-5.2-17.1-17 0-10.1 6.9-17 17.1-17a16 16 0 0 1 11.7 4.8l-3.1 3.3a12.5 12.5 0 0 0-8.4-3.3c-7.2 0-12.2 5-12.2 12.2 0 8.5 6 12.3 12 12.3 3.5 0 6.6-1.3 8.8-3.5l3.2 3.3-.2.1.1.1a16.7 16.7 0 0 1-11.9 4.7zm23.7-47.2V37l14-14.4h6.5l-15.4 15.5 17.3 17.3h-6.4l-16-16v16h-5V8.8zm48.8 47.5c-18 0-24.3-12.8-24.3-23.8a25 25 0 0 1 6.8-18 24 24 0 0 1 17.5-6.7c6.4 0 12.4 2.5 17 6.9l-3.1 3.5a21 21 0 0 0-14-5.4c-13 0-18.9 10.2-18.9 19.7 0 9.3 6 18.8 19.1 18.8a20 20 0 0 0 13-4.8l.1-.2V34.8h-14.7v-4.7h19.6v18.3c-5 5.3-11 7.9-18 7.9zm41.3-.3c-9.8 0-17-7-17-17 0-9.9 7.2-17.1 17-17.1 10 0 17 7 17 17.2 0 9.8-7 17-17 17zm0-29.5c-7 0-12 5.2-12 12.6 0 7 5.1 12.2 12 12.2 7 0 12-5 12.1-12.2 0-7.3-5-12.6-12-12.6z' fill='%234c4c4c'/%3E%3C/svg%3E");
    width: 100%;
    background-size: 100% auto;
    background-position: bottom center;
  }
  .svg .header__logo {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M44.7 46a94 94 0 0 1-2.1-9.8c-.4-2 .3-3.6 1.7-4.2l1.5-.4c-.4-.2-1.4-.3-2.2-.3-.6 0-.6 0-.5-.2.1-.2.2-.3.6-.4l.3-.1-.5-.2-.4-.2h.2a6 6 0 0 1 2 0c1 .2 2 .6 2.4 1.2l.6.3c.5.1.9.3 1.2.6a7 7 0 0 1 1.6 3.5 5 5 0 0 1 0 1.4 27.4 27.4 0 0 0 3.2-.8c.6 0 1 .2 1 .4s-.4.5-1.1.8c-.8.4-2.5 1-3 1a3 3 0 0 1-1 0c-.7 0-.9 0-1 .4v.5c0 .2.4.4 1 .5l.8.1c.6 0 1 0 2-.3 1-.2 1.3-.2 1.4 0 0 .4-.8.9-2 1.1H51a14.5 14.5 0 0 1-2.9-.8v1c.3 2.1 1 3.5 1.7 5.3' fill='%23b2b4b4'/%3E%3Cpath d='M17.9 49.6C4.9 49.6.3 40.4.3 32.5a18 18 0 0 1 5-13 17 17 0 0 1 12.5-4.8c4.6 0 9 1.8 12.2 5l-2.2 2.5a15.2 15.2 0 0 0-10-3.9c-9.4 0-13.6 7.4-13.6 14.2C4.2 39.2 8.4 46 17.9 46c3.5 0 6.7-1.2 9.3-3.5h.1v-8.3H16.8v-3.4h14v13.1a17 17 0 0 1-13 5.7zm29.7-.2c-7.1 0-12.3-5.1-12.3-12.2S40.5 25 47.6 25c7.2 0 12.2 5 12.2 12.3 0 7-5.1 12.2-12.2 12.2zm0-21.3c-5 0-8.6 3.8-8.6 9.1 0 5.1 3.6 8.8 8.6 8.8s8.6-3.6 8.7-8.8c0-5.2-3.7-9-8.7-9z' fill='%234c4c4c'/%3E%3C/svg%3E");
  }
  .feedback-prompt {
    display: none;
  }
  .header--aside__item.showcase {
    display: none;
  }
  .header--aside__item.social {
    display: none;
  }
  .serp__bottom-right {
    display: none;
  }
  body .footer {
    display: none !important;
  }
  .site-wrapper {
    padding-bottom: 160px;
  }

  .react-results--main [aria-label*="Page"] {

    span {
      display: flex;
      margin-left: 1em;
      font-size: 1.8em;
    }
    
    span + hr {
      display: none;
    }
  }
  

  /*====Experimental====*/
  /*   :root{
    --sidebar: calc(100% + 6em + 4em);
    --sidebar-left: -6em;
  }

  .react-results--main .module--carousel .module--carousel__wrap {
    margin-left: var(--sidebar-left);
    width: var(--sidebar, 100%);
  } */
}