@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(/static/fonts/Inter-Regular.c85646587266.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(/static/fonts/Inter-Medium.b7a6420101b5.woff2) format('woff2')}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(/static/fonts/Inter-SemiBold.d6cd7bb735b3.woff2) format('woff2')}
@font-face{font-family:'SpaceGrotesk';font-weight:500;font-display:swap;src:url(/static/fonts/SpaceGrotesk-Medium.6c063e9cb74a.woff2) format('woff2')}
@font-face{font-family:'SpaceGrotesk';font-weight:700;font-display:swap;src:url(/static/fonts/SpaceGrotesk-Bold.a5032200a884.woff2) format('woff2')}
@font-face{font-family:'JetBrainsMono';font-weight:400;font-display:swap;src:url(/static/fonts/JetBrainsMono-Regular.55ebedaacb12.woff2) format('woff2')}
:root{--bg:#080B17;--surface:#141826;--surface-soft:#1C2233;--text:#EDEFF7;--muted:#9FA8C1;--border:#2A3248;--primary:#F5746F;--on-primary:#1A0B0B;--code:#0D1020;--error:#FF6B6B;color-scheme:dark}
html.light{--primary:#B4433D;--on-primary:#FFFFFF;--bg:#F7F8FC;--surface:#FFFFFF;--surface-soft:#EEF1F8;--text:#121626;--muted:#5A6482;--border:#D9DEEA;--code:#F0F2F8;color-scheme:light}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
#static-shell{position:relative;min-height:100vh;transition:opacity .16s ease}
#static-shell.is-hidden{opacity:0;pointer-events:none}
/* No specificity, so a classed link's own colour wins. */
:where(#static-shell) a{color:inherit}
.s-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:600px){.s-wrap{padding:0 32px}}
@media(min-width:1024px){.s-wrap{padding:0 48px}}
.s-header{height:68px;display:flex;align-items:center;justify-content:space-between}
.s-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'SpaceGrotesk',sans-serif;font-weight:700;font-size:19px}
.s-brand img{width:28px;height:28px;border-radius:6px}
.s-nav{display:none;gap:4px}
@media(min-width:1024px){.s-nav{display:flex}}
.s-nav a{color:var(--muted);text-decoration:none;padding:10px 12px;font-weight:600;font-size:15px}
.s-nav a[aria-current=page]{color:var(--text);box-shadow:inset 0 -2px 0 var(--primary)}
.s-hero{padding:96px 0 48px;background:radial-gradient(1100px 600px at 90% -10%,rgba(245,116,111,0.2),transparent 70%)}
@media(max-width:599px){.s-hero{padding:48px 0 32px}}
.s-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;margin:0 0 16px}
h1,h2,h3{font-family:'SpaceGrotesk',sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}
h1{font-size:clamp(36px,6vw,64px);max-width:820px}
h2{font-size:clamp(28px,3.5vw,36px);max-width:760px}
h3{font-size:20px;font-weight:500;letter-spacing:-.01em;margin-bottom:8px}
.s-lede{font-size:18px;color:var(--muted);max-width:640px;margin:24px 0 0}
.s-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.s-btn{display:inline-flex;align-items:center;gap:6px;padding:14px 22px;border-radius:8px;border:1px solid var(--border);text-decoration:none;font-weight:600;font-size:15px;color:var(--text)}
.s-btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.s-section{padding:64px 0}
@media(max-width:1023px){.s-section{padding:40px 0}}
.s-body{color:var(--muted);font-size:18px;max-width:680px;margin:16px 0 0}
.s-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}
.s-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px}
.s-card p{color:var(--muted);margin:8px 0 0}
.s-card .s-badge{float:right}
.s-badge{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);font-size:13px;font-weight:600;color:var(--text)}
.s-list{list-style:none;margin:32px 0 0;padding:0}
.s-list li{padding:20px 0;border-bottom:1px solid var(--border)}
.s-list li p{color:var(--muted);margin:4px 0}
.s-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:32px}
.s-stat{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;padding:20px}
.s-stat b{display:block;font-family:'SpaceGrotesk',sans-serif;font-size:28px;color:var(--primary)}
.s-stat span{font-size:13px;color:var(--muted);font-weight:600}
.s-code{margin-top:32px;background:var(--code);border:1px solid var(--border);border-radius:14px;padding:14px 20px;font-family:'JetBrainsMono',ui-monospace,monospace;font-size:14px;overflow-x:auto}
.s-code::before{content:'$ ';color:var(--primary)}
.s-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.s-links .s-btn{padding:10px 14px}
.s-more{color:var(--primary);text-decoration:none;font-weight:600;font-size:15px;display:inline-block;margin-top:16px}
.s-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.s-chips a{text-decoration:none;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft)}
.s-chips a[aria-current=page]{border-color:var(--primary);color:var(--primary)}
.s-post-list{max-width:800px;margin-top:32px}
.s-post-list article{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:16px}
.s-post-list article h3{font-size:22px;font-weight:700}
.s-post-list article a{text-decoration:none}
.s-meta{font-size:13px;color:var(--muted);font-weight:600}
.s-prose{max-width:720px;margin:0 auto;padding-bottom:64px}
.s-prose h1{font-size:clamp(32px,5vw,44px)}
.s-prose h2{font-size:28px;margin-top:32px}
.s-prose h3{font-size:22px;font-weight:700;margin-top:24px}
.s-prose p,.s-prose li{font-size:18px;color:var(--text)}
.s-prose a{color:var(--primary)}
.s-prose pre{background:var(--code);border:1px solid var(--border);border-radius:14px;padding:16px;overflow-x:auto;font-family:'JetBrainsMono',ui-monospace,monospace;font-size:14px}
.s-prose code{font-family:'JetBrainsMono',ui-monospace,monospace;font-size:.92em}
.s-prose blockquote{margin:0;padding:8px 16px;border-left:3px solid var(--primary);color:var(--muted)}
.s-footer{background:var(--surface);border-top:1px solid var(--border);padding:48px 0;margin-top:48px}
.s-footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
@media(max-width:1023px){.s-footer-cols{grid-template-columns:1fr}}
.s-footer h4{margin:0 0 12px;font-size:15px}
.s-footer a{display:block;color:var(--muted);text-decoration:none;font-size:14px;padding:3px 0}
.s-footer p{color:var(--muted);font-size:14px;max-width:320px;margin:12px 0 0}
.s-footer .s-copy{max-width:none;border-top:1px solid var(--border);margin-top:40px;padding-top:16px;color:var(--muted);font-size:14px}
.s-wrap a.s-card{display:block;text-decoration:none;color:inherit}
.s-card h3{margin-top:12px}
.s-notice{margin:24px 0;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);font-size:14px}
.s-notice.warn{border-color:var(--primary);color:var(--text)}
.s-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.s-hint{color:var(--muted);font-size:14px;margin:12px 0 0}
.s-steps{list-style:none;counter-reset:step;margin:32px 0 0;padding:0;max-width:760px}
.s-steps li{counter-increment:step;position:relative;padding:0 0 24px 56px}
.s-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:10px;background:var(--surface-soft);color:var(--primary);font-weight:700;display:flex;align-items:center;justify-content:center}
.s-steps h3{margin:4px 0 4px}
.s-steps p{color:var(--muted);margin:0}
.s-steps .s-code{margin-top:12px}
:where(.s-page) a{color:inherit}
.s-skip{position:absolute;left:-9999px;top:8px;z-index:10;background:var(--primary);color:var(--on-primary);padding:8px 16px;border-radius:8px;font-weight:600}
.s-skip:focus{left:16px}
.s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.s-tools{display:flex;align-items:center;gap:8px}
.s-theme{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);min-width:44px;min-height:44px;cursor:pointer;font:inherit;font-weight:600;font-size:13px}
.s-menu{position:relative}
@media(min-width:1024px){.s-menu{display:none}}
.s-menu summary{list-style:none;cursor:pointer;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-weight:600;font-size:14px}
.s-menu summary::-webkit-details-marker{display:none}
.s-menu nav{position:absolute;right:0;top:52px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;min-width:220px;z-index:5}
.s-menu nav a{padding:12px;text-decoration:none;font-weight:600}
.s-search{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;max-width:640px}
.s-search input{flex:1;min-width:200px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}
.s-search button{padding:12px 18px;border-radius:8px;border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:600;cursor:pointer}
.s-filters{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;align-items:center}
.s-filters label{font-size:14px;color:var(--muted);font-weight:600}
.s-filters select{margin-left:6px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}
.s-check{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.s-status{margin-top:16px;color:var(--muted);font-size:14px;min-height:1.5em}
.s-cmd{display:flex;align-items:stretch;gap:8px;margin-top:12px}
.s-cmd .s-code{margin:0;flex:1}
.s-copy-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.s-sha{font-family:'JetBrainsMono',ui-monospace,monospace;font-size:12px;word-break:break-all}
.s-count{color:var(--muted);font-size:13px;font-weight:600;margin:4px 0 0}
.s-body-text{white-space:pre-line}
.s-stage{border-color:var(--primary);color:var(--primary)}
.s-page main{overflow-wrap:anywhere}
.s-cmd .s-code,.s-header>*{min-width:0}
.s-header{gap:12px}
.s-brand{min-width:0}
@media(max-width:599px){.s-cmd{flex-wrap:wrap}.s-theme{min-width:44px;padding:0 8px}}
.s-pic{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface-soft)}
.s-pic img{display:block;width:100%;height:100%;object-fit:cover}
.s-ph{display:flex;align-items:center;justify-content:center;color:var(--muted)}
.s-ph .s-ico{width:44px;height:44px;opacity:.5}
.s-sum{color:var(--muted);font-size:14px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-pcard{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
.s-wrap a.s-pcard{display:flex}
.s-pcard:hover{border-color:var(--primary);transform:translateY(-2px)}
.s-pbody{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.s-pcard h3{margin:2px 0 0;font-size:18px}
.s-pbody .s-meta,.s-banner .s-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-pbody .s-meta{margin-top:auto;padding-top:4px}
.s-pcard .s-badges,.s-banner .s-badges{margin:0;gap:6px}
.s-pcard .s-badge,.s-banner .s-badge{float:none;font-size:12px;padding:2px 9px}
.s-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.s-hero.s-hero-home{padding:72px 0 24px}
.s-shelf{padding:28px 0}
.s-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}
.s-shelf-head h2{font-size:clamp(22px,2.6vw,28px)}
.s-shelf-head .s-more{margin:0;white-space:nowrap}
.s-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.s-row-1,.s-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.s-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1023px){.s-row,.s-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.s-row,.s-row-1,.s-row-2,.s-row-3{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.s-row>*{scroll-snap-align:start}}
.s-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.s-wrap a.s-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-decoration:none;transition:border-color .15s}
.s-tile:hover{border-color:var(--primary)}
.s-tile .s-ico{color:var(--primary);width:28px;height:28px;margin-bottom:6px}
.s-tile-name{font-weight:600}
.s-tile .s-count{margin:0}
.s-featured{padding-top:8px}
.s-wrap a.s-banner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s}
.s-banner:hover{border-color:var(--primary)}
.s-banner .s-pic{height:100%}
.s-banner-body{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px 32px}
.s-banner .s-eyebrow{margin:0}
.s-banner h3{font-size:clamp(26px,3.2vw,38px);font-weight:700;margin:0}
.s-banner .s-sum{font-size:16px;-webkit-line-clamp:4}
.s-banner .s-go{align-self:flex-start;margin-top:8px;padding:10px 18px}
.s-featured .s-row{margin-top:20px}
@media(max-width:1023px){.s-wrap a.s-banner{grid-template-columns:1fr}.s-banner .s-pic{height:auto}.s-banner-body{padding:20px}}
.s-point .s-ico{color:var(--primary);width:28px;height:28px}
.s-point h3{margin-top:10px}
.s-item{padding:32px 0 64px}
.s-crumbs{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 20px}
.s-crumbs a{color:var(--primary);text-decoration:none}
.s-item-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;grid-template-areas:"gal panel" "body panel";gap:28px 40px;align-items:start}
.s-gallery{grid-area:gal;min-width:0}
.s-gallery>.s-pic{border-radius:16px;border:1px solid var(--border)}
.s-gallery .s-ph .s-ico{width:80px;height:80px}
.s-strip{list-style:none;display:flex;gap:10px;margin:12px 0 0;padding:0 0 4px;overflow-x:auto}
.s-strip a{display:block;width:128px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:2px solid var(--border);opacity:.7;transition:opacity .15s,border-color .15s}
.s-strip a[aria-current=true],.s-strip a:hover{border-color:var(--primary);opacity:1}
.s-strip img{display:block;width:100%;height:100%;object-fit:cover}
.s-panel{grid-area:panel;position:sticky;top:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;min-width:0}
.s-panel h1{font-size:clamp(28px,3.2vw,36px)}
.s-panel .s-eyebrow{margin:0 0 8px}
.s-panel-sum{color:var(--muted);margin:10px 0 0}
.s-panel .s-badges{margin-top:14px}
.s-panel .s-notice{margin:14px 0 0;font-size:13px}
.s-item-body{grid-area:body;min-width:0}
.s-item-body h2{font-size:22px;margin:36px 0 12px}
.s-item-body h2:first-child{margin-top:4px}
.s-item-body .s-body{font-size:16px;max-width:none}
@media(max-width:1023px){.s-item-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"gal" "panel" "body"}.s-panel{position:static}}
.s-install{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.s-install-h{font-size:16px;font-weight:600;letter-spacing:0;margin:0 0 12px}
.s-tabs{display:flex;flex-wrap:wrap}
.s-tabs input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.s-tabs label{flex:1;text-align:center;padding:8px 10px;border:1px solid var(--border);cursor:pointer;font-weight:600;font-size:14px;color:var(--muted);background:var(--surface-soft)}
.s-tabs label:first-of-type{border-radius:8px 0 0 8px;border-right:0}
.s-tabs label:last-of-type{border-radius:0 8px 8px 0}
.s-tabs input:checked+label{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.s-tabs input:focus-visible+label{outline:2px solid var(--primary);outline-offset:2px}
.s-pane{display:none;flex-basis:100%;padding-top:12px;min-width:0}
#how-editor:checked~.s-pane-editor,#how-cli:checked~.s-pane-cli{display:block}
.s-mini-steps{margin:0;padding-left:20px;font-size:14px}
.s-mini-steps li{margin:6px 0}
.s-pane .s-code{font-size:13px;padding:10px 14px}
.s-facts{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:8px 12px;margin:20px 0 0;padding-top:20px;border-top:1px solid var(--border);font-size:14px}
.s-facts dt{color:var(--muted)}
.s-facts dd{margin:0;overflow-wrap:anywhere}
.s-facts a{color:var(--primary);text-decoration:none}
.s-facts code,.s-versions code{font-family:'JetBrainsMono',ui-monospace,monospace;font-size:13px}
.s-panel-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px}
.s-panel-links .s-btn{padding:10px 16px}
.s-panel-links .s-more{margin:0;font-size:14px}
.s-tags{margin-top:16px}
.s-perms{list-style:none;padding:0;margin:8px 0 0}
.s-perms li{padding:6px 0 6px 28px;position:relative}
.s-perms li::before{content:'!';position:absolute;left:0;top:8px;width:18px;height:18px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:12px;font-weight:700;text-align:center;line-height:18px}
.s-versions{list-style:none;margin:0;padding:0}
.s-versions li{padding:12px 0;border-bottom:1px solid var(--border)}
.s-versions .s-vhead{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.s-versions .s-badge{font-size:12px;padding:2px 9px}
.s-vnotes{color:var(--muted);font-size:14px;margin:4px 0 0}
.s-ico{display:inline-block;width:24px;height:24px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.s-ico-person{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}
.s-ico-landscape{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z'/%3E%3C/svg%3E")}
.s-ico-grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3v8h8V3H3zm6 6H5V5h4v4zm-6 4v8h8v-8H3zm6 6H5v-4h4v4zm4-16v8h8V3h-8zm6 6h-4V5h4v4zm-6 4v8h8v-8h-8zm6 6h-4v-4h4v4z'/%3E%3C/svg%3E")}
.s-ico-box{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1 0-2 .9-2 2v3.01c0 .72.43 1.34 1 1.69V20c0 1.1 1.1 2 2 2h14c.9 0 2-.9 2-2V8.7c.57-.35 1-.97 1-1.69V4c0-1.1-1-2-2-2zm-5 12H9v-2h6v2zm5-7H4V4l16-.02V7z'/%3E%3C/svg%3E")}
.s-ico-sparkle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4 6.5 9.5 1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z'/%3E%3C/svg%3E")}
.s-ico-window{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm0 16H5V7h14v12z'/%3E%3C/svg%3E")}
.s-ico-music{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E")}
.s-ico-text{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z'/%3E%3C/svg%3E")}
.s-ico-puzzle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2.7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2.7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20.5 11z'/%3E%3C/svg%3E")}
.s-ico-wrench{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E")}
.s-ico-dashboard{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3z'/%3E%3C/svg%3E")}
.s-ico-code{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z'/%3E%3C/svg%3E")}
.s-ico-shapes{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l-5.5 9h11L12 2zm5.5 11c-2.49 0-4.5 2.01-4.5 4.5s2.01 4.5 4.5 4.5 4.5-2.01 4.5-4.5-2.01-4.5-4.5-4.5zM3 21.5h8v-8H3v8z'/%3E%3C/svg%3E")}
.s-ico-image{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E")}
.s-ico-terminal{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8h16v10zm-2-1h-6v-2h6v2zM7.5 17l-1.41-1.41L8.67 13l-2.59-2.59L7.5 9l4 4-4 4z'/%3E%3C/svg%3E")}
.s-ico-shield{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E")}
.s-ico-editor{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V8h18v11zM5 10h5v7H5z'/%3E%3C/svg%3E")}