.ApBanner{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;max-height:20rem;overflow:hidden;padding-bottom:2rem;padding-top:2rem;width:100%}@media(min-width:768px){.ApBanner{padding-bottom:0;padding-top:0}}.ApBanner .filter{background-image:linear-gradient(to right,var(--tw-gradient-stops));height:100%;inset:0;position:absolute;width:50%;--tw-gradient-to:transparent var(--tw-gradient-to-position);-o-object-position:center;object-position:center}.ApBanner.primary{--tw-bg-opacity:1;background-color:rgb(191 239 238/var(--tw-bg-opacity,1))}.ApBanner.primary .filter{--tw-gradient-from:#bfefee var(--tw-gradient-from-position);--tw-gradient-to:rgba(191,239,238,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.ApBanner.secondary{--tw-bg-opacity:1;background-color:rgb(255 239 204/var(--tw-bg-opacity,1))}.ApBanner.secondary .filter{--tw-gradient-from:#ffefcc var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,239,204,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}