/* Google Material Icons — SVG mask rendering (full catalog via gstatic). */

.c68bi-icon.c68bi-icon--google {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	background-color: currentColor;
	color: inherit;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: var(--c68bi-icon-mask);
	mask-image: var(--c68bi-icon-mask);
}

.c68bi-icon.c68bi-icon--google.c68bi-icon--double {
	position: relative;
	background-color: transparent;
	-webkit-mask-image: none;
	mask-image: none;
}

.c68bi-icon.c68bi-icon--google.c68bi-icon--double::before,
.c68bi-icon.c68bi-icon--google.c68bi-icon--double::after {
	content: "";
	position: absolute;
	inset: 0;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	pointer-events: none;
}

/* Outer ring: thick glyph minus inner glyph. */
.c68bi-icon.c68bi-icon--google.c68bi-icon--double::before {
	-webkit-mask-image: var(--c68bi-icon-mask-outer), var(--c68bi-icon-mask-inner);
	mask-image: var(--c68bi-icon-mask-outer), var(--c68bi-icon-mask-inner);
	-webkit-mask-size: 100%, var(--c68bi-icon-gap, 72%);
	mask-size: 100%, var(--c68bi-icon-gap, 72%);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

/* Inner outline / glyph. */
.c68bi-icon.c68bi-icon--google.c68bi-icon--double::after {
	-webkit-mask-image: var(--c68bi-icon-mask-inner);
	mask-image: var(--c68bi-icon-mask-inner);
	-webkit-mask-size: calc(var(--c68bi-icon-gap, 72%) - 16%);
	mask-size: calc(var(--c68bi-icon-gap, 72%) - 16%);
}

/* Admin catalog glyphs reuse the same mask pattern. */
.c68bi-google-icons-admin__glyph {
	display: inline-block;
	width: 28px;
	height: 28px;
	background-color: currentColor;
	color: #1e1e1e;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: var(--c68bi-icon-mask);
	mask-image: var(--c68bi-icon-mask);
}