/* Shared social states for preview and frontend. The link and SVG use the item's state. */
body .plugin-hf-social-icons .plugin-hf-social-item{
 --hf-social-active-color:var(--hf-social-color,currentColor);
 --hf-social-active-bg:var(--hf-social-bg,transparent);
 --hf-social-active-border:var(--hf-social-border-color,currentColor);
 display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;
 box-sizing:border-box;width:calc(var(--hf-social-size,20px) + 16px)!important;height:calc(var(--hf-social-size,20px) + 16px)!important;margin:0!important;padding:0!important;
 color:var(--hf-social-active-color)!important;background:var(--hf-social-active-bg)!important;
 border:var(--hf-social-border-width,1px) solid var(--hf-social-active-border)!important;border-radius:var(--hf-social-radius,50%)!important;
 transition:color .18s,background .18s,border-color .18s;
}
body .plugin-hf-social-icons .plugin-hf-social-item:is(:hover,:focus-within){
 --hf-social-active-color:var(--hf-social-hover-color,var(--hf-social-color,currentColor));
 --hf-social-active-bg:var(--hf-social-hover-bg,var(--hf-social-bg,transparent));
 --hf-social-active-border:var(--hf-social-hover-border-color,var(--hf-social-border-color,currentColor));
}
body .plugin-hf-social-icons .plugin-hf-social-item::after,body .plugin-hf-social-icons .plugin-hf-social-item>a::after{display:none!important;content:none!important}
body .plugin-hf-social-icons .plugin-hf-social-item>a,
body .plugin-hf-social-icons .plugin-hf-social-item>a:is(:hover,:focus,:active,:visited){
 display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:8px!important;
 color:var(--hf-social-active-color)!important;background:transparent!important;border:0!important;border-radius:inherit;text-decoration:none!important;box-shadow:none!important;
}
body .plugin-hf-social-icons .plugin-hf-social-item svg{display:block;width:var(--hf-social-size,20px)!important;height:var(--hf-social-size,20px)!important;flex:none;color:var(--hf-social-active-color)!important;fill:currentColor!important}
body .plugin-hf-social-icons .plugin-hf-social-item svg path{fill:currentColor!important}
body .plugin-hf-social-icons .plugin-hf-social-item img{display:block;width:var(--hf-social-size,20px)!important;height:var(--hf-social-size,20px)!important;object-fit:contain;flex:none}