@layer components{.SocialShare{position:relative;.SocialShare-toggle{font:var(--typo-compact-base)}.SocialShare-toggle .Button-icon{rotate:-90deg}.SocialShare-toggle[aria-expanded=true] .Button-icon{rotate:90deg}}.SocialShare-card:not([hidden]){background-color:var(--bg-inverted);border-radius:var(--radius-l);box-shadow:var(--elevation-m);color:var(--txt-default);display:block;font:var(--typo-text-base-primary);inset-block-start:var(--size-48);inset-inline-start:0;min-inline-size:12.5rem;padding-block:var(--size-16);padding-inline:var(--size-8);position:absolute;z-index:var(--top-layer);.SocialShare-list{display:grid}.SocialShare-link{align-items:center;border-radius:var(--radius-l);display:flex;gap:var(--size-12);padding:var(--size-16);text-decoration:none;&:hover{background-color:var(--bg-surface)}&:active{background-color:var(--bg-surface-active)}&:focus-visible{background-color:var(--bg-surface);outline:var(--border-focus)}}}@media(width<48rem){.SocialShare-card:not([hidden]){inset-inline-end:0;inset-inline-start:initial}}}
/*# sourceMappingURL=social-share.css.map */