/* 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"], [class*="t-saveButton"]{
  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;
  }
}

/* Remove scrollbar from cookie category list as it can cause issues on mobile */
@media screen and (max-width:640px){
  .termly-styles-root-e8c31b{
      max-height: none;
  }
}

.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;
}