/*
 * Seoclerks badge icons. GENERATED by assets/brand/build/build.py --only ui-icons - edit the
 * drawings there, not this file.
 *
 * Used like a Font Awesome icon: <i class="sci sci-vetted" aria-hidden="true"></i>. The icon is
 * a 1em square that takes the surrounding text colour; two-colour icons paint their second
 * colour from --sci-accent, which falls back to each icon's own default.
 */
.sci {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	flex: none;
}

.sci::before,
.sci::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.sci::before {
	content: "";
	background-color: currentColor;
}

/* only the two-colour icons switch this layer on */
.sci::after {
	content: none;
}

.sci-vetted::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M36 5 L63 14 V33 C63 50 51 61 36 67 C21 61 9 50 9 33 V14 Z' fill='none' stroke='%23000' stroke-width='6.5' stroke-linejoin='round'/%3E%3Cg transform='translate(15.5 15.5) scale(0.57)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='12'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 36 21 L 36 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='11.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M36 5 L63 14 V33 C63 50 51 61 36 67 C21 61 9 50 9 33 V14 Z' fill='none' stroke='%23000' stroke-width='6.5' stroke-linejoin='round'/%3E%3Cg transform='translate(15.5 15.5) scale(0.57)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='12'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 36 21 L 36 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='11.5'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-vetted-human::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M36 5 L63 14 V33 C63 50 51 61 36 67 C21 61 9 50 9 33 V14 Z' fill='none' stroke='%23000' stroke-width='6.5' stroke-linejoin='round'/%3E%3Cg transform='translate(15.5 15.5) scale(0.57)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='12'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='11.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cpath d='M36 5 L63 14 V33 C63 50 51 61 36 67 C21 61 9 50 9 33 V14 Z' fill='none' stroke='%23000' stroke-width='6.5' stroke-linejoin='round'/%3E%3Cg transform='translate(15.5 15.5) scale(0.57)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='12'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='11.5'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-vetted-human::after { content: ""; background-color: var(--sci-accent, #FFB140); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(15.5 15.5) scale(0.57)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='12'%3E%3Cpath d='M 36 21 L 36 42'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(15.5 15.5) scale(0.57)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='12'%3E%3Cpath d='M 36 21 L 36 42'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sci-vetted-mark-tick::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='g'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Ccircle cx='55' cy='54' r='16.5' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23g)'%3E%3Cg transform='translate(-4 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 36 21 L 36 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='10.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='g'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Ccircle cx='55' cy='54' r='16.5' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23g)'%3E%3Cg transform='translate(-4 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 36 21 L 36 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='10.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sci-vetted-mark-tick::after { content: ""; background-color: var(--sci-accent, #0DA9EF); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='t'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Cpath d='M 49.15 54.26 L 53.70 58.94 L 61.50 49.45' fill='none' stroke='%23000' stroke-width='4.68' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23t)'%3E%3Ccircle cx='55' cy='54' r='13' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='t'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Cpath d='M 49.15 54.26 L 53.70 58.94 L 61.50 49.45' fill='none' stroke='%23000' stroke-width='4.68' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23t)'%3E%3Ccircle cx='55' cy='54' r='13' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-vetted-mark::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(0 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 36 21 L 36 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='10.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(0 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 36 21 L 36 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='10.5'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-human-clerk-tick::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M 22 18 L 22 50' stroke-width='15'/%3E%3Cpath d='M 11 62 L 33 62' stroke-width='9'/%3E%3Cpath d='M 40 38 L 49 47 L 64 27' stroke-width='8.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M 22 18 L 22 50' stroke-width='15'/%3E%3Cpath d='M 11 62 L 33 62' stroke-width='9'/%3E%3Cpath d='M 40 38 L 49 47 L 64 27' stroke-width='8.5'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-human-crew::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(0 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='10.5'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(0 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 23 30 L 23 42'/%3E%3Cpath d='M 49 27 L 49 42'/%3E%3C/g%3E%3Cpath d='M 14 56 L 58 56' stroke-width='10.5'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-human-crew::after { content: ""; background-color: var(--sci-accent, #FFB140); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(0 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 36 21 L 36 42'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg transform='translate(0 -2)' fill='none' stroke='%23000' stroke-linecap='round'%3E%3Cg stroke-width='11'%3E%3Cpath d='M 36 21 L 36 42'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.sci-human-clerk-ring::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='g'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Ccircle cx='55' cy='54' r='16.5' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23g)'%3E%3Ccircle cx='31' cy='36' r='26' fill='none' stroke='%23000' stroke-width='6'/%3E%3Cpath d='M 31 24 L 31 44' stroke='%23000' stroke-width='12' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='g'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Ccircle cx='55' cy='54' r='16.5' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23g)'%3E%3Ccircle cx='31' cy='36' r='26' fill='none' stroke='%23000' stroke-width='6'/%3E%3Cpath d='M 31 24 L 31 44' stroke='%23000' stroke-width='12' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E"); }
.sci-human-clerk-ring::after { content: ""; background-color: var(--sci-accent, #FFB140); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='t'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Cpath d='M 49.15 54.26 L 53.70 58.94 L 61.50 49.45' fill='none' stroke='%23000' stroke-width='4.68' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23t)'%3E%3Ccircle cx='55' cy='54' r='13' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cmask id='t'%3E%3Crect width='72' height='72' fill='%23fff'/%3E%3Cpath d='M 49.15 54.26 L 53.70 58.94 L 61.50 49.45' fill='none' stroke='%23000' stroke-width='4.68' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23t)'%3E%3Ccircle cx='55' cy='54' r='13' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); }
