/* Media Quuery Mixin */
.paypal-terms {
  display: grid;
  grid-template-rows: auto auto 3.75rem 1fr;
  color: #313131;
  align-items: center; }
  .paypal-terms__title {
    font-family: "Klein Medium Condensed New", Klein Medium New, Futura, Helvetica, Arial, sans-serif;
    font-size: 1.25rem; }
  .paypal-terms__text {
    font-family: "Klein-Medium";
    font-size: 0.6875rem;
    color: #6d6d6d; }
    .paypal-terms__text a {
      color: #000000;
      text-decoration: underline; }
  .paypal-terms__logo {
    display: grid;
    padding: 1.25rem 0; }

/* Media Quuery Mixin */
/* Media Quuery Mixin */
@-webkit-keyframes animatemobile {
  0% {
    opacity: 0;
    transform: translate(30%, 0%); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes animatemobile {
  0% {
    opacity: 0;
    transform: translate(30%, 0%); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }

@-webkit-keyframes animate {
  0% {
    opacity: 0;
    transform: translate(0%, 30%); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }

@keyframes animate {
  0% {
    opacity: 0;
    transform: translate(0%, 30%); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }

#paypal-terms-portal .ck-modal__close-btn {
  z-index: 1; }

@media (max-width: 740px) {
  #paypal-terms-portal .ck-modal__inner--open {
    max-width: 21.875rem; } }

#paypal-terms-portal .paypal-terms-modal {
  -webkit-animation: animatemobile 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: animatemobile 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  transition: transform opacity 0.3s ease-out;
  max-width: 31.25rem;
  padding: 0.625rem 1.875rem 1.875rem;
  display: grid;
  grid-template-rows: 1fr 2.5rem;
  grid-gap: 1.25rem;
  gap: 1.25rem; }
  @media (min-width: 1025px) {
    #paypal-terms-portal .paypal-terms-modal {
      -webkit-animation: animate 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
      animation: animate 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } }
  #paypal-terms-portal .paypal-terms-modal-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.25rem;
    gap: 1.25rem; }