@keyframes SocialBanner_fade-in-slide__g_uyl{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.SocialBanner_container__oENrc{position:relative;display:flex;overflow:hidden;width:100%;align-items:center;justify-content:center;padding:var(--grid_xxs);border-radius:var(--radius_xl);animation:SocialBanner_fade-in-slide__g_uyl .15s ease-in-out;background:var(--white)}.SocialBanner_container__oENrc .SocialBanner_background__vW9Fn{position:absolute;overflow:hidden;border-radius:var(--radius_l);inset:var(--grid_xxs)}.SocialBanner_container__oENrc.SocialBanner_experience__PewWD .SocialBanner_background__vW9Fn{background-color:var(--green_100)}.SocialBanner_container__oENrc.SocialBanner_guides___9rOz .SocialBanner_background__vW9Fn{background-color:var(--yellow_100)}.SocialBanner_container__oENrc.SocialBanner_collections__4_HZ4 .SocialBanner_background__vW9Fn{background-color:var(--pink_100)}.SocialBanner_container__oENrc.SocialBanner_tips__CcVED .SocialBanner_background__vW9Fn{background-color:var(--red_100)}.SocialBanner_container__oENrc.SocialBanner_instructions__4kMMz .SocialBanner_background__vW9Fn{background-color:var(--purple_100)}.SocialBanner_body__6TLqh{position:relative;display:flex;overflow:hidden;width:100%;height:100%;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--grid_s);gap:var(--grid_xs);word-break:break-word}@media screen and (min-width:964px){.SocialBanner_body__6TLqh{display:grid;grid-template-columns:1fr auto}}.SocialBanner_body__6TLqh .SocialBanner_title__HiqyQ{font-family:var(--text-font-family);font-size:15px;font-weight:400;line-height:22px;white-space:pre-wrap}@media screen and (min-width:964px){.SocialBanner_body__6TLqh .SocialBanner_title__HiqyQ{flex:1 1 auto}}.SocialBanner_body__6TLqh .SocialBanner_buttons__2frTz{display:flex;width:100%;flex:1 1;flex-wrap:wrap;gap:var(--grid_s)}@media screen and (min-width:964px){.SocialBanner_body__6TLqh .SocialBanner_buttons__2frTz{display:grid;flex-wrap:nowrap;grid-template-columns:auto auto}}.SocialBanner_body__6TLqh .SocialBanner_buttons__2frTz .SocialBanner_button__dagtm{flex:1 1}@media screen and (min-width:964px){.SocialBanner_body__6TLqh .SocialBanner_buttons__2frTz .SocialBanner_button__dagtm{min-width:119px;padding:4px}}.SocialBanner_mobile__U_FaM{display:flex!important}@media screen and (min-width:964px){.SocialBanner_mobile__U_FaM{display:none!important}}.SocialBanner_desktop__N7wba{display:none!important}@media screen and (min-width:964px){.SocialBanner_desktop__N7wba{display:flex!important}}