﻿#pario-fa-rebrand-overlay {
  --popup-width: 23.625rem;
  --popup-radius: 0.3125rem;
  --popup-bg: #CE202F;
  --overlay-bg: rgba(0, 0, 0, 0.5);
  --panel-padding-top: 1.4375rem;
  --panel-padding-right: 1.875rem;
  --panel-padding-bottom: 4.6875rem;
  --panel-padding-left: 1.875rem;
  --logo-width: 7.96875rem;
  --logo-height: 3.125rem;
  --close-size: 1.9375rem;
  --message-offset-top: 0;
  --message-offset-left: 0;
  --message-max-width: none;
  --message-font-size: 1.125rem;
  --actions-offset-top: 1.75rem;
  --actions-offset-left: 0;
  --button-width: 100%;
  --button-height: 3.5625rem;
  --button-radius: 4.375rem;
  --button-gap: 1.5625rem;
  --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.6875rem;
}

#pario-fa-rebrand-popup .popup-logo {
  inline-size: var(--logo-width);
  block-size: var(--logo-height);
  object-fit: contain;
  display: block;
  flex: 0 0 auto;
  margin-left: -0.625rem;
}

#pario-fa-rebrand-popup .popup-close {
  inline-size: var(--close-size);
  block-size: var(--close-size);
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  position: absolute;
  left: 50%;
  bottom: 1.5625rem;
  transform: translateX(-50%);
  z-index: 2;
}

#pario-fa-rebrand-popup .popup-close img {
  inline-size: 100%;
  block-size: 100%;
  display: block;
}

#pario-fa-rebrand-popup .popup-close:focus-visible {
  outline: 0.125rem solid #FFFFFF;
  outline-offset: 0.25rem;
  border-radius: 50%;
}

#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.125rem solid #FFFFFF;
  outline-offset: 0.1875rem;
}

#pario-fa-rebrand-popup .popup-button.primary {
  background: #000000;
  border: 0.0625rem 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.0625rem solid #FFFFFF;
  color: #FFFFFF;
  min-block-size: 3.375rem;
}

#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;               /* 568px */
    --panel-padding-top: 1.4375rem;       /* 23px */
    --panel-padding-right: 1.75rem;       /* 28px */
    --panel-padding-bottom: 4.25rem;      /* 68px */
    --panel-padding-left: 1.75rem;        /* 28px */
    --logo-width: 8.75rem;                /* 140px */
    --logo-height: 3.4375rem;             /* 55px */
    --close-size: 1.9375rem;              /* 31px */
    --message-offset-top: 0;
    --message-offset-left: 0;
    --message-max-width: none;
    --message-font-size: 1.1875rem;       /* 19px */
    --actions-offset-top: 1.625rem;       /* 26px */
    --actions-offset-left: 0;
    --button-width: 100%;
    --button-height: 3.5rem;              /* 56px */
    --button-radius: 4.75rem;             /* 76px */
    --button-gap: 1.125rem;               /* 18px */
    --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 {
    display: flex;
    flex-direction: column;
    min-block-size: 30rem;
  }

  #pario-fa-rebrand-popup .popup-header {
    display: block;
    margin-bottom: 1.5rem;
  }

  #pario-fa-rebrand-popup .popup-logo {
    margin-left: -0.375rem;
  }

  #pario-fa-rebrand-popup .popup-close {
    position: absolute;
    left: 50%;
    bottom: 1.375rem;
    transform: translateX(-50%);
    z-index: 2;
  }

  #pario-fa-rebrand-popup .popup-button.secondary {
    min-block-size: 3.375rem;
  }
  
}

@media (min-width: 48rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 41.25rem;              /* 660px */
    --panel-padding-top: 1.5rem;          /* 24px */
    --panel-padding-right: 1.5rem;        /* 24px */
    --panel-padding-bottom: 1.5rem;       /* 24px */
    --panel-padding-left: 1.5rem;         /* 24px */
    --logo-width: 10.5rem;                /* 168px */
    --logo-height: auto;
    --close-size: 2.25rem;                /* 36px */
    --message-offset-top: 1.5rem;         /* 24px */
    --message-offset-left: 0;
    --message-max-width: none;
    --message-font-size: clamp(1.125rem, 3vw, 1.5rem);
    --actions-offset-top: 1.75rem;        /* 28px */
    --actions-offset-left: 0;
    --button-width: 100%;
    --button-height: 3.5rem;              /* 56px */
    --button-radius: 6.25rem;             /* 100px */
    --button-gap: 1rem;                   /* 16px */
    --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: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0;
  }

  #pario-fa-rebrand-popup .popup-logo {
    margin-left: 0;
  }

  #pario-fa-rebrand-popup .popup-close {
    position: static;
    left: auto;
    bottom: auto;
    transform: none;
    z-index: auto;
  }

  #pario-fa-rebrand-popup .popup-button.secondary {
    min-block-size: var(--button-height);
  }
}

@media (min-width: 64rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 41.25rem;
    --panel-padding-top: 1.625rem;
    --panel-padding-right: 1.875rem;
    --panel-padding-bottom: 1.625rem;
    --panel-padding-left: 1.75rem;
    --logo-width: 10rem;
    --logo-height: 3.9375rem;
    --close-size: 2rem;
    --message-offset-top: 1.5rem;
    --message-offset-left: 0;
    --message-max-width: 37.5rem;
    --message-font-size: 1.375rem;
    --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.0625rem;
    padding: 1.5rem !important;
  }
}

@media (min-width: 80rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 41.25rem;
    --panel-padding-top: 1.625rem;
    --panel-padding-right: 1.875rem;
    --panel-padding-bottom: 1.625rem;
    --panel-padding-left: 1.75rem;
    --logo-width: 10rem;
    --logo-height: 3.9375rem;
    --close-size: 2rem;
    --message-offset-top: 1.5rem;
    --message-offset-left: 0;
    --message-max-width: 37.5rem;
    --message-font-size: 1.375rem;
    --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.0625rem;
    padding: 1.5rem !important;
  }
}

@media (min-width: 96rem) {
  #pario-fa-rebrand-overlay {
    --popup-width: 52rem;
    --panel-padding-top: 2.1875rem;
    --panel-padding-right: 2.5rem;
    --panel-padding-bottom: 2.1875rem;
    --panel-padding-left: 2.3125rem;
    --logo-width: 12.75rem;
    --logo-height: 5rem;
    --close-size: 2.625rem;
    --message-offset-top: 2.1875rem;
    --message-offset-left: 0.125rem;
    --message-max-width: 47.0625rem;
    --message-font-size: 1.8125rem;
    --actions-offset-top: 2.75rem;
    --actions-offset-left: 1rem;
    --button-width: 44.875rem;
    --button-height: 4.09375rem;
    --button-radius: 6.25rem;
    --button-gap: 1.9375rem;
    --button-font-size: 1.354375rem;
    padding: 1.5rem !important;
  }
}
