.mixit-auth-banner{background:linear-gradient(180deg,#f4f6ef,#ecf1de);border-radius:.6rem;overflow:hidden;padding:2rem;position:relative}@media screen and (min-width:651px){.mixit-auth-banner{background:url(../homepage/auth-banner/bg.jpg) no-repeat 50%/cover;min-height:18.7rem;padding:3.2rem 4.2rem}}.mixit-auth-banner__inner{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:2}@media screen and (min-width:651px){.mixit-auth-banner__inner{gap:2.4rem}}.mixit-auth-banner__heading{color:#202020;font-family:Gotham Pro,sans-serif;font-size:1.4rem;font-weight:500;line-height:1.3;max-width:32rem}@media screen and (min-width:651px){.mixit-auth-banner__heading{font-size:1.6rem;max-width:70rem}}.mixit-auth-banner__login{background:none;border:none;color:#8f995b;cursor:pointer;display:block;font:inherit;padding:0;text-decoration:underline;transition:color .3s}@media screen and (min-width:651px){.mixit-auth-banner__login{display:inline}}@media screen and (hover:hover){.mixit-auth-banner__login:hover{opacity:.8}}@media screen and (min-width:651px){.mixit-auth-banner__heading-rest:before{content:" "}}.mixit-auth-banner__cards{display:flex;gap:1rem;list-style:none;margin:0 -2rem;overflow-x:auto;padding:0 2rem;scrollbar-width:none;-ms-overflow-style:none}.mixit-auth-banner__cards::-webkit-scrollbar{display:none}@media screen and (min-width:651px){.mixit-auth-banner__cards{gap:2rem;margin:0;overflow:visible;padding:0}}.mixit-auth-banner__card{background:#fdfeff;border-radius:.6rem;box-sizing:border-box;flex-shrink:0;height:7.8rem;overflow:hidden;padding:1.2rem 7.2rem 1.2rem 1.2rem;position:relative;width:17.6rem}@media screen and (min-width:651px){.mixit-auth-banner__card{padding:1.2rem 7.8rem 1.2rem 1.2rem;width:19.4rem}}.mixit-auth-banner__card-title{color:#202020;display:block;font-family:Gotham Pro,sans-serif;font-size:1.2rem;font-weight:500;line-height:1.3;position:relative;z-index:1}@media screen and (min-width:651px){.mixit-auth-banner__card-title{font-size:1.4rem}}.mixit-auth-banner__card-icon{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right center;object-position:right center;pointer-events:none;position:absolute;right:0;top:0;width:7.2rem}@media screen and (min-width:651px){.mixit-auth-banner__card-icon{width:7.8rem}}