@gravityforms/components/dist/css/admin/avatar-group.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin .gform-avatar-group {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
		position: relative;
	}

		.gform-admin .gform-avatar-group .gform-avatar {
			border: 2px solid #fff;
			position: relative;
		}

		.gform-admin .gform-avatar-group .gform-avatar-group__overflow-count {
			align-items: center;
			background: #f2f3f5;
			border: 2px solid #fff;
			border-radius: 100%;
			box-sizing: border-box;
			color: #5b5e80;
			display: flex;
			font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
			font-weight: 500;
			justify-content: center;
			position: relative;
			text-transform: uppercase;
			-webkit-user-select: none;
			   -moz-user-select: none;
			        user-select: none;
			z-index: 2;
		}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-xs .gform-avatar {
				border: 1px solid #fff;
				margin-inline-start: -6px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-xs .gform-avatar-group__overflow-count {
				block-size: 24px;
				border: 1px solid #fff;
				font-size: 0.5rem;
				inline-size: 24px;
				margin-inline-start: -6px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-sm .gform-avatar {
				margin-inline-start: -8px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-sm .gform-avatar-group__overflow-count {
				block-size: 32px;
				font-size: 0.65rem;
				inline-size: 32px;
				margin-inline-start: -8px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-md .gform-avatar {
				margin-inline-start: -10px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-md .gform-avatar-group__overflow-count {
				block-size: 40px;
				font-size: 0.8rem;
				inline-size: 40px;
				margin-inline-start: -10px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-lg .gform-avatar {
				margin-inline-start: -12px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-lg .gform-avatar-group__overflow-count {
				block-size: 48px;
				font-size: 0.9rem;
				inline-size: 48px;
				margin-inline-start: -12px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-xl .gform-avatar {
				margin-inline-start: -15px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-xl .gform-avatar-group__overflow-count {
				block-size: 56px;
				font-size: 1.1rem;
				inline-size: 56px;
				margin-inline-start: -15px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-2xl .gform-avatar {
				margin-inline-start: -18px;
			}

		.gform-admin .gform-avatar-group.gform-avatar-group--size-2xl .gform-avatar-group__overflow-count {
				block-size: 64px;
				font-size: 1.25rem;
				inline-size: 64px;
				margin-inline-start: -18px;
			}

/*# sourceMappingURL=avatar-group.css.map */