.banner--desktop{position:relative;width:100%;height:100vh;background-size:cover;background-position:center right;display:flex;align-items:center;justify-content:flex-start;padding:0 5%}@media (max-width: 767px){.banner--desktop{display:none}.banner--mobile{display:flex;width:100%;height:90vh;background-size:cover;background-position:center;align-items:center;justify-content:flex-start;padding:0 8%}}@media (min-width: 768px){.banner--mobile{display:none}}.banner__heading{font-size:clamp(2rem,4vw,4rem);font-weight:700;color:#fff;text-align:left;max-width:600px;line-height:1.2;text-shadow:0px 2px 10px rgba(0,0,0,.4);animation:fadeInUp 1s ease-in-out}.banner__subheading{margin-top:1rem;font-size:clamp(1rem,2vw,1.5rem);color:#e5e5e5;text-shadow:0px 1px 6px rgba(0,0,0,.35);animation:fadeInUp 1.3s ease-in-out}.banner__cta{display:inline-block;margin-top:2rem;padding:1rem 2.5rem;background:#000;color:#fff;border:none;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;animation:fadeInUp 1.6s ease-in-out}.banner__cta:hover{background:#fff;color:#000;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.template-index .banner .banner__box{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.template-index .banner .banner__heading,.template-index .banner .banner__text{color:#fff!important;text-shadow:0 1px 12px rgba(0,0,0,.25)}.template-index .banner .banner__buttons .button{background:#fff!important;color:#000!important;border:none!important;box-shadow:none!important;border-radius:9999px;transition:transform .18s ease,background-color .18s ease,color .18s ease}.template-index .banner .banner__buttons .button:hover{transform:translateY(-1px);background:#0a0a0a!important;color:#fff!important}@media (min-width: 750px){.template-index .banner .banner__text{opacity:.95}}.banner__content h1,.banner__content h2,.banner__content p{color:#fff!important}.banner__content .button{background-color:#fff!important;color:#000!important;border:none!important}.banner__content{background:transparent!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lyft-banner.css.map */