.social-picture{display:inline-block}.social-picture-font{font-size:0;line-height:1}.social-picture-cover{object-fit:cover}.social-picture-contain{object-fit:contain}.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%;left:0;position:absolute;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-empty{align-items:center;display:flex;flex-direction:column;width:100%}.social-empty-img{height:var(--okd-empty-img-height);margin-bottom:var(--okd-empty-img-margin-bottom);width:var(--okd-empty-img-width)}.social-empty-title{color:var(--okd-empty-title-color);font-size:var(--okd-empty-title-font-size);font-weight:400;font-weight:var(--okd-empty-title-font-weight,400);line-height:var(--okd-empty-title-light-height);margin-bottom:var(--okd-empty-title-margin-bottom);text-align:center}.social-empty-title:last-child{margin-bottom:0}.social-empty-only-title{margin-bottom:var(--okd-empty-desc-margin-bottom)}.social-empty-only-title:last-child{margin-bottom:0}.social-empty-description{color:var(--okd-empty-desc-color);font-size:var(--okd-empty-desc-font-size);font-weight:400;font-weight:var(--okd-empty-desc-font-weight,400);line-height:var(--okd-empty-desc-light-height);margin-bottom:var(--okd-empty-desc-margin-bottom);text-align:center}.social-empty-description:last-child{margin-bottom:0}.social-empty-sm .social-empty-title{font-size:14px;font-size:var(--okd-empty-sm-title-font-size,14px);line-height:16px;line-height:var(--okd-empty-sm-title-line-height,16px);margin-bottom:4px;margin-bottom:var(--okd-empty-sm-title-margin-bottom,4px)}.social-empty-sm .social-empty-description{font-size:12px;font-size:var(--okd-empty-sm-desc-font-size,12px);line-height:18px;line-height:var(--okd-empty-sm-desc-line-height,18px)}.social-empty-sm .social-empty-description,.social-empty-sm .social-empty-only-title{margin-bottom:4px;margin-bottom:var(--okd-empty-sm-desc-margin-bottom,4px)}.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);--okd-empty-img-width:100px;--okd-empty-img-height:100px;--okd-empty-img-margin-bottom:4px;--okd-empty-title-font-size:16px;--okd-empty-title-light-height:20px;--okd-empty-title-margin-bottom:4px;--okd-empty-title-color:var(--social-okd-color-content-static-default);--okd-empty-desc-font-size:14px;--okd-empty-desc-light-height:158%;--okd-empty-desc-margin-bottom:16px;--okd-empty-desc-color:var(--social-okd-color-content-static-subtle);--okd-empty-title-line-height:20px;--okd-empty-desc-line-height:20px;--okd-empty-title-font-weight:500;--okd-empty-desc-font-weight:400;--okd-empty-sm-title-font-size:14px;--okd-empty-sm-title-line-height:16px;--okd-empty-sm-title-margin-bottom:4px;--okd-empty-sm-desc-font-size:12px;--okd-empty-sm-desc-line-height:18px;--okd-empty-sm-desc-margin-bottom:16px;--okd-popup-white-board-background:var(--social-okd-color-surface-structural-elevated-contrast);--okd-popup-white-board-shadow:#0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px}.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)}.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-skeleton{display:flex;width:100%}.social-skeleton-header{display:flex;margin-right: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:100% 50%}to{background-position:0 50%}}.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%}.theme-dark .social{--okd-popup-white-board-background:var(--social-okd-color-surface-structural-elevated-contrast);--okd-popup-white-board-shadow:#0000000d 0px 4px 6px -2px,#0000001a 0px 10px 15px -3px}.social-popup{display:inline-flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.social-popup-layer{display:none;opacity:0;outline:none;position:absolute;transition:opacity .3s}.social-popup-layer-visible{display:block;opacity:1}.social-popup-layer-arrow-inner{border:1px solid transparent;border-radius:2px;box-sizing:border-box;display:block;height:100%;transform:rotate(45deg);transform-origin:center;width:100%}.social-popup-layer.social-popup-overflow[data-popper-reference-hidden]{pointer-events:none;visibility:hidden}.social-popup-white-board .social-popup-layer-arrow-inner,.social-popup-white-board-content{background-color:var(--okd-popup-white-board-background);border:1px solid rgba(0,0,0,.05)}.social-popup-white-board-content{border-radius:4px;box-shadow:var(--okd-popup-white-board-shadow)}.social-popup-placement-lg-top{padding-bottom:9px}.social-popup-placement-lg-bottom{padding-top:9px}.social-popup-placement-lg-left{padding-right:9px}.social-popup-placement-lg-right{padding-left:9px}.social-popup-arrow-lg .social-popup-layer-arrow{height:14px;width:14px}.social-popup-arrow-lg[data-popper-placement*=top]{padding:0 0 9px}.social-popup-arrow-lg[data-popper-placement*=bottom]{padding:9px 0 0}.social-popup-arrow-lg[data-popper-placement*=left]{padding:0 9px 0 0}.social-popup-arrow-lg[data-popper-placement*=right]{padding:0 0 0 9px}.social-popup-arrow-lg[data-popper-placement*=top] .social-popup-layer-arrow{margin-top:-17px;top:100%}.social-popup-arrow-lg[data-popper-placement*=top] .social-popup-layer-arrow-inner{border-left-color:transparent!important;border-top-color:transparent!important}.social-popup-arrow-lg[data-popper-placement*=right] .social-popup-layer-arrow{margin-right:-17px;right:100%}.social-popup-arrow-lg[data-popper-placement*=right] .social-popup-layer-arrow-inner{border-right-color:transparent!important;border-top-color:transparent!important}.social-popup-arrow-lg[data-popper-placement*=bottom] .social-popup-layer-arrow{bottom:100%;margin-bottom:-17px}.social-popup-arrow-lg[data-popper-placement*=bottom] .social-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-right-color:transparent!important}.social-popup-arrow-lg[data-popper-placement*=left] .social-popup-layer-arrow{left:100%;margin-left:-17px}.social-popup-arrow-lg[data-popper-placement*=left] .social-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-left-color:transparent!important}.social-popup-placement-md-top{padding-bottom:7px}.social-popup-placement-md-bottom{padding-top:7px}.social-popup-placement-md-left{padding-right:7px}.social-popup-placement-md-right{padding-left:7px}.social-popup-arrow-md .social-popup-layer-arrow{height:10px;width:10px}.social-popup-arrow-md[data-popper-placement*=top]{padding:0 0 7px}.social-popup-arrow-md[data-popper-placement*=bottom]{padding:7px 0 0}.social-popup-arrow-md[data-popper-placement*=left]{padding:0 7px 0 0}.social-popup-arrow-md[data-popper-placement*=right]{padding:0 0 0 7px}.social-popup-arrow-md[data-popper-placement*=top] .social-popup-layer-arrow{margin-top:-13px;top:100%}.social-popup-arrow-md[data-popper-placement*=top] .social-popup-layer-arrow-inner{border-left-color:transparent!important;border-top-color:transparent!important}.social-popup-arrow-md[data-popper-placement*=right] .social-popup-layer-arrow{margin-right:-13px;right:100%}.social-popup-arrow-md[data-popper-placement*=right] .social-popup-layer-arrow-inner{border-right-color:transparent!important;border-top-color:transparent!important}.social-popup-arrow-md[data-popper-placement*=bottom] .social-popup-layer-arrow{bottom:100%;margin-bottom:-13px}.social-popup-arrow-md[data-popper-placement*=bottom] .social-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-right-color:transparent!important}.social-popup-arrow-md[data-popper-placement*=left] .social-popup-layer-arrow{left:100%;margin-left:-13px}.social-popup-arrow-md[data-popper-placement*=left] .social-popup-layer-arrow-inner{border-bottom-color:transparent!important;border-left-color:transparent!important}.theme-dark .social{--okd-empty-img-width:100px;--okd-empty-img-height:100px;--okd-empty-img-margin-bottom:4px;--okd-empty-title-font-size:16px;--okd-empty-title-light-height:20px;--okd-empty-title-margin-bottom:4px;--okd-empty-title-color:var(--social-okd-color-content-static-default);--okd-empty-desc-font-size:14px;--okd-empty-desc-light-height:158%;--okd-empty-desc-margin-bottom:16px;--okd-empty-desc-color:var(--social-okd-color-content-static-subtle);--okd-empty-title-line-height:20px;--okd-empty-desc-line-height:20px;--okd-empty-title-font-weight:500;--okd-empty-desc-font-weight:400;--okd-empty-sm-title-font-size:14px;--okd-empty-sm-title-line-height:16px;--okd-empty-sm-title-margin-bottom:4px;--okd-empty-sm-desc-font-size:12px;--okd-empty-sm-desc-line-height:18px;--okd-empty-sm-desc-margin-bottom:16px}