﻿#pario-fa-rebrand-overlay {
  --popup-width: 23.63rem;
  --popup-radius: 0.31rem;
  --popup-bg: #CE202F;
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --panel-padding-top: 1.44rem;
  --panel-padding-right: 1.88rem;
  --panel-padding-bottom: 2rem;
  --panel-padding-left: 1.88rem;
  --logo-width: 7.97rem;
  --logo-height: 3.13rem;
  --message-offset-top: 0;
  --message-offset-left: 0;
  --message-max-width: none;
  --message-font-size: 1.13rem;
  --actions-offset-top: 1.75rem;
  --actions-offset-left: 0;
  --button-width: 100%;
  --button-height: 3.56rem;
  --button-radius: 4.38rem;
  --button-gap: 1rem;
  --button-font-size: 1rem;
  position: fixed !important;
  inset: 0 !important;
  inline-size: 100vw !important;
  block-size: 100dvh !important;
  display: grid !important;
  place-items: center !important;
  padding: 1rem !important;
  background: var(--overlay-bg) !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.18s ease, visibility 0.18s ease;
  z-index: 2147483647 !important;
  box-sizing: border-box;
}

#pario-fa-rebrand-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

#pario-fa-rebrand-overlay,
#pario-fa-rebrand-overlay * {
  box-sizing: border-box;
}

#pario-fa-rebrand-popup {
  inline-size: min(var(--popup-width), calc(100vw - 2rem));
  margin: auto !important;
  background: var(--popup-bg);
  border-radius: var(--popup-radius);
  color: #FFFFFF;
  font-family: "gotham", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  position: relative;
  overflow: hidden;
}

#pario-fa-rebrand-popup .popup-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-block-size: 32.5rem;
  padding: var(--panel-padding-top) var(--panel-padding-right) var(--panel-padding-bottom) var(--panel-padding-left);
}

#pario-fa-rebrand-popup .popup-header {
  display: block;
  margin-bottom: 1.69rem;
}

#pario-fa-rebrand-popup .popup-logo {
  inline-size: var(--logo-width);
  block-size: var(--logo-height);
  object-fit: contain;
  display: block;
  margin-left: -0.63rem;
}

#pario-fa-rebrand-message {
  margin: var(--message-offset-top) 0 0 var(--message-offset-left);
  max-inline-size: var(--message-max-width);
  color: #FFFFFF;
  font-size: var(--message-font-size);
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}

#pario-fa-rebrand-popup .popup-actions {
  display: grid;
  gap: var(--button-gap);
  margin-top: var(--actions-offset-top);
  padding-left: var(--actions-offset-left);
}

#pario-fa-rebrand-popup .popup-button {
  inline-size: min(var(--button-width), 100%);
  min-block-size: var(--button-height);
  border-radius: var(--button-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-family: "gotham", sans-serif;
  font-size: var(--button-font-size);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

#pario-fa-rebrand-popup .popup-button:focus-visible {
  outline: 0.13rem solid #FFFFFF;
  outline-offset: 0.19rem;
}

#pario-fa-rebrand-popup .popup-button.primary {
  background: #000000;
  border: 0.06rem solid #000000;
  color: #FFFFFF;
}

#pario-fa-rebrand-popup .popup-button.primary:hover,
#pario-fa-rebrand-popup .popup-button.primary:focus-visible {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #000000;
}

#pario-fa-rebrand-popup .popup-button.secondary {
  background: transparent;
  border: 0.06rem solid #FFFFFF;
  color: #FFFFFF;
  min-block-size: 3.38rem;
}

#pario-fa-rebrand-popup .popup-button.secondary:hover,
#pario-fa-rebrand-popup .popup-button.secondary:focus-visible {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #000000;
}

@media (min-width: 40rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 35.5rem;
    --panel-padding-top: 1.44rem;
    --panel-padding-right: 1.75rem;
    --panel-padding-bottom: 2rem;
    --panel-padding-left: 1.75rem;
    --logo-width: 8.75rem;
    --logo-height: 3.44rem;
    --message-offset-top: 0;
    --message-offset-left: 0;
    --message-max-width: none;
    --message-font-size: 1.19rem;
    --actions-offset-top: 1.63rem;
    --actions-offset-left: 0;
    --button-width: 100%;
    --button-height: 3.5rem;
    --button-radius: 4.75rem;
    --button-gap: 1rem;
    --button-font-size: 1rem;
    padding: 1rem !important;
  }

  #pario-fa-rebrand-popup {
    inline-size: min(var(--popup-width), calc(100vw - 2rem));
  }

  #pario-fa-rebrand-popup .popup-panel {
    min-block-size: 30rem;
  }

  #pario-fa-rebrand-popup .popup-header {
    margin-bottom: 1.5rem;
  }

  #pario-fa-rebrand-popup .popup-logo {
    margin-left: -0.38rem;
  }
}

@media (min-width: 48rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 41.25rem;
    --panel-padding-top: 1.5rem;
    --panel-padding-right: 1.5rem;
    --panel-padding-bottom: 1.5rem;
    --panel-padding-left: 1.5rem;
    --logo-width: 10.5rem;
    --logo-height: auto;
    --message-offset-top: 1.5rem;
    --message-offset-left: 0;
    --message-max-width: none;
    --message-font-size: clamp(1.13rem, 3vw, 1.5rem);
    --actions-offset-top: 1.75rem;
    --actions-offset-left: 0;
    --button-width: 100%;
    --button-height: 3.5rem;
    --button-radius: 6.25rem;
    --button-gap: 1rem;
    --button-font-size: 1rem;
    padding: 1rem !important;
  }

  #pario-fa-rebrand-popup {
    inline-size: min(var(--popup-width), calc(100vw - 3rem));
  }

  #pario-fa-rebrand-popup .popup-panel {
    display: block;
    min-block-size: auto;
  }

  #pario-fa-rebrand-popup .popup-header {
    display: block;
    margin-bottom: 0;
  }

  #pario-fa-rebrand-popup .popup-logo {
    margin-left: 0;
  }
}

@media (min-width: 64rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 41.25rem;
    --panel-padding-top: 1.63rem;
    --panel-padding-right: 1.88rem;
    --panel-padding-bottom: 2rem;
    --panel-padding-left: 1.88rem;
    --logo-width: 10rem;
    --logo-height: 3.94rem;
    --message-offset-top: 1.5rem;
    --message-offset-left: 0;
    --message-max-width: 37.5rem;
    --message-font-size: 1.38rem;
    --actions-offset-top: 2rem;
    --actions-offset-left: 0;
    --button-width: 35.75rem;
    --button-height: 3.25rem;
    --button-radius: 5rem;
    --button-gap: 1.25rem;
    --button-font-size: 1.06rem;
    padding: 1.5rem !important;
  }
}

@media (min-width: 96rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 52rem;
    --panel-padding-top: 2.19rem;
    --panel-padding-right: 2.5rem;
    --panel-padding-bottom: 2.5rem;
    --panel-padding-left: 2.5rem;
    --logo-width: 12.75rem;
    --logo-height: 5rem;
    --message-offset-top: 2.19rem;
    --message-offset-left: 0.13rem;
    --message-max-width: 47.06rem;
    --message-font-size: 1.81rem;
    --actions-offset-top: 1.75rem;
    --actions-offset-left: 1rem;
    --button-width: 44.88rem;
    --button-height: 4.09rem;
    --button-radius: 6.25rem;
    --button-gap: 1rem;
    --button-font-size: 1.35rem;
    padding: 1.5rem !important;
  }
}