/* ========= NOTICE ========= */

#didomi-host #didomi-notice {
  border-radius: var(--matter-shape-lg);
  box-shadow: 0px 4px 50px 0px #10215c1a;
  margin: var(--matter-space-8);
  border-top-width: 0 !important;
}

#didomi-host #didomi-notice .didomi-border {
  border-top-width: 0 !important;
}

/* ========= NOTICE COPY ========= */

#didomi-host #didomi-notice #text p {
  font-weight: var(--matter-typography-font-weight-regular);
  font-size: var(--matter-typography-font-size-text-lg);
  line-height: var(--matter-typography-line-height-text-lg);
  color: var(--matter-colour-neutral-90);
}

#didomi-host #didomi-notice #text p b {
  font-weight: var(--matter-typography-font-weight-semibold);
  font-size: var(--matter-typography-font-size-text-xl);
  line-height: var(--matter-typography-line-height-headline-xs);
}

#didomi-host #didomi-notice #text a span {
  font-weight: var(--matter-typography-font-weight-semibold);
  font-size: var(--matter-typography-font-size-text-lg);
  color: var(--matter-colour-neutral-90);
}

#didomi-host #didomi-notice #text a:hover {
  opacity: 1 !important;
}

/* ========= NOTICE BUTTONS ========= */

#didomi-host #didomi-notice #buttons {
  margin: 0;
}

#didomi-host #didomi-notice #buttons button {
  padding-top: var(--matter-space-4) !important;
  padding-bottom: var(--matter-space-4) !important;
  border-radius: var(--matter-shape-full) !important;
  border: 2px solid red !important;
  background-color: var(--matter-colour-primary-60) !important;
  color: var(--matter-colour-neutral-10) !important;
  font-weight: var(--matter-typography-font-weight-semibold) !important;
  height: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  border: 0 solid !important;
}

#didomi-host #didomi-notice #buttons button:hover {
  background-color: var(--matter-colour-primary-70) !important;
  opacity: 1;
}

#didomi-host #didomi-notice #buttons button span {
  white-space: nowrap;
  font-size: var(--matter-typography-font-size-text-xl);
  margin-left: var(--matter-space-5) !important;
  margin-right: var(--matter-space-5) !important;
}

#didomi-host #didomi-notice #buttons #didomi-notice-learn-more-button {
  border-radius: var(--matter-shape-full) !important;
  border: 2px solid red !important;
  background-color: transparent !important;
  color: var(--matter-colour-primary-60) !important;
}

#didomi-host #didomi-notice #buttons #didomi-notice-learn-more-button:hover {
  background-color: var(--matter-colour-primary-10) !important;
  opacity: 1;
}

#didomi-host #didomi-notice #didomi-notice-x-button {
  border-radius: var(--matter-shape-full);
  border: 1px solid var(--matter-colour-neutral-30);
  background-color: var(--matter-colour-neutral-10) !important;
  position: absolute !important;
  right: -14px;
  top: -14px;
}

#didomi-host #didomi-notice #didomi-notice-x-button:hover {
  background-color: var(--matter-colour-primary-10) !important;
  opacity: 1;
}

#didomi-host #didomi-notice #didomi-notice-x-button svg {
  transform: scale(0.75);
}

#didomi-host #didomi-notice #didomi-notice-x-button svg rect {
  fill: var(--matter-colour-neutral-90);
}

/* ========= MODAL ========= */

#didomi-host .didomi-exterior-border {
  border-width: 0 !important;
}

#didomi-host #didomi-consent-popup {
  background-color: #10215c66 !important;
}

#didomi-host .didomi-popup-container {
  border-width: 0 !important;
  border-radius: var(--matter-shape-lg) !important;
  box-shadow: 0px 4px 50px 0px #10215c1a;
}

#didomi-host .didomi-consent-popup-footer {
  border-radius: var(--matter-shape-lg) !important;
}

/* ========= MODAL COPY ========= */

#didomi-host #didomi-consent-popup .didomi-exterior-border * {
  font-weight: var(--matter-typography-font-weight-regular);
  font-size: var(--matter-typography-font-size-text-lg);
  line-height: var(--matter-typography-line-height-text-lg);
  color: var(--matter-colour-neutral-90);
  font-style: normal;
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-title span {
  font-weight: var(--matter-typography-font-weight-semibold);
  font-size: var(--matter-typography-font-size-headline-sm);
  line-height: var(--matter-typography-line-height-headline-sm);
}

#didomi-host #didomi-consent-popup #didomi-popup-vendors-title:hover {
  opacity: 1;
  cursor: default;
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-data-processing__essential_purpose,
#didomi-host #didomi-consent-popup .didomi-consent-popup-body__title span {
  color: var(--matter-colour-neutral-60);
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-data-processing__purpose span,
#didomi-host #didomi-consent-popup .didomi-consent-popup-category__name span {
  font-weight: var(--matter-typography-font-weight-semibold);
}

#didomi-host
  #didomi-consent-popup
  .didomi-content
  .didomi-components-accordion
  .didomi-consent-popup-data-processing__essential_purpose_explanation {
  color: var(--matter-colour-neutral-60);
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-body span[datatooltip] {
  font-weight: var(--matter-typography-font-weight-semibold);
}

/* ========= MODAL BUTTONS ========= */

#didomi-host #didomi-consent-popup .didomi-popup-close {
  font-size: 2rem;
}

#didomi-host #didomi-consent-popup .didomi-popup-view .didomi-popup-close:hover {
  opacity: 1;
}

#didomi-host #didomi-consent-popup .didomi-popup-view .didomi-popup-close {
  color: var(--matter-colour-neutral-90);
  opacity: 1;
}

#didomi-host #didomi-consent-popup button.didomi-components-radio__option,
#didomi-host #didomi-consent-popup button.didomi-consent-popup-view-vendors-list-link {
  border: 1px solid var(--matter-colour-neutral-30);
  border-radius: var(--matter-shape-xs);
  box-shadow: none;
  padding: var(--matter-space-3) var(--matter-space-5) !important;
  height: auto;
}

#didomi-host
  #didomi-consent-popup
  button.didomi-components-radio__option:hover:not(.didomi-components-radio__option--selected),
#didomi-host #didomi-consent-popup button.didomi-consent-popup-view-vendors-list-link:hover {
  background-color: var(--matter-colour-primary-10) !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-radio__option--selected {
  border: 1px solid transparent !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-radio__option--selected span {
  color: white;
}

#didomi-host #didomi-consent-popup button.didomi-components-radio__option--disagree {
  padding-left: calc(var(--matter-space-5) - 6.5px) !important;
  padding-right: calc(var(--matter-space-5) - 6.5px) !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-radio__option--agree {
  padding-left: calc(var(--matter-space-5) - 8.5px) !important;
  padding-right: calc(var(--matter-space-5) - 8.5px) !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-button {
  padding-top: var(--matter-space-4);
  padding-bottom: var(--matter-space-4);
  border-radius: var(--matter-shape-full) !important;
  border: 2px solid red;
  background-color: var(--matter-colour-primary-60) !important;
  height: auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  border: 0 solid !important;
  margin-left: auto;
}

#didomi-host #didomi-consent-popup button.didomi-components-button[disabled] {
  opacity: 1;
  background-color: var(--matter-colour-neutral-20) !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-button:hover {
  background-color: var(--matter-colour-primary-60) !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-button[disabled]:hover {
  background-color: var(--matter-colour-neutral-20) !important;
}

#didomi-host #didomi-consent-popup button.didomi-components-button span {
  color: var(--matter-colour-neutral-10);
  font-size: var(--matter-typography-font-size-text-xl);
  font-weight: var(--matter-typography-font-weight-semibold);
}

#didomi-host #didomi-consent-popup button.didomi-components-button[disabled] span {
  color: var(--matter-colour-neutral-40);
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-footer > a {
  display: none;
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-footer .didomi-consent-popup-actions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-footer .didomi-consent-popup-actions button {
  flex-shrink: 0;
  padding-left: var(--matter-space-6);
  padding-right: var(--matter-space-6);
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-view-vendors-list {
  justify-content: flex-start;
}

/* ========= MODAL VENDOR SELECT ========= */

#didomi-host #didomi-consent-popup .didomi-consent-popup-vendor.didomi-consent-popup-container-click-all {
  background-color: var(--matter-colour-neutral-20);
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-vendor__description,
#didomi-host #didomi-consent-popup .didomi-consent-popup-body__section,
#didomi-host #didomi-consent-popup .didomi-consent-popup-body_vendors-list,
#didomi-host #didomi-consent-popup .didomi-consent-popup-category__children {
  border-color: var(--matter-colour-neutral-20);
}

/* ========= MODAL VENDORS COPY ========= */

#didomi-host #didomi-consent-popup .didomi-consent-popup-vendor__description span a,
#didomi-host #didomi-consent-popup .didomi-components-accordion-label-container * span:not(button > span),
#didomi-host #didomi-consent-popup .didomi-consent-popup-vendor__name > *,
#didomi-host #didomi-consent-popup #didomi-popup-vendors-all,
#didomi-host #didomi-consent-popup .didomi-first-letter-vendors-list {
  font-weight: var(--matter-typography-font-weight-semibold);
}

#didomi-host #didomi-consent-popup .didomi-consent-popup-vendor__description span a:hover {
  opacity: 1 !important;
}

#didomi-host #didomi-consent-popup .didomi-components-accordion .didomi-user-information-trigger span {
  color: var(--matter-colour-neutral-60);
  font-weight: var(--matter-typography-font-weight-regular);
  padding-top: var(--matter-space-6);
}