/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .jetlinks-avatar { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; overflow: hidden; color: #fff; white-space: nowrap; text-align: center; vertical-align: middle; background: #ccc; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; } .jetlinks-avatar-image { background: transparent; } .jetlinks-avatar .jetlinks-image-img { display: block; } .jetlinks-avatar-string { position: absolute; left: 50%; transform-origin: 0 center; } .jetlinks-avatar.jetlinks-avatar-icon { font-size: 18px; } .jetlinks-avatar.jetlinks-avatar-icon > .anticon { margin: 0; } .jetlinks-avatar-lg { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; } .jetlinks-avatar-lg-string { position: absolute; left: 50%; transform-origin: 0 center; } .jetlinks-avatar-lg.jetlinks-avatar-icon { font-size: 24px; } .jetlinks-avatar-lg.jetlinks-avatar-icon > .anticon { margin: 0; } .jetlinks-avatar-sm { width: 24px; height: 24px; line-height: 24px; border-radius: 50%; } .jetlinks-avatar-sm-string { position: absolute; left: 50%; transform-origin: 0 center; } .jetlinks-avatar-sm.jetlinks-avatar-icon { font-size: 14px; } .jetlinks-avatar-sm.jetlinks-avatar-icon > .anticon { margin: 0; } .jetlinks-avatar-square { border-radius: 6px; } .jetlinks-avatar > img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .jetlinks-avatar-group { display: inline-flex; } .jetlinks-avatar-group .jetlinks-avatar { border: 1px solid #fff; } .jetlinks-avatar-group .jetlinks-avatar:not(:first-child) { margin-left: -8px; } .jetlinks-avatar-group-popover .jetlinks-avatar + .jetlinks-avatar { margin-left: 3px; } .jetlinks-avatar-group-rtl .jetlinks-avatar:not(:first-child) { margin-right: -8px; margin-left: 0; } .jetlinks-avatar-group-popover.jetlinks-popover-rtl .jetlinks-avatar + .jetlinks-avatar { margin-right: 3px; margin-left: 0; }