.social-avatar{align-items:center;background-color:var(--okd-avatar-default-background);border:1px solid var(--okd-avatar-border-color);border-radius:100%;box-sizing:border-box;color:var(--okd-avatar-content-color);display:flex;justify-content:center;position:relative}.social-avatar-img{border-radius:100%;height:100%;width:100%}.social-avatar-img-loading{position:relative;visibility:hidden}.social-avatar .social-avatar-skeleton{border-radius:100%;height:100%;position:absolute;right:0;top:0;width:100%;z-index:0}.social-avatar-alt{align-items:center;background-color:var(--okd-avatar-default-background);border-radius:100%;display:flex;height:100%;justify-content:center;width:100%}.social-avatar-alt span{max-width:80%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.social-avatar-xxs{font-size:var(--okd-avatar-xs-font-size);font-size:var(--okd-avatar-xxs-font-size,var(--okd-avatar-xs-font-size));height:20px;height:var(--okd-avatar-xxs-size,20px);line-height:var(--okd-avatar-xs-line-height);line-height:var(--okd-avatar-xxs-line-height,var(--okd-avatar-xs-line-height));width:20px;width:var(--okd-avatar-xxs-size,20px)}.social-avatar-xs{font-size:var(--okd-avatar-xs-font-size);height:32px;height:var(--okd-avatar-xs-size,32px);line-height:var(--okd-avatar-xs-line-height);width:32px;width:var(--okd-avatar-xs-size,32px)}.social-avatar-sm{font-size:var(--okd-avatar-sm-font-size);height:36px;height:var(--okd-avatar-sm-size,36px);line-height:var(--okd-avatar-sm-line-height);width:36px;width:var(--okd-avatar-sm-size,36px)}.social-avatar-md{font-size:var(--okd-avatar-md-font-size);height:40px;height:var(--okd-avatar-md-size,40px);line-height:var(--okd-avatar-md-line-height);width:40px;width:var(--okd-avatar-md-size,40px)}.social-avatar-lg{font-size:var(--okd-avatar-lg-font-size);height:52px;height:var(--okd-avatar-lg-size,52px);line-height:var(--okd-avatar-lg-line-height);width:52px;width:var(--okd-avatar-lg-size,52px)}.social-avatar-xl{height:80px;height:var(--okd-avatar-xl-size,80px);width:80px;width:var(--okd-avatar-xl-size,80px)}.social-avatar-xl,.social-avatar-xxl{font-size:var(--okd-avatar-xl-font-size);line-height:var(--okd-avatar-xl-line-height)}.social-avatar-xxl{font-size:var(--okd-avatar-xxl-font-size,var(--okd-avatar-xl-font-size));height:112px;height:var(--okd-avatar-xxl-size,112px);line-height:var(--okd-avatar-xxl-line-height,var(--okd-avatar-xl-line-height));width:112px;width:var(--okd-avatar-xxl-size,112px)}.social-avatar-ring{border:var(--okd-avatar-ring-width,2px) solid var(--okd-avatar-ring-color,var(--okd-avatar-border-color));border-radius:100%;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:4px;padding:var(--okd-avatar-ring-padding,4px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.social-tag-fill-grey{background-color:var(--okd-tag-fill-grey-background-color);border-color:var(--okd-tag-fill-grey-border-color);color:var(--okd-tag-fill-grey-font-color)}.theme-light .social{--okd-avatar-default-background:var(--social-okd-color-surface-structural-layer-2);--okd-avatar-xs-font-size:14px;--okd-avatar-xs-line-height:14px;--okd-avatar-xs-size:32px;--okd-avatar-sm-font-size:16px;--okd-avatar-sm-line-height:var(--okd-line-height-xs);--okd-avatar-sm-size:36px;--okd-avatar-md-font-size:16px;--okd-avatar-md-line-height:16px;--okd-avatar-md-size:40px;--okd-avatar-lg-font-size:18px;--okd-avatar-lg-line-height:18px;--okd-avatar-lg-size:52px;--okd-avatar-xl-font-size:40px;--okd-avatar-xl-line-height:40px;--okd-avatar-xl-size:80px;--okd-avatar-border-color:var(--social-okd-color-border-static-default);--okd-avatar-ring-color:var(--social-okd-color-border-static-feature);--okd-avatar-ring-width:2px;--okd-avatar-ring-padding:2px;--okd-avatar-xxs-font-size:12px;--okd-avatar-xxs-line-height:12px;--okd-avatar-xxs-size:20px;--okd-avatar-xxl-font-size:56px;--okd-avatar-xxl-line-height:56px;--okd-avatar-xxl-size:112px;--okd-avatar-content-color:var(--social-okd-color-content-static-subtle)}.social-skeleton{display:flex;width:100%}.social-skeleton-header{display:flex;margin-left:24px}.social-skeleton-content{flex-grow:1}.social-skeleton-avatar{background-color:var(--social-okd-color-background-2);background-color:var(--okd-skeleton-background-color,var(--social-okd-color-background-2))}.social-skeleton-avatar.social-skeleton-avatar-animate{animation:social-skeleton-loading 1.4s ease infinite;background:linear-gradient(-90deg,var(--social-okd-color-background-2) 25%,hsla(0,0%,98%,.1) 37%,var(--social-okd-color-background-2) 63%);background:linear-gradient(-90deg,var(--okd-skeleton-background-color,var(--social-okd-color-background-2)) 25%,var(--okd-skeleton-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-background-color,var(--social-okd-color-background-2)) 63%);background-size:400% 100%;content:""}.social-skeleton-avatar-sm{height:24px;height:var(--okd-skeleton-avatar-sm-width,24px);width:24px;width:var(--okd-skeleton-avatar-sm-width,24px)}.social-skeleton-avatar-md{height:64px;height:var(--okd-skeleton-avatar-md-width,64px);width:64px;width:var(--okd-skeleton-avatar-md-width,64px)}.social-skeleton-avatar-lg{height:128px;height:var(--okd-skeleton-avatar-lg-width,128px);width:128px;width:var(--okd-skeleton-avatar-lg-width,128px)}.social-skeleton-avatar-circle{border-radius:50%}.social-skeleton-input{background-color:var(--social-okd-color-background-2);background-color:var(--okd-skeleton-background-color,var(--social-okd-color-background-2));border-radius:4px;border-radius:var(--okd-skeleton-input-border-radius,4px)}.social-skeleton-input.social-skeleton-input-animate{animation:social-skeleton-loading 1.4s ease infinite;background:linear-gradient(-90deg,var(--social-okd-color-background-2) 25%,hsla(0,0%,98%,.1) 37%,var(--social-okd-color-background-2) 63%);background:linear-gradient(-90deg,var(--okd-skeleton-background-color,var(--social-okd-color-background-2)) 25%,var(--okd-skeleton-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-background-color,var(--social-okd-color-background-2)) 63%);background-size:400% 100%;content:""}.social-skeleton-input-sm{height:24px;height:var(--okd-skeleton-input-sm-height,24px)}.social-skeleton-input-md{height:40px;height:var(--okd-skeleton-input-md-height,40px)}.social-skeleton-paragraph-row{background-color:var(--social-okd-color-background-2);background-color:var(--okd-skeleton-background-color,var(--social-okd-color-background-2));border-radius:4px;border-radius:var(--okd-skeleton-input-border-radius,4px)}.social-skeleton-paragraph-row.social-skeleton-paragraph-animate{animation:social-skeleton-loading 1.4s ease infinite;background:linear-gradient(-90deg,var(--social-okd-color-background-2) 25%,hsla(0,0%,98%,.1) 37%,var(--social-okd-color-background-2) 63%);background:linear-gradient(-90deg,var(--okd-skeleton-background-color,var(--social-okd-color-background-2)) 25%,var(--okd-skeleton-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-background-color,var(--social-okd-color-background-2)) 63%);background-size:400% 100%;content:""}.social-skeleton-paragraph-row+.social-skeleton-paragraph-row{margin-top:20px}.social-skeleton-paragraph-sm{height:24px;height:var(--okd-skeleton-input-sm-height,24px)}.social-skeleton-paragraph-md{height:40px;height:var(--okd-skeleton-input-md-height,40px)}@keyframes social-skeleton-loading{0%{background-position:0 50%}to{background-position:100% 50%}}.theme-light .social{--okd-skeleton-avatar-sm-width:24px;--okd-skeleton-avatar-md-width:64px;--okd-skeleton-avatar-lg-width:128px;--okd-skeleton-avatar-square-border-radius:4px;--okd-skeleton-input-border-radius:4px;--okd-skeleton-input-sm-height:24px;--okd-skeleton-input-md-height:40px;--okd-skeleton-background-color:var(--social-okd-color-global-alpha-inverse-10);--okd-skeleton-reversed-background-color:var(--social-okd-color-global-alpha-matching-10);--okd-skeleton-reversed-active-background-color:var(--social-okd-color-global-alpha-matching-20)}.theme-dark .social,.theme-light .social{--okd-skeleton-active-background-color:var(--social-okd-color-global-alpha-inverse-20)}.theme-dark .social{--okd-skeleton-avatar-sm-width:24px;--okd-skeleton-avatar-md-width:64px;--okd-skeleton-avatar-lg-width:128px;--okd-skeleton-avatar-square-border-radius:4px;--okd-skeleton-input-border-radius:4px;--okd-skeleton-input-sm-height:24px;--okd-skeleton-input-md-height:40px;--okd-skeleton-background-color:var(--social-okd-color-global-alpha-inverse-10);--okd-skeleton-reversed-background-color:var(--social-okd-color-global-alpha-matching-10);--okd-skeleton-reversed-active-background-color:var(--social-okd-color-global-alpha-matching-20)}.social-tag-fill-green{background-color:var(--okd-tag-fill-green-background-color);border-color:var(--okd-tag-fill-green-border-color);color:var(--okd-tag-fill-green-font-color)}.theme-dark .social{--okd-avatar-default-background:var(--social-okd-color-surface-structural-layer-2);--okd-avatar-xs-font-size:14px;--okd-avatar-xs-line-height:14px;--okd-avatar-xs-size:32px;--okd-avatar-sm-font-size:16px;--okd-avatar-sm-line-height:var(--okd-line-height-xs);--okd-avatar-sm-size:36px;--okd-avatar-md-font-size:16px;--okd-avatar-md-line-height:16px;--okd-avatar-md-size:40px;--okd-avatar-lg-font-size:18px;--okd-avatar-lg-line-height:18px;--okd-avatar-lg-size:52px;--okd-avatar-xl-font-size:40px;--okd-avatar-xl-line-height:40px;--okd-avatar-xl-size:80px;--okd-avatar-border-color:var(--social-okd-color-border-static-default);--okd-avatar-ring-color:var(--social-okd-color-border-static-feature);--okd-avatar-ring-width:2px;--okd-avatar-ring-padding:2px;--okd-avatar-xxs-font-size:12px;--okd-avatar-xxs-line-height:12px;--okd-avatar-xxs-size:20px;--okd-avatar-xxl-font-size:56px;--okd-avatar-xxl-line-height:56px;--okd-avatar-xxl-size:112px;--okd-avatar-content-color:var(--social-okd-color-content-static-subtle)}.social-skeleton-avatar-reversed{background-color:var(--social-okd-color-gray-700);background-color:var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700))}.social-skeleton-avatar-reversed.social-skeleton-avatar-animate{background:linear-gradient(-90deg,var(--social-okd-color-gray-700) 25%,hsla(0,0%,98%,.1) 37%,var(--social-okd-color-gray-700) 63%);background:linear-gradient(-90deg,var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700)) 25%,var(--okd-skeleton-reversed-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700)) 63%);background-size:400% 100%}.social-skeleton-input-reversed{background-color:var(--social-okd-color-gray-700);background-color:var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700))}.social-skeleton-input-reversed.social-skeleton-input-animate{background:linear-gradient(-90deg,var(--social-okd-color-gray-700) 25%,hsla(0,0%,98%,.1) 37%,var(--social-okd-color-gray-700) 63%);background:linear-gradient(-90deg,var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700)) 25%,var(--okd-skeleton-reversed-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700)) 63%);background-size:400% 100%}.social-skeleton-paragraph-reversed>.social-skeleton-paragraph-row{background-color:var(--social-okd-color-gray-700);background-color:var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700))}.social-skeleton-paragraph-reversed>.social-skeleton-paragraph-row.social-skeleton-paragraph-animate{background:linear-gradient(-90deg,var(--social-okd-color-gray-700) 25%,hsla(0,0%,98%,.1) 37%,var(--social-okd-color-gray-700) 63%);background:linear-gradient(-90deg,var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700)) 25%,var(--okd-skeleton-reversed-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-reversed-background-color,var(--social-okd-color-gray-700)) 63%);background-size:400% 100%}.social-tag-sm{--okd-tag-inner-height:var(--okd-tag-sm-height,16px);border-radius:4px;border-radius:var(--okd-tag-sm-border-radius,4px);border-width:1px;border-width:var(--okd-tag-sm-border-width,1px);font-size:12px;font-size:var(--okd-tag-sm-font-size,12px);font-weight:400;font-weight:var(--okd-tag-sm-font-weight,400);line-height:16px;line-height:var(--okd-tag-sm-line-height,16px);padding:2px 4px;padding:var(--okd-tag-sm-padding-vertical,2px) var(--okd-tag-sm-padding-horizontal,4px)}.social-tag-sm .social-tag-icon{font-size:12px;font-size:var(--okd-tag-sm-icon-size,12px)}.social-tag-md{--okd-tag-inner-height:var(--okd-tag-md-height,20px);border-radius:4px;border-radius:var(--okd-tag-md-border-radius,4px);border-width:1px;border-width:var(--okd-tag-md-border-width,1px);font-size:12px;font-size:var(--okd-tag-md-font-size,12px);font-weight:400;font-weight:var(--okd-tag-md-font-weight,400);line-height:16px;line-height:var(--okd-tag-md-line-height,16px);padding:2px 4px;padding:var(--okd-tag-md-padding-vertical,2px) var(--okd-tag-md-padding-horizontal,4px)}.social-tag-md .social-tag-icon{font-size:16px;font-size:var(--okd-tag-md-icon-size,16px)}.social-tag-lg{--okd-tag-inner-height:var(--okd-tag-lg-height,24px);border-radius:4px;border-radius:var(--okd-tag-lg-border-radius,4px);border-width:1px;border-width:var(--okd-tag-lg-border-width,1px);font-size:12px;font-size:var(--okd-tag-lg-font-size,12px);font-weight:400;font-weight:var(--okd-tag-lg-font-weight,400);line-height:16px;line-height:var(--okd-tag-lg-line-height,16px);padding:2px 4px;padding:var(--okd-tag-lg-padding-vertical,2px) var(--okd-tag-lg-padding-horizontal,4px)}.social-tag-lg .social-tag-icon{font-size:16px;font-size:var(--okd-tag-lg-icon-size,16px)}.social-tag-fixed-height{height:var(--okd-tag-inner-height);padding-bottom:0;padding-top:0}.social-tag{align-items:center;border-style:solid;box-sizing:border-box;display:inline-flex}.social-tag-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-tag-icon{padding-left:2px}.social-tag-fill-red{background-color:var(--okd-tag-fill-red-background-color);border-color:var(--okd-tag-fill-red-border-color);color:var(--okd-tag-fill-red-font-color)}