/* Shared, local SVG icons; no icon font is required. */
svg.sketch-icon { display:inline-block; width:1.15em; height:1.15em; flex-shrink:0; vertical-align:middle; }
svg.brand-icon { display:inline-block; width:18px; height:18px; flex-shrink:0; vertical-align:middle; }
.icon-spinning { animation:icon-turn 1.2s linear infinite; }
@keyframes icon-turn { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .icon-spinning { animation:none; } }
.auth-form-panel .input-wrapper > .sketch-icon { position:absolute; left:15px; top:50%; width:17px; height:17px; transform:translateY(-50%); color:#9aa5b9; pointer-events:none; }
.auth-form-panel :is(.btn-primary,.btn-signin) > .sketch-icon { width:18px; height:18px; margin-right:5px; }
.social-login-btn .brand-icon { width:18px; height:18px; }
.inspector-box-toggle > .sketch-icon { width:13px; height:13px; color:#8390a3; transform:rotate(-90deg); }
.inspector-box-toggle[aria-expanded=true] > .sketch-icon { transform:none; }
.formatting-bar button > .sketch-icon { width:17px; height:17px; }
.dashboard-launch > .sketch-icon { width:15px; height:15px; color:#788292; }
.dashboard-eyebrow > .sketch-icon { width:14px; height:14px; margin-right:5px; }
.dashboard-start .btn-primary > .sketch-icon { width:18px; height:18px; }
.dashboard-page .dashboard-empty > .sketch-icon { display:block; width:34px; height:34px; color:#7391c6; margin:0 auto 16px; }
.dashboard-art-block > .sketch-icon { width:20px; height:20px; color:#7296d4; }
.dashboard-art-spark > .sketch-icon { width:24px; height:24px; }
.mobile-navigation summary .sketch-icon { width:18px; height:18px; margin-right:5px; }
.workspace-search-results a > .sketch-icon { width:16px; height:16px; color:#9da6b6; }
.pricing-features .sketch-icon { width:15px; height:15px; color:#8aa3ce; }
.feature-icon .sketch-icon { width:25px; height:25px; }
.faq-question .sketch-icon { width:17px; height:17px; color:#91a4c4; transition:transform .2s; }
.faq-question .sketch-icon.is-expanded { transform:rotate(45deg); }
.article-meta .sketch-icon,.card-meta .sketch-icon { width:14px; height:14px; margin-right:4px; }
.search-bar > .sketch-icon { width:17px; height:17px; }
.blog-empty-state > .sketch-icon { width:38px; height:38px; margin-bottom:12px; }
.documents-page #closeDocumentOptions > .sketch-icon { width:18px; height:18px; }