/**
 * Design Studio inline icon styles (SVG via mask).
 */

.gozero-studio-icon {
	display: block;
	width: 28px;
	height: 28px;
	flex-shrink: 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;
}

.gozero-studio-tab .gozero-studio-icon {
	width: 26px;
	height: 26px;
	margin: 0 auto 4px;
}

.gozero-studio-menu-item .gozero-studio-icon {
	width: 36px;
	height: 36px;
	color: #555;
}

.gozero-studio-icon--product {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M6 4h12l-1.2 4H7.2L6 4z'/%3E%3Cpath d='M5 8h14v11a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8z'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M6 4h12l-1.2 4H7.2L6 4z'/%3E%3Cpath d='M5 8h14v11a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V8z'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E");
}

.gozero-studio-icon--camera {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M4 8h3l1.5-2h7L17 8h3a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E");
}

.gozero-studio-icon--text {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M6 4h12v3h-4.5v13H10.5V7H6V4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M6 4h12v3h-4.5v13H10.5V7H6V4z'/%3E%3C/svg%3E");
}

.gozero-studio-icon--save {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M12 3v10'/%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M12 3v10'/%3E%3Cpath d='M8 9l4 4 4-4'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E");
}

.gozero-studio-icon--buy {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 3C9.8 3 8 4.8 8 7h8c0-2.2-1.8-4-4-4zm-6 6c-1.1 0-2 .9-2 2v1h16v-1c0-1.1-.9-2-2-2H6zm1 4v6h10v-6H7z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 3C9.8 3 8 4.8 8 7h8c0-2.2-1.8-4-4-4zm-6 6c-1.1 0-2 .9-2 2v1h16v-1c0-1.1-.9-2-2-2H6zm1 4v6h10v-6H7z'/%3E%3C/svg%3E");
}

.gozero-studio-icon--upload {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='4' y='5' width='16' height='14' rx='1'/%3E%3Cpath d='M12 10v6M9 13l3-3 3 3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='4' y='5' width='16' height='14' rx='1'/%3E%3Cpath d='M12 10v6M9 13l3-3 3 3'/%3E%3C/svg%3E");
}

.gozero-studio-icon--gallery {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='5' y='6' width='10' height='8'/%3E%3Crect x='9' y='10' width='10' height='8'/%3E%3Cpath d='M5 6l2-2h6l2 2M9 10l2-2h6l2 2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Crect x='5' y='6' width='10' height='8'/%3E%3Crect x='9' y='10' width='10' height='8'/%3E%3Cpath d='M5 6l2-2h6l2 2M9 10l2-2h6l2 2'/%3E%3C/svg%3E");
}

.gozero-studio-icon--order {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E");
}

.gozero-studio-icon--ideas {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M7 5h10l-1 3H8L7 5z'/%3E%3Cpath d='M6 8h12v10H6V8z'/%3E%3Cpath d='M8 11h8M8 14h8M8 17h5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M7 5h10l-1 3H8L7 5z'/%3E%3Cpath d='M6 8h12v10H6V8z'/%3E%3Cpath d='M8 11h8M8 14h8M8 17h5'/%3E%3C/svg%3E");
}

.gozero-studio-tab--buy .gozero-studio-icon {
	background-color: #fff;
}