.AuthBanner-module__oppyHG__hero{background:var(--color-auth-hero-fallback);border-radius:24px;place-self:start end;width:calc(100% - 52px);height:calc(100dvh - 80px);min-height:360px;margin:40px 40px 40px 12px;position:relative;overflow:hidden;container-type:size}.AuthBanner-module__oppyHG__heroBackground{background:var(--color-auth-hero-base);position:absolute;inset:0}.AuthBanner-module__oppyHG__heroContent{height:100%;color:var(--color-auth-action-copy);flex-direction:column;justify-content:space-between;padding:min(65px,8.0049cqw) min(64px,7.8818cqw) min(64px,7.8818cqw);display:flex;position:relative}.AuthBanner-module__oppyHG__logo{object-fit:cover;flex-shrink:0;width:min(399px,49.1379cqw);height:min(79px,9.7291cqw)}.AuthBanner-module__oppyHG__heroMessage{flex-direction:column;gap:min(40px,4.9261cqw);display:flex}.AuthBanner-module__oppyHG__heroEyebrow{font-size:var(--fontSize-auth-hero-eyebrow);font-weight:var(--fontWeight-bold);line-height:var(--lineHeight-auth-hero-eyebrow-scaled);text-transform:uppercase;white-space:nowrap;align-items:center;gap:min(32px,3.9409cqw);display:flex}.AuthBanner-module__oppyHG__heroLine{background:currentColor;width:88px;height:1px}.AuthBanner-module__oppyHG__heroTagline{font-size:var(--fontSize-auth-hero-tagline);font-weight:var(--fontWeight-body);line-height:var(--lineHeight-auth-hero-tagline-scaled)}.AuthBanner-module__oppyHG__heroBackground:before,.AuthBanner-module__oppyHG__heroBackground:after{content:"";position:absolute;inset:0}.AuthBanner-module__oppyHG__heroBackground:before{aspect-ratio:812/1037;opacity:.5;background:url(/branding/figma-login-hero-background.png) 50%/100% 100% no-repeat;width:min(812px,100cqw,78.3028cqh);inset:50% 0 auto auto;transform:translateY(-50%)scaleX(-1)}.AuthBanner-module__oppyHG__heroBackground:after{background:var(--background-auth-hero-shade)}@media not (min-width:768px){.AuthBanner-module__oppyHG__hero{grid-row:1;width:calc(100% - 40px);height:clamp(220px,50vw,320px);min-height:0;margin:20px 20px 0}.AuthBanner-module__oppyHG__heroContent{padding:24px}.AuthBanner-module__oppyHG__heroMessage{gap:16px}.AuthBanner-module__oppyHG__heroEyebrow{font-size:var(--fontSize-body-lg);line-height:var(--lineHeight-body-lg)}.AuthBanner-module__oppyHG__heroTagline{font-size:var(--fontSize-h5);line-height:var(--lineHeight-h5)}}
