#CybotCookiebotDialog {
  background: rgba(44, 44, 44, 0.8);
  border-radius: 1.25em;
  border: 2px solid #373737;
  backdrop-filter: blur(32px);

  top: 115% !important;
  bottom: -100% !important;
  right: auto !important;
  opacity: 0 !important;
  transform: translate(-30%, -30%) !important;

  &.CybotEdge.CybotCookiebotDialogActive {
    transform: translate(0%, -100%) !important;
    top: calc(100% - 2svw) !important;
    left: 2svw !important;
    right: auto !important;
    bottom: auto !important;
    opacity: 1 !important;
  }

  &.CybotCookiebotDialogActive {
    display: flex;
    font-size: 0.9375rem;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    max-width: 40em;
  }

  &.CybotMultilevel {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
  }

  font-family:
    Degular Display,
    sans-serif;

  * {
    font-size: 1.1rem;
  }

  .CybotExternalLinkArrow {
    filter: invert(1);
  }

  .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
  .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes
    .CybotCookiebotDialogDetailBodyContentCookieProvider:not(
      .CybotCookiebotDialogDetailBodyContentCookieInfoCount
    ):hover {
    color: white;
  }
  a:hover:after,
  a:hover:before,
  button:hover:after,
  button:hover:before {
    border-color: white;
  }

  #CybotCookiebotDialogBodyContent {
    line-height: 1.3;
  }

  #CybotCookiebotDialogHeader {
    display: none;
  }

  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid #535457;
    border-radius: 2em;
    color: white;
    /* display: block; */
    font-weight: 500;
    /* font-size: 1.1em; */
    text-transform: uppercase;
    padding: 0.5em 1.2em;
    transition: all 0.3s ease;
  }

  #CybotCookiebotDialogBodyLevelButtonCustomize {
    display: none;
  }

  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
  #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:hover,
  #CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    opacity: 1;
    border-color: var(--theme--primary);
    background-color: var(--theme--primary);
  }

  #CybotCookiebotDialogFooter
    #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-image: url("https://cdn.prod.website-files.com/66eafaec075d9e2e60131e26/6998767cfb16ebeb632bc4cd_arrow-diag-external-white.svg");
    background-position: calc(100% - 24px) 50%;
    background-size: 16px;
    background-repeat: no-repeat;
  }

  .CybotCookiebotScrollContainer .CybotCookiebotScrollbarContainer {
    /* display: none; */
    background: #00000000;
  }

  /* Radio buttons */
  .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #677489;
  }
  .CybotCookiebotDialogBodyLevelButtonSlider:before {
    background-color: white;
  }
  input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: var(--theme--primary);
  }
  #CybotCookiebotDialogBodyLevelButtonsSelectPane
    label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"])
    .CybotCookiebotDialogBodyLevelButtonDescription:hover {
    /* color: var(--theme--primary); */
    color: white;
  }
  .CybotCookiebotDialogBodyLevelButtonLabel {
    /* font-size: 0.8em; */
    text-transform: uppercase;
    strong {
      font-weight: 500;
    }
  }

  /* Tabs */
  .CybotCookiebotDialogNavItems {
    text-transform: uppercase;
  }

  .CybotCookiebotDialogNavItem:has(#CybotCookiebotDialogNavAbout) {
    display: none;
  }
  .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 2px solid var(--theme--primary);
    color: white;
  }
  .CybotCookiebotDialogNavItemLink:hover {
    /* color: var(--theme--primary); */
    color: white;
  }
}

#CybotCookiebotDialog {
  --c-bg: rgba(44, 44, 44, 0.95);
  --c-border: #61616150;
  --c-text-muted: #97a3b6;
  --c-scrollbar-track: #1a1a1a;
  --c-scrollbar-thumb: #555;
  --c-scrollbar-thumb-hover: #888;
  --c-btn-bg: rgba(255, 255, 255, 0.15);
  --c-btn-hover: rgba(255, 255, 255, 0.15);
  --c-btn-border-accent: #f9faff;
  --c-btn-border-fade: rgba(255, 255, 255, 0.09);
  --c-primary-hover: #2330aa;
  --c-white: #ffffff;
  --c-fader-mid: #26262680;
  --c-fader-end: #26262600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  backdrop-filter: blur(5px);
  border-radius: 1.25em !important;
  border: none !important;
  font-family:
    Helvetica Now,
    sans-serif !important;
  line-height: 1.2em !important;
  padding: 1.25rem !important;
  border: 2px solid var(--c-border) !important;
  background-color: var(--c-bg) !important;

  max-height: 46dvh !important;

  &[data-uw-cer-popup-wrapper] {
    max-width: 40em !important;
  }

  .CollapseCard ~ .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    display: block !important;
  }
  .CollapseCard.CybotCookiebotDialogHide
    ~ .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
    display: none !important;
  }
  .CybotCookiebotDialogDetailBodyContentCookieTypeIntro:has(~ .CollapseCard) {
    display: block !important;
  }
  .CybotCookiebotDialogDetailBodyContentCookieTypeIntro:has(
    ~ .CollapseCard.CybotCookiebotDialogHide
  ) {
    display: none !important;
  }

  &[data-template="popup"] {
    & #CybotCookiebotDialogTabContent {
      padding: 1.5em 0.5em !important;

      & .CybotCookiebotDialogBodyBottomWrapper {
        display: none !important;
      }
    }
  }

  & #CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
  & #CybotCookiebotDialogDetailBodyContentIABv2Tabs {
    padding: 0 1.125em !important;
  }
  & #CybotCookiebotDialogDetailBulkConsent {
    margin: 0 0.625em 1em !important;
    padding: 1em !important;
  }

  

  & #CybotCookiebotDialogTabContentDetails {
    

    &::-webkit-scrollbar {
      width: 8px;
    }
    &::-webkit-scrollbar-track {
      background: var(--c-scrollbar-track);
    }
    &::-webkit-scrollbar-thumb {
      background: var(--c-scrollbar-thumb);
      border-radius: 4px;
    }
    &::-webkit-scrollbar-thumb:hover {
      background: var(--c-scrollbar-thumb-hover);
    }
  }

  & .CookieCard {
    padding: 1.5em 0 !important;
  }

  & #CybotCookiebotDialogNav {
    & .CybotCookiebotDialogNavItemLink {
      padding-top: 0;
      &.CybotCookiebotDialogActive {
        border-width: 1px !important;
      }
    }
  }

  &.CybotEdge {
    width: 94svh !important;
max-width: 24.5rem !important;
    min-width: 0 !important;
    top: 100% !important;
    bottom: auto !important;
    left: 2svw !important;
    right: auto !important;
    transform: translate(0, 0) !important;
  }

  & .CybotCookiebotScrollContainer .CybotCookiebotScrollbarContainer {
    background-color: inherit !important;
  }

  & #CybotCookiebotDialogBodyContentText,
  & #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 0.9;
    font-family:
      Degular Display,
      sans-serif !important;

    & > p {
      line-height: inherit;
    }
  }

  & #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
    transition: opacity 0.4s ease;
    height: 1.125rem !important;
    &:hover {
      opacity: 0.8;
    }
    &::after {
      content: ">" !important;
      color: var(--c-text-muted) !important;
      margin-left: 0.25em !important;
      border: none !important;
      height: auto !important;
      transform: rotate(0deg) !important;
      width: auto !important;
    }
  }

  #CybotCookiebotDialogBodyButtonsWrapper,
  #CybotCookiebotDialogBodyButtons {
    display: flex !important;
    gap: 0.25rem !important;
  }

  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    --d: 5s;
    --angle: 0;
    --border-radius: 999px;
    --border-size: 1px;
    --border-blur: 10px;
    --border-blur-size: -3px;
    --border-blur-opacity: 0.5;
    --lightmode--primary:#3448ff;
    --lightmode--onprimary:#ffffff;

    border-radius: var(--border-radius);
    position: relative;
    height: 1.875rem;
    white-space: pre;
    font-size: 0.75em !important;
    background-color: var(--lightmode--primary);
    color: var(--lightmode--onprimary);
    margin: 0 !important;
    width: auto !important;
    padding: 0.25em !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    flex-shrink: 1;
    width: min-content;
    min-width: 0 !important;
    margin-top: 0.75em;
    border: none;

    &::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: var(--border-radius);
      padding: 2px;
      background-size: 100% 100%;
      background-position: 0 0;
      background-image: conic-gradient(
        from var(--angle) at 50% 50%,
        var(--c-btn-border-fade) 85%,
        var(--c-btn-border-accent) 98%
      );
      mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity: 0;
      transition: opacity 0.3s ease;
      animation: borderRotate var(--d) linear infinite forwards;
    }
    &::after {
      content: "";
      left: var(--border-blur-size);
      right: var(--border-blur-size);
      top: var(--border-blur-size);
      bottom: var(--border-blur-size);
      position: absolute;
      background-size: 200% 200%;
      background-position: 0 0;
      background-image: conic-gradient(
        from var(--angle) at 25% 25%,
        var(--c2) 90%,
        var(--c-btn-border-accent) 100%
      );
      z-index: -1;
      filter: blur(var(--border-blur));
      opacity: var(--border-blur-opacity);
    }

    &:hover {
      background-color: var(--c-btn-hover);
      border-color: transparent;

      &::before,
      &::after {
        opacity: 1;
      }
    }

    &#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      background-image: none !important;
      padding: 0.25em !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;

      &::before {
        padding: 2px;
        background-size: 100% 100%;
        background-position: 0 0;
        background-image: conic-gradient(
          from var(--angle) at 50% 50%,
          var(--c-btn-border-fade) 85%,
          var(--c-btn-border-accent) 98%
        );
      }
      &::after {
        left: var(--border-blur-size);
        right: var(--border-blur-size);
        top: var(--border-blur-size);
        bottom: var(--border-blur-size);
        position: absolute;
        background-size: 200% 200%;
        background-position: 0 0;
        background-image: conic-gradient(
          from var(--angle) at 25% 25%,
          var(--c2) 90%,
          var(--c-btn-border-accent) 100%
        );
        z-index: -1;
        content: "";
        filter: blur(var(--border-blur));
      }
      &:hover {
        background-color: var(--c-primary-hover);
      }
      padding-left: 1.25rem !important;
    }
    &#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
      color: transparent;
      font-size: 0.25rem !important;
      min-width: 104px !important;
      display: none !important;

      &::after {
        content: "Customize" !important;
        font-size: 0.75rem !important;
        color: var(--c-white) !important;
        position: absolute !important;
        inset: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: none !important;
        filter: none !important;
        opacity: 1 !important;
      }
    }
  }

  & #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    &#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
      padding: 0.25em !important;
      padding-left: 1rem !important;
      padding-right: 1rem !important;
      background-color: var(--lightmode--primary) !important;
      color: var(--c-white) !important;
      &:hover {
        background-color: var(--c-primary-hover) !important;
      }
    }
    &#CybotCookiebotDialogBodyButtonDecline {
      background-color: var(--c-btn-bg) !important;
      color: var(--c-white) !important;
      &:hover {
        background-color: var(--c-btn-hover) !important;
      }
    }
  }

  #CybotCookiebotDialogBodyLevelWrapper {
    display: none !important;
  }

  & .CybotCookiebotDialogContentWrapper {
    flex-direction: column !important;
  }

  #CybotCookiebotDialogFooter {
    position: relative !important;
    border-bottom: none !important;
  }

  & #CybotCookiebotDialogTabContent {
    min-height: 108px !important;
    margin-left: 0 !important;
  }

  & .CybotCookiebotScrollContainer {
    width: 100% !important;
    padding: 0 !important;
    border-bottom: none !important;
  }
  & #CybotCookiebotDialogBodyContent,
  & .CybotCookiebotScrollArea {
    padding: 0 !important;

    -ms-overflow-style: none;
  scrollbar-width: none;
  &::-webkit-scrollbar {
  display: none;
}
  }

  & .CybotCookiebotDialogBodyContentHeading {
    line-height: 1.2rem !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    font-family:
      Degular Display,
      sans-serif !important;
    margin-bottom: 0.75rem !important;
  }

  & #CybotCookiebotDialogBodyContentText,
  & #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 0.9;
    font-family:
      Degular Display,
      sans-serif !important;

    & a {
      color: var(--c-text-muted) !important;
      font-weight: inherit !important;
    }
  }

  & #CybotCookiebotDialogBodyEdgeMoreDetails {
    display: flex !important;
    justify-content: flex-start !important;
    height: auto !important;
  }
  &.CybotEdge {
    & #CybotCookiebotDialogBodyEdgeMoreDetails {
      margin-top: 0.75rem !important;
      margin-bottom: 1rem !important;
    }
  }

  & #CybotCookiebotDialogBodyEdgeMoreDetails a {
    color: var(--c-text-muted) !important;
  }

  & .CybotCookiebotDialogBodyBottomWrapper {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .CybotCookiebotFader {
    background-image: linear-gradient(
      to top,
      var(--c-bg),
      var(--c-fader-mid),
      var(--c-fader-end)
    ) !important;
    width: calc(100% + 2px) !important;
    left: -1px !important;
  }

  #CybotCookiebotDialogBodyButtons {
    & .CybotCookiebotDialogBodyContentControlsWrapper {
      margin-right: 0;
    }
    & .CybotCookiebotDialogBodyLevelButtonWrapper,
    & #CybotCookiebotBannerCloseButtonE2E {
      display: none !important;
    }
    & .CybotCookiebotDialogBodyLevelButtonLabel {
      font-size: 0.75em;
    }
    & #CybotCookiebotDialogBodyButtonAccept {
      flex-shrink: 0;
    }
    & #CybotCookiebotDialogBodyButtonDecline {
      display: block;
      white-space: break-spaces;
      height: auto;
    }
  }
}

@media (max-width: 480px) {
  #CybotCookiebotDialog {
    bottom: 4svw !important;
    top: auto !important;
    transform: translate(0) !important;
    left: 2svw !important;
    max-width: 94svw !important;

    &[data-template="slideup"] {
      top: auto !important;
      left: 2svw !important;
      &.CybotCookiebotDialogActive {
        transform: translate(0) !important;
      }
    }

    & .CybotCookiebotDialogBodyContentHeading {
      font-size: 1.375rem !important;
    }

    & #CybotCookiebotDialogBodyButtonsWrapper {
      flex-direction: row !important;
    }

    &.CybotEdge {
      max-width: 94svw !important;
      width: 21.375rem !important;
    }

    & .CybotCookiebotDialogContentWrapper {
      max-height: 50svh !important;
    }
  }
}

@media (min-width: 481px) {
  #CybotCookiebotDialog {
    & #CybotCookiebotDialogBodyButtonsWrapper {
      flex-direction: row !important;
    }
  }
}

@media (min-width: 601px) {
  #CybotCookiebotDialog {
    & #CybotCookiebotDialogBodyButtonsWrapper {
      flex-direction: row-reverse !important;
      justify-content: flex-end !important;
    }
  }
}

@media (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled
    #CybotCookiebotBannerCloseButtonE2E {
    display: none !important;
  }
  #CybotCookiebotDialog {
    & #CybotCookiebotDialogBodyButtonsWrapper {
      flex-direction: row !important;
      justify-content: flex-start !important;
    }

    & .CookieCard {
      & .CybotCookiebotDialogDetailBodyContentCookieTypeIntro {
        padding-left: 0 !important;
      }
    }

    & #CybotCookiebotDialogDetailBulkConsent {
      margin: 0 0.625em 1em !important;
      padding: 1em !important;
    }

    & #CybotCookiebotDialogDetailFooter {
      padding: 0 1em 1em !important;
    }

    &[data-template="popup"] {
      & #CybotCookiebotDialogBodyButtonsWrapper {
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
      }
    }
  }
}

@media screen and (min-width: 991px) and (max-height: 719px) {
  #CybotCookiebotDialog {
    max-height: 76dvh !important;
  }
}