/* src/styles/cd-motion.css */
/* Chiemsee Dental Studio – Micro-Interactions & Scroll-Reveal
   Reveal greift nur, wenn das Laufzeit-Skript html.cd-js gesetzt hat (Editor bleibt unberührt). */

html { scroll-behavior: smooth; }

/* Scroll-Reveal */
.cd-js .cd-reveal { opacity: 0; transform: translateY(18px); transition: opacity var(--cd-dur-slow) var(--cd-ease), transform var(--cd-dur-slow) var(--cd-ease); transition-delay: var(--cd-delay, 0ms); }
.cd-js .cd-reveal.is-visible { opacity: 1; transform: none; }

/* Header: Schatten beim Scrollen */
.cd-header { transition: box-shadow var(--cd-dur) var(--cd-ease), background-color var(--cd-dur) var(--cd-ease); }
.cd-header.is-scrolled { box-shadow: var(--cd-shadow-s); background: rgba(255, 255, 255, .96); }

/* Navigation: Unterstrich fährt ein */
.cd-nav__link { position: relative; border-bottom-color: transparent !important; transition: color var(--cd-dur-fast) var(--cd-ease); }
.cd-nav__link::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; border-radius: 2px; background: var(--secondary); transform: scaleX(0); transform-origin: left; transition: transform var(--cd-dur) var(--cd-ease); }
.cd-nav__link:hover::after, .cd-nav__link[aria-current="page"]::after { transform: scaleX(1); }
.cd-mobile__link::after { display: none; }

/* Buttons */
.cd-btn--primary:hover, .cd-btn--accent:hover { box-shadow: var(--cd-shadow-m); }
.cd-btn:not(.cd-btn--link):hover { transform: translateY(-1px); }
.cd-btn:not(.cd-btn--link):active { transform: translateY(0) scale(.98); }

/* Icon-Kreise reagieren auf ihre Karte */
.cd-icon { transition: transform var(--cd-dur) var(--cd-ease), background-color var(--cd-dur) var(--cd-ease); }
.cd-feature:hover .cd-icon, .cd-proof__item:hover .cd-icon, .cd-card:hover .cd-icon { transform: scale(1.08) rotate(-4deg); background-color: var(--secondary-soft); }
.cd-card--dark:hover .cd-icon--dark { background-color: var(--secondary-40); }

/* Kartenbilder zoomen leicht */
.cd-card__media img, .cd-img img { transition: transform var(--cd-dur-slow) var(--cd-ease); }
.cd-card--link:hover .cd-card__media img { transform: scale(1.04); }

/* Kreisbögen atmen langsam */
@keyframes cd-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } }
.cd-cta__ring, .cd-img__ring { animation: cd-breathe 9s var(--cd-ease) infinite; }

/* Schritte heben sich an */
.cd-step, .cd-sec__body ol li { transition: transform var(--cd-dur) var(--cd-ease), box-shadow var(--cd-dur) var(--cd-ease), border-color var(--cd-dur) var(--cd-ease); }
.cd-step:hover, .cd-sec__body ol li:hover { transform: translateY(-3px); box-shadow: var(--cd-shadow-m); }

/* FAQ: Antwort blendet weich ein */
@keyframes cd-fade-down { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.cd-faq details[open] .cd-faq__answer { animation: cd-fade-down var(--cd-dur-slow) var(--cd-ease); }
.cd-faq summary { transition: color var(--cd-dur-fast) var(--cd-ease); }
.cd-faq summary:hover .cd-faq__icon { background-color: var(--secondary-soft); }

/* Textlinks: Pfeil rückt */
.cd-btn--link .cd-btn__arrow, .cd-card__more .cd-btn__arrow { transition: transform var(--cd-dur) var(--cd-ease); }

/* Chip im Hero schwebt leicht */
@keyframes cd-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.cd-js .cd-figure .cd-chip { animation: cd-float 6s var(--cd-ease) infinite; }

/* Seitenübergänge (View Transitions, Chrome/Edge; andere Browser wechseln normal) */
@view-transition { navigation: auto; }
.cd-header { view-transition-name: cd-header; }
.cd-footer { view-transition-name: cd-footer; }
@keyframes cd-page-out { to { opacity: 0; transform: translateY(-10px); } }
@keyframes cd-page-in { from { opacity: 0; transform: translateY(14px); } }
::view-transition-old(root) { animation: cd-page-out 180ms var(--cd-ease) both; }
::view-transition-new(root) { animation: cd-page-in 320ms var(--cd-ease) 60ms both; }
::view-transition-group(cd-header), ::view-transition-group(cd-footer) { animation-duration: 0s; }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  html { scroll-behavior: auto; }
  .cd-js .cd-reveal { opacity: 1; transform: none; transition: none; }
  .cd-cta__ring, .cd-img__ring, .cd-js .cd-figure .cd-chip { animation: none; }
}


/* src/styles/cd-runtime.css */
/* Chiemsee Dental Studio – Regeln, die Instatic beim Veröffentlichen sonst wegkürzt
   (dynamisch gesetzte Klassen, Attribut- und Pseudo-Selektoren). */

.cd-img img { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; border: 0; }
.cd-figure .cd-chip { position: relative; left: auto; bottom: auto; z-index: 2; margin: -3rem auto 0; width: fit-content; max-width: calc(100% - 2 * var(--space-s)); }
.cd-figure .cd-img__label { bottom: auto; top: var(--space-s); }
@media (min-width: 768px) { .cd-figure .cd-chip { position: absolute; left: var(--space-s); bottom: var(--space-s); margin: 0; } }

.cd-burger::before { content: ""; width: 2.4rem; height: 2.4rem; background-color: currentColor; --cd-i: 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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E"); -webkit-mask: var(--cd-i) center/contain no-repeat; mask: var(--cd-i) center/contain no-repeat; }
.cd-header.is-open .cd-burger::before { --cd-i: 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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); }

.cd-img--drop .cd-img__label { left: auto; right: var(--space-s); }
.cd-figure .cd-img--drop .cd-img__label { top: auto; bottom: var(--space-s); }

.cd-grid--features .cd-feature { flex-direction: column; gap: var(--space-s); }

.cd-form-msg { margin: 0; padding: var(--space-s) var(--space-m); border-radius: var(--cd-radius-m); font: 500 var(--text-s)/1.5 var(--font-text); }
.cd-form-msg[hidden] { display: none; }
.cd-form-msg[data-state="success"] { background: var(--success-10); color: var(--success); }
.cd-form-msg[data-state="error"] { background: var(--error-10); color: var(--error); }

.cd-mailto__preview { display: flex; flex-direction: column; gap: .6rem; padding: var(--space-s) var(--space-m); border-radius: var(--cd-radius-m); background: var(--mist); }
.cd-mailto__subject { margin: 0; font: 600 var(--text-l)/1.3 var(--font-heading); color: var(--text-title); }
.cd-mailto__copy { font-weight: 600; }
.cd-mailto .cd-pill { padding: 0 1.8rem; }

/* Mobiles Menü als Offcanvas von rechts */
.cd-header__inner { position: relative; }
.cd-burger { position: relative; z-index: 3; }
.cd-header .cd-mobile { display: block; position: fixed; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; width: min(86vw, 38rem); padding: calc(var(--cd-header-h) + var(--space-m)) 0 var(--space-l); overflow-y: auto; background: #fff; border-top: 0; border-left: 1px solid var(--line); box-shadow: var(--cd-shadow-l); transform: translateX(100%); visibility: hidden; transition: transform var(--cd-dur-slow) var(--cd-ease), visibility 0s linear var(--cd-dur-slow); }
.cd-header.is-open .cd-mobile { transform: none; visibility: visible; transition: transform var(--cd-dur-slow) var(--cd-ease); }
.cd-header::after { content: ""; position: fixed; inset: 0; z-index: 0; background: rgba(10, 46, 68, .38); opacity: 0; visibility: hidden; transition: opacity var(--cd-dur) var(--cd-ease), visibility 0s linear var(--cd-dur); }
.cd-header.is-open::after { opacity: 1; visibility: visible; transition: opacity var(--cd-dur) var(--cd-ease); }
.cd-mobile .cd-container { display: flex; flex-direction: column; align-items: flex-end; flex: 1; width: 100%; }
.cd-mobile__links { width: 100%; text-align: right; }
.cd-mobile__link { padding-inline: 0; }
.cd-mobile .cd-row { flex-direction: column; align-items: flex-end; width: 100%; margin-top: auto; padding-top: var(--space-l); }
.cd-mobile .cd-row .cd-btn { width: 100%; }
.cd-header.is-open .cd-mobile__links li { animation: cd-menu-in var(--cd-dur-slow) var(--cd-ease) both; }
.cd-header.is-open .cd-mobile__links li:nth-child(2) { animation-delay: 50ms; }
.cd-header.is-open .cd-mobile__links li:nth-child(3) { animation-delay: 100ms; }
.cd-header.is-open .cd-mobile__links li:nth-child(4) { animation-delay: 150ms; }
@keyframes cd-menu-in { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
html.cd-menu-open { overflow: hidden; }
@media (max-width: 959px) { .cd-header { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255, 255, 255, .97); } }
.cd-header #cd-mobile { display: flex; }
@media (min-width: 960px) { .cd-header .cd-mobile, .cd-header #cd-mobile, .cd-header::after { display: none; } }
@media (prefers-reduced-motion: reduce) { .cd-header .cd-mobile, .cd-header::after { transition: none; } .cd-header.is-open .cd-mobile__links li { animation: none; } }

/* Karten (selbst gehostete OSM-Bilder) */
.cd-map { position: relative; overflow: hidden; }
.cd-map .cd-map__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.cd-map-link { display: block; color: inherit; text-decoration: none; }
.cd-map-link img { transition: transform var(--cd-dur-slow) var(--cd-ease); }
.cd-map-link:hover img, .cd-map-link:focus-visible img { transform: scale(1.03); }
.cd-map-link .cd-map-link__chip { position: absolute; left: var(--space-s); bottom: var(--space-s); z-index: 2; display: inline-flex; align-items: center; gap: .6rem; }
.cd-map-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Karten-Ränder: helle Karten grau, blaue Karten dunkelblau */
.cd-card.cd-card--raised, .cd-card.cd-card--outline, .cd-box, .cd-mailto__preview { border: 1px solid var(--line); }
.cd-card.cd-card--dark, .cd-dark.cd-cta, .cd-card.cd-card--soft, .cd-chip { border: 1px solid var(--primary-d-3); }

/* Rechtstexte */
.cd-legal { max-width: 78rem; }
.cd-legal h2 { margin-top: var(--space-l); }
.cd-legal .cd-legal__list { margin: 0; padding-left: 2rem; font: 400 var(--text-m)/1.6 var(--font-text); color: var(--text-body); }
.cd-legal .cd-legal__list li { list-style: disc; }
.cd-legal .cd-legal__list li::marker { color: var(--accent); }
.cd-legal .cd-legal__list li + li { margin-top: .4rem; }
.cd-legal a { overflow-wrap: anywhere; }

/* Team-Porträts */
.cd-person .cd-img--portrait { position: relative; overflow: hidden; }

.cd-flag { display: none; }
.cd-flag[data-cd-flag="true"] { display: inline-flex; }

/* Icons (Lucide, Strich 1.75) – auch für per Skript gesetzte Klassen */
.cd-i--phone{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.cd-i--mail{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E")}
.cd-i--message-circle{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E")}
.cd-i--clock{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}
.cd-i--map-pin{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.cd-i--map{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.1 5.9 9.9 3.8a2 2 0 0 0-1.8 0L3.6 6A1 1 0 0 0 3 7v12.4a1 1 0 0 0 1.4.9l3.7-1.9a2 2 0 0 1 1.8 0l4.2 2.1a2 2 0 0 0 1.8 0l4.5-2.3A1 1 0 0 0 21 17.3V4.6a1 1 0 0 0-1.4-.9l-3.7 1.9a2 2 0 0 1-1.8 0zM15 5.8v15M9 3.2v15'/%3E%3C/svg%3E")}
.cd-i--truck{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2'/%3E%3Cpath d='M15 18H9'/%3E%3Cpath d='M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/svg%3E")}
.cd-i--user-check{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='m16 11 2 2 4-4'/%3E%3C/svg%3E")}
.cd-i--calendar-days{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E")}
.cd-i--award{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.48 12.89 17 22l-5-3-5 3 1.52-9.11'/%3E%3C/svg%3E")}
.cd-i--cpu{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='6' height='6' x='9' y='9' rx='1'/%3E%3Cpath d='M15 2v2M15 20v2M2 15h2M2 9h2M20 15h2M20 9h2M9 2v2M9 20v2'/%3E%3C/svg%3E")}
.cd-i--handshake{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2'/%3E%3Cpath d='M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3'/%3E%3Cpath d='M3 4h8'/%3E%3C/svg%3E")}
.cd-i--shield-check{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.cd-i--shield-alert{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E")}
.cd-i--shield{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E")}
.cd-i--layers{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E")}
.cd-i--gem{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 13L2 9Z'/%3E%3Cpath d='M11 3 8 9l4 13 4-13-3-6'/%3E%3Cpath d='M2 9h20'/%3E%3C/svg%3E")}
.cd-i--crown{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14'/%3E%3C/svg%3E")}
.cd-i--scan-line{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2M7 12h10'/%3E%3C/svg%3E")}
.cd-i--smile{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/svg%3E")}
.cd-i--anchor{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22V8M5 12H2a10 10 0 0 0 20 0h-3'/%3E%3Ccircle cx='12' cy='5' r='3'/%3E%3C/svg%3E")}
.cd-i--sparkles{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.94 15.5A2 2 0 0 0 8.5 14.06l-6.14-1.58a.5.5 0 0 1 0-.96L8.5 9.94A2 2 0 0 0 9.94 8.5l1.58-6.14a.5.5 0 0 1 .96 0L14.06 8.5A2 2 0 0 0 15.5 9.94l6.14 1.58a.5.5 0 0 1 0 .96L15.5 14.06a2 2 0 0 0-1.44 1.44l-1.58 6.14a.5.5 0 0 1-.96 0z'/%3E%3Cpath d='M20 3v4M22 5h-4M4 17v2M5 18H3'/%3E%3C/svg%3E")}
.cd-i--wrench{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E")}
.cd-i--circle-check{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
.cd-i--check{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.cd-i--plus{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}
.cd-i--arrow-right{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}
.cd-i--chevron-right{--cd-i: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.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}