body > .shopify-pc__banner__dialog {
  border-radius: 0;
  font-size: var(--body-1);
  padding: var(--padding-m);
  bottom: var(--padding-m);
  background: transparent !important;
  box-shadow: none;
  overflow: hidden;

  &.liquid-glass .liquid-glass--effect {
    filter: url(#glass-distortion-banner);
  }

  &.liquid-glass:hover .liquid-glass--tint {
    background-color: rgba(255, 255, 255, 0.45);
  }

  .shopify-pc__banner__body {
    margin-bottom: 0;
  }

  .shopify-pc__banner__body :is(h2, p) {
    font-size: var(--body-1) !important;
    font-weight: 300 !important;
    line-height: inherit;
    margin: 0;
  }

  .shopify-pc__banner__body :is(h2, [id$="body-title"]) {
    margin-bottom: var(--padding-m);
  }

  .shopify-pc__banner__btn-decline,
  .shopify-pc__banner__btn-accept {
    background-color: rgb(var(--color-button-idle)) !important;
    border: 0.1rem solid rgba(var(--color-stroke-primary), 0.3) !important;
    color: rgb(var(--color-foreground)) !important;
    font-size: var(--body-1) !important;
    border-radius: 0 !important;
    padding-block: var(--padding-m);
    padding-inline: var(--padding-m);
    transition: background-color 0.3s ease, color 0.3s ease;

    &:hover {
      background-color: rgb(var(--color-foreground)) !important;
      color: rgb(var(--color-button-idle)) !important;
    }
  }

  .shopify-pc__banner__btns {
    display: flex;
  }

  .shopify-pc__banner__btn-manage-prefs {
    order: 1;
  }

  .shopify-pc__banner__btn-decline {
    order: 2;
  }

  .shopify-pc__banner__btn-accept {
    order: 3;
  }
}

body .shopify-pc__prefs__dialog {
  font-size: var(--body-1);

  &.liquid-glass {
    background: transparent !important;
    overflow: hidden;
  }

  &.liquid-glass .liquid-glass--effect {
    filter: url(#glass-distortion-banner);
  }

  &.liquid-glass .liquid-glass-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: inherit;
  }

  &.liquid-glass .liquid-glass--tint {
    background: rgba(255, 255, 255, 0.3);
  }

  .shopify-pc__prefs__header-actions button {
    background-color: rgb(var(--color-button-idle)) !important;
    border: 0.1rem solid rgba(var(--color-stroke-primary), 0.3) !important;
    color: rgb(var(--color-foreground)) !important;
    font-size: var(--body-1) !important;
    border-radius: 0 !important;
    padding: var(--padding-m);
    transition: background-color 0.3s ease, color 0.3s ease;

    &:hover {
      background-color: rgb(var(--color-foreground)) !important;
      color: rgb(var(--color-button-idle)) !important;
    }
  }

  #shopify-pc__prefs__header-title,
  .shopify-pc__prefs__intro-main :is(h1, h2, h3, h4, p) {
    font-weight: 300 !important;
  }

  .shopify-pc__prefs__option :is(label, p) {
    font-size: var(--body-1) !important;
    font-weight: 300 !important;
  }

  .shopify-pc__prefs__option label span {
    border-radius: 7px;
  }

  .shopify-pc__prefs__option label span svg {
    border-radius: 5px;
  }
}