/* Panel */
[class*="t-consentPrompt"] {
  background-color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(20px) !important;
  padding: 0.75em 1em !important;
  position: fixed !important;
}

/* Panel Message */
[class*="termly-styles-message-"] {
  line-height: 1.5 !important;
  font-weight: 400 !important;
  font-family: Segoe UI, Roboto, Helvetica Neue, sans-serif !important;
}

/* Buttons */
[class*="termly-styles-buttons-"] {
  background-color: transparent !important;
}

[class*="termly-styles-module-root-"] {
  font-weight: 400 !important;
  font-family: Segoe UI, Roboto, Helvetica Neue, sans-serif !important;
  border-radius: 4px !important;
}

/* Button -- Primary */
[class*="t-acceptAllButton"],
[class*="t-allowAllButton"] {
  background-color: var(--theme-primary600, #000000) !important;
  border-color: var(--theme-primary600, #000000) !important;
  /*box-shadow: inset 0 -0.5px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 rgba(255, 255, 255, 0.2)  !important;   */
}

/* Button -- Decline */
[class*="t-declineButton"],
[class*="t-declineAllButton"],
[class*="t-backButton"] {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #0000001f !important;
}

/* Button -- Preferences */
[class*="t-preference-button"] {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #0000001f !important;
}

/* Modal */
#termly-code-snippet-support {
  --termly-override-z-index: 99999999999999999999;
}

[class*="termly-styles-modal"] {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

/* Small screens */
@media screen and (max-width: 928px) {
  [class*="termly-styles-content-"] {
    align-items: flex-end !important;
  }
}

@media screen and (max-width: 585px) {
  [class*="termly-styles-buttons-"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas: "accept accept" "decline preferences" !important;
    gap: 8px !important;
  }

  [class*="t-acceptAllButton"] {
    grid-area: accept !important;
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
  }

  [class*="t-declineButton"] {
    grid-area: decline !important;
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
  }

  [class*="t-preference-button"] {
    grid-area: preferences !important;
    width: 100% !important;
    max-width: none !important;
    min-width: auto !important;
  }
}

.termly-display-preferences:not(.rio-intercom-trigger) {
  padding: 7px 10px;
  border-radius: 100px;
  font-family: Segoe UI, Roboto, Helvetica Neue, sans-serif !important;
  display: none;
  gap: 6px;
  color: #000000;
  box-shadow: 0 3px 16px -3px rgb(16 24 40 / 7%),
    0 0.5px 0px rgba(0, 0, 0, 0.07);
  font-size: 12px;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(15px);
  align-items: center;
  position: fixed;
  bottom: 2%;
  left: 2%;
  text-decoration: none;
  z-index: 1111;
}

/*
   HIDE PREFERENCES BUTTON START
   We need the following style rules to handle hiding the cookie preferences
   button for certain regions. Any region except California, and EU will
   have this preference button set to display none.
*/

body.California .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.GB .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.AT .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.BE .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.BG .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.HR .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.CY .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.CZ .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.DK .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.EE .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.FI .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.FR .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.DE .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.GR .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.HU .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.IE .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.IT .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.LV .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.LT .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.LU .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.MT .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.NL .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.PL .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.PT .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.RO .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.SK .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.SI .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.ES .termly-display-preferences:not(.rio-intercom-trigger),
body.Europe.SE .termly-display-preferences:not(.rio-intercom-trigger) {
  display: flex;
}