.empty-state-card{width:100%;max-width:345px;margin-left:auto;margin-right:auto}.empty-state-card--md{max-width:448px}.empty-state-card__container{position:relative;border-radius:var(--border-radius-2xl,16px);overflow:hidden;aspect-ratio:345/206;box-shadow:var(--shadow-md)}.empty-state-card--ask-friends .empty-state-card__container{box-shadow:none}.empty-state-card__image{width:100%;height:100%;object-fit:cover}.empty-state-card__overlay{position:absolute;inset:0;padding:var(--spacing-6);display:flex;flex-direction:column;justify-content:center}@media (min-width:640px){.empty-state-card__overlay{padding:var(--spacing-8)}}.empty-state-card__content{padding-left:0}@media (min-width:640px){.empty-state-card__content{padding-left:var(--spacing-8)}}.empty-state-card__content--make-rec{padding-left:var(--spacing-8)}@media (min-width:640px){.empty-state-card__content--make-rec{padding-left:var(--spacing-8)}}@media (min-width:768px){.empty-state-card__content--make-rec{padding-left:var(--spacing-12)}}.empty-state-card__content--explore-community{padding-left:calc(var(--spacing-8) + 20px)}@media (min-width:640px){.empty-state-card__content--explore-community{padding-left:calc(var(--spacing-8) + 20px)}}@media (min-width:768px){.empty-state-card__content--explore-community{padding-left:calc(var(--spacing-12) + 20px)}}.empty-state-card__content--ask-friends{padding-left:var(--spacing-8)}@media (min-width:640px){.empty-state-card__content--ask-friends{padding-left:var(--spacing-8)}}@media (min-width:768px){.empty-state-card__content--ask-friends{padding-left:var(--spacing-12)}}.empty-state-card__title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);color:var(--primary);text-align:left;font-weight:var(--font-weight-bold);margin-top:var(--spacing-6);margin-bottom:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.empty-state-card__description{font-family:var(--font-family-body);text-align:left;color:var(--primary);font-size:var(--font-size-base);max-width:240px;margin-top:var(--spacing-2);margin-bottom:0}@media (min-width:640px){.empty-state-card__description{margin-top:var(--spacing-3)}}.empty-state-card__button{margin-top:var(--spacing-4)}.empty-state-card__button-icon{display:inline-block}