/* Colors
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Fonts
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Layout
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Flex Mixins
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Links
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Animations
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Other Mixins
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Color Themes
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.overlay.claims .close {
  padding-left: 10px;
  padding-right: 10px;
  right: 10px;
}
.overlay.claims .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6rem;
}
.overlay.claims .overlay-content-section {
  transform: translate(-50%, -50%);
  max-height: 100vh;
  left: 50%;
  max-width: 105rem;
  overflow: auto;
  padding: 0.5rem;
  position: relative;
  top: 50%;
  width: 100%;
}
.overlay.claims .primary-button, .overlay.claims .tertiary-button {
  width: 60%;
  margin-top: 4rem;
}
.overlay.claims .primary-button a, .overlay.claims .tertiary-button a {
  padding-bottom: 1em;
  padding-top: 0.83em;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: normal;
}
.overlay.claims .with-account {
  border-right: 2px solid #d1e2e5;
  padding-right: 5rem;
  width: 50%;
}
.overlay.claims .without-account {
  padding-left: 5rem;
  width: 50%;
}
.overlay.claims .without-account .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  gap: 3.2rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1150 */
@media only screen and (max-width: 1150px) {
  .overlay.claims .primary-button, .overlay.claims .tertiary-button {
    width: 100%;
  }
  .overlay.claims .without-account .button-wrapper {
    display: block;
  }
  .overlay.claims .without-account .button-wrapper div:last-child {
    margin-top: 1.6rem;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max 1000 */
@media only screen and (max-width: 1000px) {
  .overlay.claims .flex {
    display: block;
    margin-top: 3.2rem;
  }
  .overlay.claims .overlay-content-section {
    max-width: 60rem;
  }
  .overlay.claims .primary-button, .overlay.claims .tertiary-button {
    margin-top: 1.6rem;
    width: 50%;
  }
  .overlay.claims .with-account {
    border-bottom: 1px solid #d1e2e5;
    border-right: none;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    padding-right: 0;
    width: 100%;
  }
  .overlay.claims .without-account {
    padding-left: 0;
    width: 100%;
  }
  .overlay.claims .without-account .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max tiny */
@media only screen and (max-width: 670px) {
  .overlay.claims .overlay-content-section {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .overlay.claims .primary-button, .overlay.claims .tertiary-button {
    width: 100%;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - max xtra tiny */
@media only screen and (max-width: 400px) {
  .overlay.claims .primary-button a, .overlay.claims .tertiary-button a {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .overlay.claims .without-account .button-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 970px) {
  .overlay.claims .tertiary-button a {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 780px) {
  .overlay.claims .tertiary-button a {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 670px) {
  .overlay.claims .tertiary-button a {
    font-size: 1.8rem;
  }
}