/* Domaintico Icons (CSS mask SVG, uses currentColor) */
.dm-i{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-0.125em;
  background-color: currentColor;
  -webkit-mask: var(--dm-i) no-repeat center / contain;
  mask: var(--dm-i) no-repeat center / contain;
}
.dm-i-16{font-size:16px}
.dm-i-18{font-size:18px}
.dm-i-20{font-size:20px}
.dm-i-24{font-size:24px}

/* helpers */
.dm-i-round{
  width:2.25rem;height:2.25rem;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background: color-mix(in srgb, var(--dm-primary-color) 10%, #fff);
  border: 1px solid color-mix(in srgb, var(--dm-primary-color) 18%, var(--dm-border-soft));
}
.dm-i-round .dm-i{color: var(--dm-primary-color);}

:root{
  --dm-i-domain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm7.7 9h-3.1a15.6 15.6 0 00-1.2-5A8.05 8.05 0 0119.7 11zM12 4c1.1 1.5 2 3.8 2.4 7H9.6C10 7.8 10.9 5.5 12 4zM4.3 13h3.1c.3 1.9.8 3.6 1.2 5A8.05 8.05 0 014.3 13zM4.3 11a8.05 8.05 0 014.3-5c-.4 1.4-.9 3.1-1.2 5H4.3zm5.3 2h4.8c-.4 3.2-1.3 5.5-2.4 7-1.1-1.5-2-3.8-2.4-7zm6.7 5c.4-1.4.9-3.1 1.2-5h3.1a8.05 8.05 0 01-4.3 5z'/%3E%3C/svg%3E");
  --dm-i-transfer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h11l-3-3 1.4-1.4L22.8 9l-6.4 6.4L15 14l3-3H7V7zm10 10H6l3 3-1.4 1.4L1.2 15l6.4-6.4L9 10l-3 3h11v4z'/%3E%3C/svg%3E");
  --dm-i-dashboard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
  --dm-i-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM7.2 14h9.9c.8 0 1.5-.4 1.8-1.1L22 6H6.2L5.6 3H2v2h2l2.8 11.2c.2.9 1 1.8 2.4 1.8z'/%3E%3C/svg%3E");
  --dm-i-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4 4 0 10-4-4 4 4 0 004 4zm0 2c-4 0-8 2-8 6v2h16v-2c0-4-4-6-8-6z'/%3E%3C/svg%3E");
  --dm-i-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4V6zm0 5h16v2H4v-2zm0 5h16v2H4v-2z'/%3E%3C/svg%3E");
  --dm-i-ssl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a5 5 0 00-5 5v4H5v13h14V10h-2V6a5 5 0 00-5-5zm3 9H9V6a3 3 0 016 0v4zm-3 4a2 2 0 00-1 3.7V20h2v-2.3A2 2 0 0012 14z'/%3E%3C/svg%3E");
  --dm-i-privacy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 4v6c0 5-3.4 9.7-8 10-4.6-.3-8-5-8-10V6l8-4zm0 7a3 3 0 00-3 3v2h6v-2a3 3 0 00-3-3z'/%3E%3C/svg%3E");
  --dm-i-email: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
  --dm-i-hosting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v6H4V4zm0 10h16v6H4v-6zm3-8h2v2H7V6zm0 10h2v2H7v-2z'/%3E%3C/svg%3E");
  --dm-i-support: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a8 8 0 00-8 8v6a3 3 0 003 3h1v-8H7a6 6 0 0112 0h-1v8h1a3 3 0 003-3v-6a8 8 0 00-8-8z'/%3E%3C/svg%3E");
  --dm-i-pricing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1l3 5h6l-4 4 2 6-7-3-7 3 2-6-4-4h6l3-5z'/%3E%3C/svg%3E");
  --dm-i-guides: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h13a3 3 0 013 3v15H7a3 3 0 01-3-3V3zm3 4h10v2H7V7zm0 4h10v2H7v-2z'/%3E%3C/svg%3E");
  --dm-i-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 17h-2v-2h2v2zm2.1-7.5l-.9.9c-.7.7-1.2 1.4-1.2 2.6h-2v-.5c0-1.2.5-2.3 1.2-3l1.2-1.2a2 2 0 10-3.4-1.4H8a4 4 0 117.1 2.5z'/%3E%3C/svg%3E");
  --dm-i-security: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 4v6c0 5-3.4 9.7-8 10-4.6-.3-8-5-8-10V6l8-4zm-1 14l-3-3 1.4-1.4L11 13.2l3.6-3.6L16 11l-5 5z'/%3E%3C/svg%3E");
  --dm-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 105.3 14l4.4 4.4 1.4-1.4-4.4-4.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");
  --dm-i-dns: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16v2H4V7zm0 8h16v2H4v-2zm2-4h12v2H6v-2z'/%3E%3C/svg%3E");
  --dm-i-settings: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.4 13a7.6 7.6 0 000-2l2-1.5-2-3.5-2.3 1a8.3 8.3 0 00-1.7-1l-.3-2.5H9l-.3 2.5a8.3 8.3 0 00-1.7 1l-2.3-1-2 3.5 2 1.5a7.6 7.6 0 000 2l-2 1.5 2 3.5 2.3-1a8.3 8.3 0 001.7 1l.3 2.5h6l.3-2.5a8.3 8.3 0 001.7-1l2.3 1 2-3.5-2-1.5zM12 15.5A3.5 3.5 0 1115.5 12 3.5 3.5 0 0112 15.5z'/%3E%3C/svg%3E");
  --dm-i-sync: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6V3L8 7l4 4V8a4 4 0 014 4 4 4 0 01-6.9 2.6l-1.4 1.4A6 6 0 0018 12a6 6 0 00-6-6zm0 12v3l4-4-4-4v3a4 4 0 01-4-4 4 4 0 016.9-2.6l1.4-1.4A6 6 0 006 12a6 6 0 006 6z'/%3E%3C/svg%3E");
  --dm-i-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.4l-9.3 9.3-1.4-1.4L17.6 5H14V3zM5 5h6v2H7v10h10v-4h2v6H5V5z'/%3E%3C/svg%3E");
  --dm-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 4v6c0 5-3.4 9.7-8 10-4.6-.3-8-5-8-10V6l8-4zm0 3.2L6 7v5c0 3.9 2.4 7.5 6 8 3.6-.5 6-4.1 6-8V7l-6-1.8z'/%3E%3C/svg%3E");
}
.dm-i-domain{--dm-i:var(--dm-i-domain)}
.dm-i-transfer{--dm-i:var(--dm-i-transfer)}
.dm-i-dashboard{--dm-i:var(--dm-i-dashboard)}
.dm-i-cart{--dm-i:var(--dm-i-cart)}
.dm-i-user{--dm-i:var(--dm-i-user)}
.dm-i-menu{--dm-i:var(--dm-i-menu)}
.dm-i-ssl{--dm-i:var(--dm-i-ssl)}
.dm-i-privacy{--dm-i:var(--dm-i-privacy)}
.dm-i-email{--dm-i:var(--dm-i-email)}
.dm-i-hosting{--dm-i:var(--dm-i-hosting)}
.dm-i-support{--dm-i:var(--dm-i-support)}
.dm-i-pricing{--dm-i:var(--dm-i-pricing)}
.dm-i-guides{--dm-i:var(--dm-i-guides)}
.dm-i-help{--dm-i:var(--dm-i-help)}
.dm-i-security{--dm-i:var(--dm-i-security)}

/* Brand-oriented icon helpers */
.dm-i-pill,
.dm-i-panel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background: color-mix(in srgb, var(--dm-primary-color) 8%, #fff);
  border:1px solid color-mix(in srgb, var(--dm-primary-color) 16%, rgba(15,23,42,.08));
}
.dm-i-panel{
  width:42px;
  height:42px;
  padding:0;
  border-radius:14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.dm-i-panel .dm-i,
.dm-i-pill .dm-i{
  color: var(--dm-primary-color);
}
.dm-i-search{--dm-i:var(--dm-i-search)}
.dm-i-dns{--dm-i:var(--dm-i-dns)}
.dm-i-settings{--dm-i:var(--dm-i-settings)}
.dm-i-sync{--dm-i:var(--dm-i-sync)}
.dm-i-external{--dm-i:var(--dm-i-external)}
.dm-i-shield{--dm-i:var(--dm-i-shield)}