/*
 * Pattern marks - the inline SVG masks every pattern icon uses.
 *
 * One source for the front end and the editor canvas: style.css and the
 * section sheets size and colour the marks, this file only supplies the glyph
 * in --tile-icon, --mark-icon, --contact-icon and --check-icon, so a pattern
 * icon is never defined twice.
 */

.service-tile-mark--seo {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.75'/%3E%3Cpath d='M15.6 15.6 21 21'/%3E%3Cpath d='M7.8 12.3 9.9 9.9l1.8 1.7 2.6-3.1'/%3E%3Cpath d='M14.3 8.5h-2.6M14.3 8.5v2.6'/%3E%3C/svg%3E");
}

.service-tile-mark--build {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.8 7.6 4 12l4.8 4.4'/%3E%3Cpath d='M15.2 7.6 20 12l-4.8 4.4'/%3E%3Cpath d='M13.4 5.4l-2.8 13.2'/%3E%3C/svg%3E");
}

.service-tile-mark--social {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2.7'/%3E%3Ccircle cx='17.4' cy='6.3' r='2.7'/%3E%3Ccircle cx='17.4' cy='17.7' r='2.7'/%3E%3Cpath d='M8.5 10.7l6.4-3.2M8.5 13.3l6.4 3.2'/%3E%3C/svg%3E");
}

.service-tile-mark--growth {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 20.4h16.8'/%3E%3Cpath d='M7.2 20.4v-4.8M12 20.4v-8.4M16.8 20.4v-6'/%3E%3Cpath d='M4.8 8.4 9.6 4.2l3 2.4 6-5.1'/%3E%3Cpath d='M18.6 1.5h-3.3M18.6 1.5v3.3'/%3E%3C/svg%3E");
}

.service-tile-mark--paid {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='M12 1.8v2.4M12 19.8v2.4M1.8 12h2.4M19.8 12h2.4'/%3E%3C/svg%3E");
}

.service-tile-mark--content {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.6h8.4L18.6 8v12.4H6z'/%3E%3Cpath d='M14 3.6V8h4.6'/%3E%3Cpath d='M8.8 12h6.4M8.8 15.4h6.4M8.8 18h3.6'/%3E%3C/svg%3E");
}

.service-tile-mark--cloud {
	--tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 18.4h9.6a3.9 3.9 0 0 0 .5-7.8 5.6 5.6 0 0 0-10.7-1.4 3.7 3.7 0 0 0 .6 9.2z'/%3E%3Cpath d='M12 15.2V9.4M9.6 11.8 12 9.4l2.4 2.4'/%3E%3C/svg%3E");
}

/* The tick used by the grow-traffic checklist rows. */
.grow-check-mark {
	--check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 12.6l4.8 4.8 10.4-11'/%3E%3C/svg%3E");
}

.contact-mark--phone {
	--contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 3.8h3.1l1.5 4-2 1.3a12.4 12.4 0 0 0 5.9 5.9l1.3-2 4 1.5v3.1a1.6 1.6 0 0 1-1.7 1.6C10.6 19.8 4.2 13.4 3.6 5.5A1.6 1.6 0 0 1 5.2 3.8Z'/%3E%3C/svg%3E");
}

.contact-mark--mail {
	--contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.4' width='18' height='13.2' rx='2.2'/%3E%3Cpath d='M3.8 6.6 12 13l8.2-6.4'/%3E%3C/svg%3E");
}

.contact-mark--pin {
	--contact-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.2s6.4-6.1 6.4-11A6.4 6.4 0 0 0 5.6 10.2c0 4.9 6.4 11 6.4 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
}

/* --- Services page marks ------------------------------------------------ */
.service-detail-mark--search {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.75'/%3E%3Cpath d='M15.6 15.6 21 21'/%3E%3Cpath d='M7.8 12.3 9.9 9.9l1.8 1.7 2.6-3.1'/%3E%3C/svg%3E");
}

.service-detail-mark--paid {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.4'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='M12 1.8v2.4M12 19.8v2.4M1.8 12h2.4M19.8 12h2.4'/%3E%3C/svg%3E");
}

.service-detail-mark--social {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2.7'/%3E%3Ccircle cx='17.4' cy='6.3' r='2.7'/%3E%3Ccircle cx='17.4' cy='17.7' r='2.7'/%3E%3Cpath d='M8.5 10.7l6.4-3.2M8.5 13.3l6.4 3.2'/%3E%3C/svg%3E");
}

.service-detail-mark--content {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.6h8.4L18.6 8v12.4H6z'/%3E%3Cpath d='M14 3.6V8h4.6'/%3E%3Cpath d='M8.8 12h6.4M8.8 15.4h6.4M8.8 18h3.6'/%3E%3C/svg%3E");
}

.service-detail-mark--web {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='4.4' width='18.8' height='15.2' rx='2.2'/%3E%3Cpath d='M2.6 8.6h18.8'/%3E%3Cpath d='M9.4 12.6 7.4 14.6l2 2M14.6 12.6l2 2-2 2'/%3E%3C/svg%3E");
}

.service-detail-mark--ux {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20l3.4-.8L19.2 7.4a2 2 0 0 0 0-2.8l-.6-.6a2 2 0 0 0-2.8 0L4 15.6z'/%3E%3Cpath d='M14.4 5.4l4.2 4.2'/%3E%3Cpath d='M4 20l3.4-.8'/%3E%3C/svg%3E");
}

.service-detail-mark--software {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 20.4 7 12 10.8 3.6 7z'/%3E%3Cpath d='M3.6 12 12 15.8 20.4 12'/%3E%3Cpath d='M3.6 16.8 12 20.6l8.4-3.8'/%3E%3C/svg%3E");
}

.service-detail-mark--cloud {
	--mark-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 18.4h9.6a3.9 3.9 0 0 0 .5-7.8 5.6 5.6 0 0 0-10.7-1.4 3.7 3.7 0 0 0 .6 9.2z'/%3E%3Cpath d='M12 15.2V9.4M9.6 11.8 12 9.4l2.4 2.4'/%3E%3C/svg%3E");
}